@charset "utf-8";

/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300, 400, 700, 600, 700italic, 400italic, 300italic, 600italic);

/* GLOBAL */

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    margin: 0;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    color: #353537;
    -webkit-text-size-adjust: 100%;
    background: #E3E8EE;
}

h1 {
    font-size: 21px;
    line-height: 31px;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 300;
}

h2 {
    font-size: 21px;
    line-height: 31px;
    font-weight: 300;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}

h2.faq-heading {
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    margin: 0 0 20px 0;
}

h3 {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 16px 0;
    color: #8693a7;
    font-weight: 400;
}

h4 {
    font-size: 13px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: 600;
}

p {
    padding: 0;
    margin: 0 0 20px 0;
}

ul {
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

ul li {
    padding: 0;
    margin: 0 0 10px 0;
}

ol {
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

ol li {
    padding: 0;
    margin: 0 0 10px 0;
}

a {
    color: #8693a7;
}

a:hover {
    color: #008acb;
}

strong {
    font-weight: 600;
}

input,
select,
textarea {
    /*    -webkit-appearance: none;*/
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

input.indented-short {
    width: 50px;
    margin-right: 5px;
}

.tickboxes input.no-left-margin {
    margin-left: 5px;
}

.tickboxes textarea {
    margin-left: 25px;
}

hr {
    border: 0;
    color: #efefef;
    background-color: #efefef;
    height: 1px;
}

.previous-link {
    text-decoration: none;
}

.congrats-panel-logo img {
    margin-bottom: 5px;
}

.congrats-panel-logo {
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #efefef;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    color: #76767a;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.congrats-panel-text {
    float: left;
    margin: 5px 20px 20px 0;
    width: 80%;
}

.red-text {
    color: #f00;
}

.image-align-right {
    float: right;
    margin: 0 0 10px 10px;
}

.image-align-left {
    float: left;
    margin: 0 10px 10px 0;
}

img.loading-icon {
    vertical-align: middle;
    display: none;
}


/* GLOBAL */


/* CONTAINERS */

.wrapper {
    margin: 0 auto;
    max-width: 960px;
    min-width: 280px;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.clear5 {
    clear: both;
    height: 5px;
    font-size: 0px;
    line-height: 0px;
}

.clear15 {
    clear: both;
    height: 15px;
    font-size: 0px;
    line-height: 0px;
}

.clear10 {
    clear: both;
    height: 10px;
    font-size: 0px;
    line-height: 0px;
}

.clear20 {
    clear: both;
    height: 20px;
    font-size: 0px;
    line-height: 0px;
}

.clear22 {
    clear: both;
    height: 22px;
    font-size: 0px;
    line-height: 0px;
}

.clear25 {
    clear: both;
    height: 25px;
    font-size: 0px;
    line-height: 0px;
}

.clear30 {
    clear: both;
    height: 30px;
    font-size: 0px;
    line-height: 0px;
}

.clear40 {
    clear: both;
    height: 40px;
    font-size: 0px;
    line-height: 0px;
}

.clear60 {
    clear: both;
    height: 60px;
    font-size: 0px;
    line-height: 0px;
}

.inner {
    padding: 0 15px 0 15px;
    position: relative;
}

.no-bold {
    font-weight: 400;
}

hr.hr-less-padding {
    margin-top: 16px!important;
    margin-bottom: 16px!important;
}


/* CONTAINERS */


/* ICONS */

.icon-book {
    background-image: url(../images/icon-book.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-star {
    background-image: url(../images/icon-star.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-report {
    background-image: url(../images/icon-report.png);
    width: 16px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-report-card {
    background-image: url(../images/icon-report-card.png);
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-plane {
    background-image: url(../images/icon-plane.png);
    width: 23px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.profile-inner .icon-envelope {
    margin: 0 6px 0 5px;
}

.icon-envelope {
    background-image: url(../images/icon-envelope.png);
    width: 21px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-edit {
    background-image: url(../images/icon-edit.png);
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-bin {
    background-image: url(../images/icon-bin.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.icon-arrow {
    background-image: url(../images/icon-arrow-next.png);
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
}


/* ICONS */


/* BUTTONS */

.yellow-button a {
    background-color: #ffe400;
    border: 2px solid #ffb400;
    color: #000;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.button-green {
    background-color: #3f9d16;
    border: 2px solid #277306;
    color: #000;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.button-light-green {
    background-color: #b6f04e;
    border: 2px solid #75b500;
    color: #000;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.larger-button {
    font-size: 15px;
    line-height: 20px;
}

.button-red {
    background-color: #ff6000;
    border: 2px solid #ec2100;
    color: #000;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.button-grey {
    background-color: #e0e0e0;
    border: 2px solid #a3a3a3;
    color: #000;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.join-button {
    font-size: 15px!important;
    line-height: 18px;
}

.button-float-right {
    float: right;
}

.button-float-left {
    float: left;
}

.button-width-210 {
    width: 190px;
    text-align: center;
}

.button-round {
    background-color: #606060;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding: 1px 15px 2px 15px;
    text-decoration: none;
}

.yellow-button a:hover,
.button-find:hover,
.button-yellow:hover,
.button-green:hover,
.button-light-green:hover,
.button-grey:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.tick-on,
.tick-off,
.tick,
.star,
.paying-circle,
.checkbox-tick,
.age-circle,
#enter-name-manually {
    cursor: hand;
    cursor: pointer;
}

.button-wrapper {
    display: inline-block;
    position: relative;
}

.button-wrapper .hint {
    display: none;
    position: absolute;
    top: 26px;
    left: 10px;
    background-color: #f2f2f2;
    border: 2px solid #999;
    padding: 4px 10px 4px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 200px;
    text-align: left;
}

.button-wrapper:hover .hint {
    display: block;
}

span.hint-icon {
    position: relative;
    display: inline-block;
}

span.hint-icon span.hint {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    background-color: #f2f2f2;
    border: 2px solid #999;
    padding: 4px 10px 4px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 200px;
    text-align: left;
}

span.hint-icon:hover span.hint {
    display: block;
}

.enter-dealer-group-manually {
    cursor: hand;
    cursor: pointer;
}

.profile-right .button-yellow,
.profile-right .button-green {
    width: 170px;
    margin-bottom: 4px;
}


/* BUTTONS */


/* HEADER */

.header {
    background-color: #fff;
    border-bottom: 1px solid #d4dee6;
}

@media screen and (max-width: 960px) {
    .header {
        padding: 0 10px 0 10px;
    }
}

.header .logo {
    background: url(images/adviser-retina.png) no-repeat 0 0;
    width: 144px;
    height: 50px;
    float: left;
    margin: 7px 0 8px 0;
    background-size: 100% 100%;
}

.header ul {
    padding: 0;
    margin: 22px 0 0 40px;
    float: left;
}

@media screen and (max-width: 850px) {
    .header ul {
        padding: 0;
        margin: 12px 0 22px 10px;
        float: left;
        clear: left;
    }
}

.header ul li {
    float: left;
    list-style: none;
    padding: 0 18px 12px 0;
    margin: 0;
    position: relative;
}

div.login-section>ul>li {
    padding-right: 0;
}

.header ul li a {
    font-weight: 600;
    color: #4e515e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
}

.top-nav-adviser-access {
    font-weight: 600;
    color: #4e515e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    float: left;
    margin: 23px 0 0 15px;
}

.top-nav-adviser-access:hover,
.header ul li a:hover,
.header ul li a.selected {
    color: #008acb;
}

@media screen and (max-width: 950px) {
    .top-nav-adviser-access {
        display: none;
    }
}

@media screen and (max-width: 540px) {
    .header ul {
        padding: 0;
        margin: 12px 0 22px 0;
        float: left;
        clear: left;
        border-top: 1px solid #f2f2f2;
        width: 100%;
    }
    .header ul li {
        float: left;
        width: 100%;
        list-style: none;
        padding: 4px 0 10px 0;
        margin: 0;
        border-bottom: 1px solid #f2f2f2;
    }
}

.button-list-your-business {
    float: right;
    margin: 15px 0 0 0;
}

@media screen and (max-width: 400px) {
    .feature-slider li {
        width: 9%!important;
        margin: 0 9px !important;
    }
    .button-list-your-business {
        float: none;
        margin: 0 auto;
        clear: both;
        display: block;
        text-align: center;
        width: 200px;
    }
}

.header ul li ul:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #1995d2 transparent;
    border-style: solid dashed solid dashed;
    border-width: 0 6px 7px 6px;
    position: absolute;
    left: 12px;
    top: -11px;
}

.header ul li ul {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    position: absolute;
    background-color: #fff;
    padding: 5px 12px;
    margin: 0;
    width: 140px;
    z-index: 100;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-top: 4px solid #1995d2;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #ccc;
}

.header ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.header ul li ul li {
    padding: 2px 0 2px 0;
    margin: 0;
    float: none;
    clear: left;
    border-bottom: 1px solid #e3e9ef;
}

.header ul li ul li:last-of-type {
    border: none;
}

.header ul li ul li a {
    display: block;
    font-size: 11px;
    padding: 8.5px 0;
}

@media screen and (max-width: 540px) {
    .header ul li ul {
        display: block;
        position: relative;
        width: 90%;
        border: 0;
    }
    .header ul li ul li {
        border-bottom: 0;
        padding: 2px 0 0px 0;
    }
}


/* HEADER */


/* HREO */

.content-hero {
    width: 1256px;
    height: 479px;
    left: 50%;
    margin-left: -628px;
    background: url(../images/hero-home.jpg) center top no-repeat;
    position: relative;
}

@media screen and (max-width: 1256px) {
    .content-hero {
        margin-left: -50%;
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .content-hero {
        background: url(../images/hero-home-2.jpg) right top no-repeat;
    }
}

.content-hero .wrapper {
    width: 100%;
    height: 479px;
}

.hero {
    width: 100%;
    position: relative;
    height: 479px;
}

.hero img {
    width: 100%;
    height: auto;
    min-width: 800px;
    float: right;
    position: relative;
}

@media screen and (max-width: 750px) {}

@media screen and (max-width: 700px) {}

@media screen and (max-width: 600px) {}

.hero .caption {
    position: absolute;
    top: 125px;
    left: 40px;
}

@media screen and (max-width: 900px) {
    .hero .caption {
        position: absolute;
        top: 55px;
        left: 20px;
    }
}

@media screen and (max-width: 800px) {
    .hero .caption {
        position: absolute;
        top: 35px;
        left: 10px;
    }
}

@media screen and (max-width: 600px) {
    .content-hero {
        height: 400px;
    }
    .hero .caption {
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .content-hero .wrapper {
        width: 100%;
        height: 400px;
    }
    .hero {
        width: 100%;
        position: relative;
        height: 400px;
    }
}

.hero h1 {
    font-size: 34px;
    line-height: 40px;
    width: 55%;
    font-weight: 600;
}

@media screen and (max-width: 800px) {
    .hero h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
        width: 60%;
    }
}

@media screen and (max-width: 600px) {
    .hero h1 {
        font-size: 20px;
        line-height: 26px;
        width: 70%;
    }
}

@media screen and (max-width: 400px) {
    .hero h1 {
        width: 90%;
    }
}

.hero h1 strong {
    font-weight: 300;
}

.hero h2 {
    font-size: 15px;
    line-height: 21px;
    text-transform: uppercase;
}

@media screen and (max-width: 700px) {
    .hero h2 {
        font-size: 13px;
        line-height: 19px;
        text-transform: uppercase;
    }
}

.hero h4 {
    position: absolute;
    bottom: 10px;
    left: 12px;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.home-search {
    background: url(../images/home-search.png);
    width: 503px;
    height: 53px;
}

@media screen and (max-width: 700px) {
    .home-search {
        background: url(../images/home-search-mobile.png);
        width: 291px;
        height: 104px;
    }
}

.home-search input {
    border: 0;
    background: transparent;
    color: #999;
    font-size: 15px;
    line-height: 21px;
    margin: 15px 0 0 50px;
    width: 150px;
    float: left;
}

.home-search select {
    border: 0;
    background: transparent;
    color: #999;
    font-size: 15px;
    line-height: 21px;
    margin: 15px 0 0 60px;
    width: 130px;
    float: left;
}

@media screen and (max-width: 700px) {
    .home-search input {}
    .home-search select {
        margin: 27px 0 0 50px;
    }
}

.hero .hero-rate {
    position: absolute;
    right: 12px;
    bottom: 13px;
    text-align: right;
    background: url(../images/icon-man.png) left 4px no-repeat;
    width: 180px;
    padding: 0 0 0 18px;
}

.hero .hero-rate h3 {
    font-size: 18px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 12px 0;
}

.hero .hero-rate h4 {
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    float: none;
    clear: both;
    position: relative;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 600px) {
    .hero .hero-rate {
        right: auto;
        left: 10px;
        bottom: 50px;
        text-align: left;
        padding-left: 45px;
    }
    .hero .hero-rate h3 {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        margin: 0 0 8px 0;
    }
    .hero .hero-rate h4 {
        padding-left: 0;
        text-align: left;
        float: left;
        margin-left: 0;
        font-size: 14px;
        line-height: 20px;
    }
}


/* HREO */


/* SEARCH BAR */

.search-bar {
    background-color: #fff;
    padding: 11px 0 11px 0;
}

.search-bar h2 {
    background: url(../images/icon-search.png) left top no-repeat;
    padding: 12px 0 12px 48px;
    margin: 9px 10px 10px 20px;
    float: left;
    font-size: 15px;
    line-height: 21px;
}

.search-bar input {
    float: left;
    border: 1px solid #cccccc;
    background: transparent;
    color: #999;
    font-size: 15px;
    line-height: 21px;
    margin: 9px 0 0 15px;
    width: 250px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 18px 12px 18px;
}

@media screen and (max-width: 650px) {
    .search-bar input {
        clear: left;
    }
    .button-find {
        margin-bottom: 12px;
    }
}

.caption #home-search-postcode {
    width: 150px;
}


/* SEARCH BAR */


/* HOME COLUMNS */

.home-column {
    width: 32%;
    margin-right: 18px;
    float: left;
    background-color: #fff;
    position: relative;
    min-height: 240px;
}

.home-column-last {
    margin-right: 0px;
}

@media screen and (max-width: 960px) {
    .home-column {
        width: 31%;
        margin-right: 18px;
        float: left;
        background-color: #fff;
    }
}

@media screen and (max-width: 800px) {
    .home-column {
        width: 400px;
        float: none;
        background-color: #fff;
        min-height: 240px;
        margin: 0 auto 22px;
    }
    .home-column-last {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 450px) {
    .home-column {
        width: 100%;
        float: none;
        background-color: #fff;
        min-height: 240px;
        margin: 0 auto 22px;
    }
}

.home-column img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.home-column h2 {
    font-size: 15px;
    line-height: 21px;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 15px 0;
    margin: 0 0 15px 0;
}

.home-column h2 a {
    color: #000;
    text-decoration: none;
}

.home-column h2 a:hover {
    text-decoration: underline;
}

.home-column p {
    width: 55%;
    font-size: 13px;
    line-height: 19px;
}

@media screen and (max-width: 800px) {
    .home-column p {
        width: 50%;
    }
}

@media screen and (max-width: 650px) {
    .home-column p {
        width: 70%;
    }
}

@media screen and (max-width: 450px) {
    .home-column p {
        width: 55%;
    }
}


/* HOME COLUMNS */


/* FOOTER */

.footer {
    background-color: #4c5357;
    color: #c4c6c7;
}

@media screen and (max-width: 960px) {
    .footer {
        padding: 0 10px 0 10px;
    }
}

.footer .logo {
    background: url(../images/logo-footer-small.png) left top no-repeat;
    width: 197px;
    height: 69px;
    float: left;
    margin: 18px 0 25px 0;
}

.footer p {
    width: 265px;
    float: left;
    clear: left;
    color: #c4c6c7;
    font-size: 14px;
    line-height: 18px;
}

.footer p.disclaimer {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 25px;
    padding: 0 10px 0 10px;
    margin-top: 0;
}

.footer-column-1 {
    width: 550px;
    float: right;
    margin: 28px 0px 15px 0;
}

.footer-column-2 {
    width: 430px;
    float: right;
    margin: 0 0 15px 0;
}

@media screen and (max-width: 780px) {
    .footer-column-1 {
        float: left;
        clear: left;
        text-align: left;
        width: auto;
        margin: 0 20px 18px 0;
    }
    .footer-column-2 {
        float: left;
        clear: left;
        text-align: left;
        margin: 0 0 20px 0;
        width: auto;
    }
    .footer-column-1 ul .footer-column-2 ul {
        float: left;
    }
}

@media screen and (max-width: 550px) {
    .footer-column-1 ul li {
        float: none;
        border: none;
        text-align: left;
        padding: 0 0 5px 10px;
    }
    .footer-column-2 ul li {
        float: none;
        border: none;
        text-align: left;
    }
    .footer p {}
}

.footer-column-1 h3,
.footer-column-2 h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px 0;
}

.footer-column-2 ul,
.footer-column-1 ul {
    padding: 0;
    margin: 0;
    float: right;
}

.footer-column-2 li {
    list-style: none;
    padding: 0 6px 0 6px;
    margin: 0 0 2px 0;
    font-size: 14px;
    line-height: 18px;
    float: left;
    text-align: right;
}

.footer-column-1 li {
    list-style: none;
    padding: 0 10px 0 10px;
    margin: 0 0 2px 0;
    font-size: 14px;
    line-height: 14px;
    float: left;
    text-align: right;
    border-left: 1px solid #c4c6c7;
}

.footer-column-1 li.first {
    border-left: none;
}

.footer-column-1 a,
.footer-column-2 a {
    color: #c4c6c7;
    text-decoration: none;
}

.footer-column-1 a:hover,
.footer-column-2 a:hover {
    text-decoration: underline;
}

.footer a.facebook {
    background: url(../images/icon-facebook.png) left top no-repeat;
    padding: 1px 0 13px 30px;
    display: block;
}

.footer a.twitter {
    background: url(../images/icon-twitter.png) left top no-repeat;
    padding: 1px 0 13px 30px;
    display: block;
}

.footer a.linkedin {
    background: url(../images/icon-linkedin.png) left top no-repeat;
    padding: 1px 0 13px 30px;
    display: block;
}


/* FOOTER */


/* PROFILE */

.profile-left {
    width: 640px;
    float: left;
}

@media screen and (max-width: 960px) {
    .profile-left {
        width: 100%;
        margin: 0 auto;
        float: left;
    }
}

.profile-left h1 {
    margin-top: -5px;
}

.profile-inner {
    background-color: #fff;
    padding: 30px 30px 30px 30px;
}

@media screen and (max-width: 660px) {
    .profile-inner {
        background-color: #fff;
        padding: 30px 10px 30px 10px;
    }
}

.stamp-icon {
    float: right;
    margin-left: 3px;
}

.profile-name {
    float: left;
    width: 170px;
}

.getincontact {
    float: left;
    clear: left;
    margin-top: 5px;
}

.adviser-search-box-profile-bottom-bar .getincontact {
    margin-top: 0;
}

.profile-image {
    border: 1px solid #efefef;
    float: right;
    position: relative;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.profile-image-new {
    position: relative;
    overflow: hidden;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.profile-image-box {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    margin: 0 auto;
    width: 200px;
    border: 1px solid #fff;
}

.award-stamp-box {
    border-top: 1px solid #fff;
    float: left;
    padding: 4px 0 0 6px;
}

.award-stamp-box img {
    display: inline-block;
    vertical-align: middle;
}

.award-stamp-box span {
    display: inline-block;
    vertical-align: middle;
    color: #585456;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    padding-left: 4px;
    letter-spacing: -1px;
}

.AwardPanel,
.CustomerPanel,
.ReviewPanel {
    width: 80px;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    text-align: center;
    color: #585456;
    position: relative;
}

.AwardPanel canvas,
.CustomerPanel canvas {
    margin-bottom: 5px;
    position: relative;
}

.AwardPanel,
.CustomerPanel {
    padding-top: 0;
}

.AwardPanel div,
.CustomerPanel div,
.ReviewPanel div {
    position: absolute;
    top: 24px;
    left: 23px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    width: 35px;
}

.ReviewPanel img {
    margin-bottom: 6px;
}

.ar-logo-box {
    border-top: 1px solid #fff;
    background: url(../images/blue-logo.png) left top no-repeat;
    width: 81px;
    height: 43px;
    float: left;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.ar-logo-box-long {
    border-top: 1px solid #fff;
    background: url(../images/blue-logo.png) center top no-repeat #007bb2;
    width: 200px;
    height: 43px;
    float: left;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.profile-detail-1 {
    width: 230px;
    color: #b6b6b6;
    margin: 2px 0 0 0;
    float: left;
}

.profile-detail-2 {
    width: 200px;
    color: #b6b6b6;
    margin: 18px 0 0 10px;
    float: right;
    text-align: right;
}

.profile-detail-1 h2,
.profile-detail-2 h2 {
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
}

@media screen and (max-width: 600px) {
    .profile-detail-1 {
        float: left;
        clear: left;
        width: 100%;
        text-align: left;
        margin: 15px 0 0 0;
    }
    .profile-detail-2 {
        float: left;
        clear: left;
        width: 100%;
        text-align: left;
        margin: 0 0 0 0;
    }
    .profile-detail-1 h2,
    .profile-detail-2 h2 {
        margin-bottom: 10px;
    }
}

.padding-right-10 {
    margin-right: 10px;
}

@media screen and (max-width: 680px) {
    .profile-main-buttons a {
        clear: left;
        float: left;
        margin: 0 0 8px 0;
    }
}

.profile-half {
    width: 48%;
    margin-right: 20px;
    float: left;
}

.profile-half-last {
    margin-right: 0;
}

.investment h2,
.search-filter-rating h2,
.skills h2 {
    margin-bottom: 10px;
    padding-top: 10px;
}

.investment ul,
.search-filter-rating ul,
.skills ul {}

.investment ul li,
.search-filter-rating ul li,
.skills ul li {
    font-size: 12px;
    line-height: 16px;
}

.video-edit a {
    color: #3f9d16;
    text-decoration: none;
    font-weight: 700;
}

.video-edit a:hover {
    text-decoration: underline;
}

.video-embed .h_iframe {
    position: relative;
    padding-top: 56%;
}

.video-embed .h_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.profile-right-edit {
    float: left;
    width: 210px;
    margin-left: 50px;
}

@media screen and (max-width: 960px) {
    .profile-right-edit {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #b6b6b6;
    }
}

.small-text-edit {
    font-size: 11px;
    line-height: 15px;
}

.small-text-edit a {
    color: #70b355;
    text-decoration: none;
}

.small-text-edit a:hover {
    text-decoration: underline;
}

.profile-detail-1.black-text h2,
.profile-detail-2.black-text h2 {
    color: #000;
}

.image-edit-photo {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-weight: bold;
    padding: 2px 0 2px 0;
    text-decoration: none;
}

@media screen and (max-width: 530px) {
    .profile-half {
        width: 100%;
        margin-right: 0;
    }
    .profile-half.profile-half-last {
        width: 100%;
        padding-top: 20px;
    }
}

.red-flag {
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    cursor: hand;
    cursor: pointer;
}

.red-flag:hover .red-flag-text {
    display: block;
}

.red-flag-text {
    display: block;
    width: 200px;
    padding: 5px 10px 8px 10px;
    background-color: #f2f2f2;
    border: 2px solid #ccc;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    position: absolute;
    display: none;
    top: -5px;
    left: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.red-flag-text a {
    color: #999;
}

@media screen and (max-width: 600px) {
    .red-flag-text {
        top: -5px;
        left: -200px;
    }
}


/* PROFILE */


/* PROFILE RIGHT */

.profile-right {
    float: right;
    width: 210px;
    color: #808080;
}

@media screen and (max-width: 960px) {
    .profile-right {
        width: 100%;
        margin: 40px 0 0 0;
        border-top: 1px solid #b6b6b6;
        padding-top: 20px;
    }
}

@media screen and (max-width: 680px) {
    .profile-right {
        margin: 25px 0 0 0;
    }
}

.profile-right h2.message-adviser {
    background-image: url(../images/icon-envelope.png) left top no-repeat;
    font-size: 15px;
    line-height: 21px;
    color: #51a220;
}

.profile-right li,
.profile-right td,
.profile-right p {
    color: #808080;
    font-size: 15px;
    line-height: 21px;
}

.profile-right table {
    border-collapse: collapse;
}

.profile-right td {
    padding: 0 5px 5px 0;
}

.profile-right h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.profile-right li {
    margin-bottom: 3px;
}

.bar-chart {
    width: 200px;
    height: 100px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 0 40px 0;
    position: relative;
}

.bar-chart-1 {
    background-color: #008acb;
    width: 70px;
    height: 80%;
    bottom: 0;
    left: 20px;
    position: absolute;
}

.bar-chart-label {
    position: absolute;
    bottom: -20px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    left: 2px;
}

.bar-chart-2 {
    background-color: #5ec1c8;
    width: 70px;
    height: 60%;
    bottom: 0;
    left: 110px;
    position: absolute;
}


/* PROFILE RIGHT */


/* OVERLAY */

.overlay {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.overlay-fixed {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.overlay-toolkit {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* OVERLAY */


/* POPUP EDIT */

.edit-popup {
    background-color: #fff;
    top: 70px;
    left: 50%;
    margin-left: -335px;
    width: 670px;
    position: absolute;
    border: 1px solid #000;
    display: none;
}

.edit-popup h2 {
    font-size: 21px;
    line-height: 26px;
}

.edit-popup-inner {
    padding: 25px 25px 20px 25px;
    position: relative;
}

.edit-popup textarea {
    width: 96%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    line-height: 22px;
    height: 200px;
    padding: 5px 8px 5px 8px;
}

@media screen and (max-width: 670px) {
    .edit-popup {
        top: 70px;
        width: 100%;
        margin: 0;
        left: 0;
        border-left: 0;
        border-right: 0;
    }
    .edit-popup-inner {
        padding: 20px 15px 10px 15px;
    }
}

@media screen and (max-width: 670px) {
    .edit-confirm-buttons {
        margin-bottom: 10px;
        display: block;
    }
    .edit-confirm-buttons a.button-width-210 {
        margin: 0 auto;
        display: block;
        float: none;
        margin-bottom: 10px;
    }
}


/* POPUP EDIT */


/* POPUP MONITOR */

.monitor-popup {
    background-color: #fff;
    top: 70px;
    left: 50%;
    margin-left: -335px;
    width: 670px;
    position: absolute;
    border: 1px solid #000;
}

.monitor-popup h2 {
    font-size: 21px;
    line-height: 26px;
}

.monitor-popup-inner {
    padding: 25px 25px 20px 25px;
    position: relative;
}

.monitor-popup textarea {
    width: 96%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    line-height: 22px;
    height: 200px;
    padding: 5px 8px 5px 8px;
}

@media screen and (max-width: 670px) {
    .monitor-popup {
        top: 70px;
        width: 100%;
        margin: 0;
        left: 0;
        border-left: 0;
        border-right: 0;
    }
    .monitor-popup-inner {
        padding: 20px 15px 10px 15px;
    }
}

@media screen and (max-width: 670px) {
    .monitor-confirm-buttons {
        margin-bottom: 10px;
        display: block;
    }
    .monitor-confirm-buttons a.button-width-210 {
        margin: 0 auto;
        display: block;
        float: none;
        margin-bottom: 10px;
    }
}


/* POPUP EDIT */


/* POPUP PURCHASE */

.report-purchase-popup {
    background-color: #fff;
    top: 70px;
    left: 50%;
    margin-left: -335px;
    width: 670px;
    position: absolute;
    border: 1px solid #000;
    display: none;
}

.report-purchase-popup-inner {
    padding: 20px 25px 20px 25px;
    position: relative;
}

@media screen and (max-width: 670px) {
    .report-purchase-popup {
        top: 20px;
        width: 100%;
        margin: 0;
        left: 0;
        border-left: 0;
        border-right: 0;
    }
    .report-purchase-popup-inner {
        padding: 10px 15px 10px 15px;
    }
}

.profile-image-popup {
    border: 1px solid #000;
    float: left;
    margin: 0 20px 0 0;
}

.report-purchase-popup h1 {
    margin: 0 0 13px 0;
}

.rating-box {
    float: right;
    background-color: #4b4b4b;
    width: 105px;
    padding: 17px 10px 0 10px;
    text-align: center;
    color: #fff;
    margin: 8px 0 0 0;
}

.rating-box h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.rating-box p.percentage {
    font-size: 54px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 10px;
}

.rating-box p.percentage sup {
    line-height: 20px;
    font-size: 25px;
}

@media screen and (max-width: 500px) {
    .rating-box {
        width: 70px;
        padding: 13px 5px 0 5px;
    }
    .rating-box h3 {
        font-size: 12px;
        line-height: 16px;
    }
    .rating-box p.percentage {
        font-size: 34px;
        line-height: 40px;
    }
    .rating-box p.percentage sup {
        line-height: 10px;
        font-size: 15px;
    }
}

.report-purchase-popup-left {
    float: left;
    width: 300px;
    margin-right: 20px;
}

@media screen and (max-width: 670px) {
    .report-purchase-popup-left {
        float: left;
        width: 100%;
        margin-right: 0px;
    }
}

h2.company-info {
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #b6b6b6;
}

@media screen and (max-width: 600px) {
    h1.company-info {
        clear: both;
        padding: 10px 0 0 0;
    }
    h2.company-info {
        clear: both;
        margin-bottom: 0;
    }
}

.report-purchase-popup-left h2 {
    font-size: 19px;
    line-height: 25px;
}

.report-purchase-popup-left .small-text {
    font-size: 13px;
    line-height: 19px;
}

.report-purchase-popup-left {
    font-size: 16px;
    line-height: 22px;
}

.report-purchase-popup-form {
    float: left;
    width: 280px;
    padding: 5px 0 0 0;
}

@media screen and (max-width: 670px) {
    .report-purchase-popup-form {
        width: 100%;
        border-top: 1px solid #b6b6b6;
        padding-top: 20px;
    }
    .form-box {
        margin: 0 auto;
        width: 260px;
    }
}

.report-purchase-popup-form {
    color: #a3a3a3;
}

.report-purchase-popup-form p {
    margin-bottom: 10px;
}

.report-purchase-popup-form input {
    width: 100%;
    padding: 6px 4px 6px 4px;
}

.report-purchase-popup-form input.short-field {
    width: 90px;
}

.close {
    position: absolute;
    right: 5px;
    top: 0;
    text-decoration: none;
    color: #000;
}


/* POPUP PURCHASE */


/* POPUP REPORT */

h3.company-info {
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
}

h3.company-info a {
    color: #3f9d16;
    text-decoration: none;
}

@media screen and (max-width: 600px) {
    h3.company-info {
        clear: both;
        margin-bottom: 0;
        padding-top: 13px;
    }
}

.report-purchase-popup-bars {
    width: 280px;
    float: left;
    color: #a3a3a3;
    font-size: 15px;
    line-height: 21px;
    padding-bottom: 10px;
}

@media screen and (max-width: 670px) {
    .report-purchase-popup-bars {
        border-top: 1px solid #b6b6b6;
        padding-top: 26px;
        width: 100%;
        margin-top: 10px;
    }
}

.bar-outer {
    width: 100%;
    background-color: #d2dae2;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 10px;
    margin-bottom: 20px;
}

.bar-inner {
    background-color: #0089cd;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 10px;
}

.report-purchase-popup-bars p {
    margin-bottom: 10px;
}

span.ratingpop {
    float: right;
    text-align: right;
    font-weight: bold;
}


/* POPUP REPORT */


/* SEARCH RESULTS */

.search-results {}

.search-results-inner {
    padding: 0;
}

@media screen and (max-width: 800px) {
    .search-results-inner {
        padding: 0;
    }
}

.search-results h1 {
    font-size: 34px;
    line-height: 40px;
    font-weight: 600;
}

.search-results h1 strong {
    font-weight: 700;
}

.search-results h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.search-filter {
    padding: 5px 0 5px 0;
}

.search-filter p {
    display: inline-block;
    width: 80px;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}

.search-filter select {
    border: 1px solid #cccccc;
    background-color: #f3f3f3;
    color: #999;
    font-size: 13px;
    line-height: 19px;
    width: 200px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    display: inline-block;
    margin-right: 7px;
}

@media screen and (max-width: 800px) {
    .search-filter p {
        clear: left;
        float: left;
    }
    .search-filter select {
        clear: left;
        float: left;
        margin-top: 5px;
    }
}

.adviser-search-box {
    width: 280px;
    box-sizing: border-box;
    margin: 0 53px 40px 0;
    float: left;
    height: 300px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .10);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .10);
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.adviser-search-box-last {
    margin-right: 0px;
    clear: none;
}

@media screen and (max-width: 970px) {
    .adviser-search-box {
        margin: 0 23px 40px 0;
    }
    .adviser-search-box-last {
        margin: 0 23px 40px 0;
    }
}

@media screen and (max-width: 670px) {
    .adviser-search-box {
        margin: 0 0 40px 0;
    }
    .adviser-search-box-last {
        margin: 0 0 40px 0;
    }
}

.adviser-search-box-inner {
    padding: 12px 14px 12px 14px;
}

.adviser-search-box-profile-image {
    float: right;
    width: 66px;
    position: relative;
    height: 66px;
}

.adviser-search-box-profile-image img {
    border: 1px solid #efefef;
    width: 66px;
    height: auto;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.adviser-search-box-profile-middle {
    float: left;
    width: 100%;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.adviser-search-box-profile-middle.with-margin {
    margin: 0 14px;
}

.adviser-search-box-profile-right {
    float: left;
    width: 180px;
}

.adviser-search-box-profile-middle-left {
    border-right: 1px solid #efefef;
    width: 184px;
    float: left;
}

.content-left .adviser-search-box-profile-middle-left {
    border-right: 1px solid #efefef;
    width: 174px;
    float: left;
}

.adviser-search-box-profile-middle-right {
    width: 67px;
    float: right;
    padding: 8px 0 0 3px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    color: #76767a;
    font-weight: 400;
    text-align: center;
}

.adviser-search-box-profile-company {
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
    padding: 15px 0 15px 0;
}

.adviser-search-box-profile-middle-right img {
    margin-bottom: 3px;
}

.adviser-search-box-profile-middle-row {
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    line-height: 19px;
    color: #353537;
    padding: 8px 7px 8px 0;
}

.adviser-search-box-profile-middle-row span {
    float: right;
    color: #0089cd;
    font-weight: 600;
}

.adviser-search-box-profile-middle-row.last-row {
    border-bottom: none;
}

.adviser-search-box-profile-right p.small-text {
    text-align: right;
    color: #bcbcbc;
    font-size: 11px;
    line-height: 17px;
    clear: both;
    margin-bottom: 0;
}

.adviser-search-box-profile-right img {
    float: right;
    margin-bottom: 10px;
}

.adviser-search-box-profile-bottom-bar {
    background-color: #0089cd;
    color: #fff;
    bottom: 0;
    position: absolute;
    width: 280px;
    padding: 3px 5px 6px 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

.adviser-search-box-profile-bottom-bar a {
    text-decoration: none;
    color: #fff;
    border-right: 1px solid #0075ae;
    padding: 0 8px 0 8px;
}

.adviser-search-box-profile-right h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
    color: #353537;
    font-weight: 300;
    text-transform: capitalize;
}

.adviser-search-box-profile-right h3 a {
    text-decoration: none;
    color: #353537;
}

.adviser-search-box-profile-middle p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #666;
    margin-bottom: 13px;
}

.adviser-search-box-profile-middle a.icon-search-small {
    background: url(../images/icon-search-small.png) left top no-repeat;
    padding: 2px 0 0 25px;
    margin: 0;
    display: inline-block;
    height: auto;
    vertical-align: top;
    font-weight: 700;
    color: #3f9d16;
    margin-right: 10px;
    font-size: 13px;
    line-height: 19px;
    text-decoration: none;
}

.adviser-search-box-profile-middle a.icon-eye {
    background: url(../images/icon-eye.png) left 5px no-repeat;
    padding: 2px 0 0 25px;
    margin: 0;
    display: inline-block;
    height: auto;
    vertical-align: top;
    font-weight: 700;
    color: #3f9d16;
    font-size: 13px;
    line-height: 19px;
    text-decoration: none;
}

p.pagination {
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}

p.pagination a {
    margin: 0 5px 0 5px;
    color: #000;
    text-decoration: none;
}

p.pagination a:hover {
    text-decoration: underline;
}

p.pagination a.selected {
    color: #008acb;
    font-weight: bold;
}

.adviser-search-box-profile-image.tick-selected img {
    border: 4px solid #008acb;
    width: 96px;
    height: auto;
}

.tick {
    padding-left: 15px;
    display: inline-block;
    margin-left: 5px;
}

a.no-right-border {
    border-right: none!important;
}

.tick-on {
    background: url(../images/icon-profile-tick-on.png) left 4px no-repeat;
}

.tick-off {
    background: url(../images/icon-profile-tick-off.png) left 4px no-repeat;
}

.search-filter .search-bar {
    padding-top: 0;
}

.search-filter .search-bar input {
    margin-left: 0;
    margin-right: 5px;
    border: 2px solid #cccccc;
    background-color: #f3f3f3;
    color: #666;
    margin-top: 0;
}

.search-filter .search-bar .button-find1 {
    margin-top: 0;
    margin-left: 0;
}

.home-search #home-search-radius {
    font-size: 15px;
    line-height: 19px;
    border-radius: 0px!important;
    padding: 0!important;
}

.search-filter {
    font-size: 11px;
}

div.filter-option {
    display: inline-block;
}

.search-filter h1 {
    font-size: 24px;
    line-height: 28px;
    padding-top: 15px;
    margin-bottom: 10px;
}

.search-filter h2 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: bold;
}

p.filter-by {
    padding-top: 10px;
}

.search-filter hr {
    margin-top: 20px;
}

.btn_more {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    background-color: #fff;
    padding: 6px 13px 7px 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #4e515e;
    text-align: center;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
    margin: 0 auto 10px;
}

.btn_more:hover {
    background-color: #d2dae2;
}


/* SEARCH RESULTS */


/* RATE ADVISER */

.like-me {
    background: url(../images/icon-blue-arrow.png);
    width: 98px;
    height: 59px;
    padding: 15px 0 0 0;
    color: #fff;
    text-align: center;
    float: right;
    margin-top: -30px;
    font-size: 21px;
    font-weight: bold;
}

.like-me span {
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
}

.process {
    background-color: #fff;
}

.process-inner {
    padding: 20px 25px 20px 25px;
}

@media screen and (max-width: 800px) {
    .process-inner {
        padding: 20px 10px 20px 10px;
    }
}

.steps {
    font-size: 14px;
    line-height: 22px;
    padding-top: 5px;
    color: #8693a7;
}

.steps-selected {
    color: #008acb;
    font-weight: bold;
}

span.your-adviser {
    background: url(../images/icon-search-small.png) left 2px no-repeat;
    padding: 0 25px 2px 30px;
    float: left;
    display: block;
    height: 30px;
}

span.about-you {
    background: url(../images/icon-about-you.png) left 1px no-repeat;
    padding: 0 25px 2px 30px;
    float: left;
    display: block;
    height: 30px;
}

span.your-rating {
    background: url(../images/icon-star.png) left 2px no-repeat;
    padding: 0 25px 2px 30px;
    float: left;
    display: block;
    height: 30px;
}

span.complete {
    background: url(../images/icon-tick.png) left 1px no-repeat;
    padding: 0 25px 2px 30px;
    float: left;
    display: block;
    height: 30px;
}

div.steps-arrow {
    float: left;
    background: url(../images/arrow-small.png) right 9px no-repeat;
    width: 75px;
    height: 32px;
    margin: 0 25px 0 0;
}

.form-container {
    width: 370px;
    margin: 0 auto;
    padding: 0 0 0px 0;
}

.form-container h2 {
    text-align: center;
}

div.enter-manually {
    /*	display:none;*/
    padding-bottom: 15px;
}

.footnote {
    color: #a3a3a3;
    text-align: center;
    margin-top: -15px;
}

.footnote a {
    font-weight: bold;
    text-decoration: none;
    color: #a3a3a3;
}

.footnote a:hover {
    text-decoration: underline;
}

p.adviser-name {
    position: relative;
}

p.adviser-name img {
    position: absolute;
    top: 5px;
    left: 5px;
    border: 1px solid #000;
}

.form-container input {
    width: 352px;
    font-size: 15px;
    line-height: 21px;
    padding: 11px 8px 11px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}

.form-container textarea {
    width: 352px;
    font-size: 15px;
    line-height: 21px;
    padding: 11px 8px 11px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    height: 150px;
}

.form-container select {
    width: 368px;
    font-size: 15px;
    line-height: 19px;
    padding: 11px 8px 11px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}

@media screen and (max-width: 400px) {
    .form-container {
        width: 300px;
    }
    .form-container input {
        width: 282px;
    }
    .form-container select {
        width: 300px;
    }
}

.form-container-wide {
    width: 600px;
    margin: 0 auto;
}

.form-container-wide h2 {
    text-align: center;
}

div.selected-box {
    width: auto;
    float: left;
    text-align: center;
    -moz-border-radius: 0;
    border-radius: 0;
    display: table;
    cursor: hand;
    cursor: pointer;
    padding: 10px 7px 10px 7px;
    box-sizing: border-box;
    border: 1px solid #8a95a5;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    border-left: none;
}

.form-two-column-4 div.selected-box {
    padding-left: 15px;
    padding-right: 15px;
}

div.selected-box-first {
    float: left;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    border-left: 1px solid #8a95a5;
}

div.selected-box-last {
    float: left;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

div.selected-box.selected-box-selected {
    background-color: #0089cd;
    color: #fff;
}

.form-container .button-yellow {
    font-size: 18px;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 6px;
}

@media screen and (max-width: 620px) {
    .form-container-wide {
        width: 300px;
    }
}

.age-circle {
    -moz-border-radius: 130px;
    border-radius: 130px;
    width: 110px;
    height: 130px;
    padding: 0 10px 0 10px;
    border: 10px solid #fff;
    background-color: #f3f3f3;
    text-align: center;
    display: table;
    float: left;
    margin-right: 26px;
    font-size: 26px;
    line-height: 32px;
}

.age-circle.age-circle-selected {
    border: 10px solid #008acb;
}

.age-circle-last {
    margin-right: 0;
}

.form-container-extra-wide {
    width: 860px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .form-container-extra-wide {
        width: 530px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 660px) {
    .form-container-extra-wide {
        width: 300px;
        margin: 0 auto;
    }
    .age-circle {
        -moz-border-radius: 110px;
        border-radius: 110px;
        width: 90px;
        height: 110px;
        padding: 0 10px 0 10px;
        border: 10px solid #fff;
        background-color: #f3f3f3;
        text-align: center;
        display: table;
        float: left;
        margin-right: 20px;
        font-size: 26px;
        line-height: 32px;
    }
}

.rating {
    width: 898px;
    margin: 0 auto;
}

.label-left {
    position: absolute;
    left: 0;
    top: 9px;
    color: #6f7e95;
    font-size: 12px;
    line-height: 16px;
}

.label-right {
    right: 0;
    top: 9px;
    display: block;
    position: absolute;
    color: #6f7e95;
    font-size: 12px;
    line-height: 16px;
}

.rating-bar {
    position: relative;
    padding-bottom: 20px;
}

.rating-half .slider {
    padding-bottom: 17px;
}

.slider-circle {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    cursor: hand;
    cursor: pointer;
}

.slider-circle-11,
.slider-circle-10 {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    cursor: hand;
    cursor: pointer;
}

.selected-position {
    background: url(../images/slider.png);
}

.slider-caption {
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: none;
    position: absolute;
    background-color: #fff8ba;
    border: 2px solid #ffb400;
    bottom: 50px;
    padding: 10px 10px 10px 10px;
    width: 200px;
    text-align: center;
}

.selected-caption {
    display: block;
}

.slider-1 {
    left: -5px;
}

.slider-1-caption {
    left: -5px;
}

.slider-2 {
    left: 40px;
}

.slider-2-caption {
    left: 40px;
}

.slider-3 {
    left: 83px;
}

.slider-3-caption {
    left: 83px;
}

.slider-4 {
    left: 126px;
}

.slider-4-caption {
    left: 126px;
}

.slider-5 {
    left: 170px;
}

.slider-5-caption {
    left: 170px;
}

.slider-6 {
    left: 213px;
}

.slider-6-caption {
    left: 213px;
}

.slider-7 {
    left: 256px;
}

.slider-7-caption {
    left: 167px;
}

.slider-8 {
    left: 300px;
}

.slider-8-caption {
    left: 210px;
}

.slider-9 {
    left: 343px;
}

.slider-9-caption {
    left: 253px;
}

.slider-10 {
    left: 386px;
}

.slider-10-caption {
    left: 296px;
}

.slider-11 {
    left: 429px;
}

.slider-11-caption {
    left: 339px;
}

.slider-12 {
    left: 473px;
}

.slider-12-caption {
    left: 382px;
}

.slider-13 {
    left: 516px;
}

.slider-13-caption {
    left: 425px;
}

.slider-14 {
    left: 559px;
}

.slider-14-caption {
    left: 468px;
}

.slider-15 {
    left: 602px;
}

.slider-15-caption {
    left: 511px;
}

.slider-16 {
    left: 646px;
}

.slider-16-caption {
    right: 215px;
}

.slider-17 {
    left: 689px;
}

.slider-17-caption {
    right: 172px;
}

.slider-18 {
    left: 732px;
}

.slider-18-caption {
    right: 129px;
}

.slider-19 {
    left: 776px;
}

.slider-19-caption {
    right: 86px;
}

.slider-20 {
    left: 819px;
}

.slider-20-caption {
    right: 43px;
}

.slider-21 {
    left: 862px;
}

.slider-21-caption {
    right: 0px;
}

.slider-10-1 {
    left: -5px;
}

.slider-10-2 {
    left: 93px;
}

.slider-10-3 {
    left: 192px;
}

.slider-10-4 {
    left: 286px;
}

.slider-10-5 {
    left: 385px;
}

.slider-10-6 {
    left: 478px;
}

.slider-10-7 {
    left: 574px;
}

.slider-10-8 {
    left: 670px;
}

.slider-10-9 {
    left: 766px;
}

.slider-10-10 {
    left: 864px;
}

.slider-11-0 {
    left: -4px;
}

.slider-11-1 {
    left: 82px;
}

.slider-11-2 {
    left: 168px;
}

.slider-11-3 {
    left: 253px;
}

.slider-11-4 {
    left: 339px;
}

.slider-11-5 {
    left: 426px;
}

.slider-11-6 {
    left: 513px;
}

.slider-11-7 {
    left: 600px;
}

.slider-11-8 {
    left: 687px;
}

.slider-11-9 {
    left: 774px;
}

.slider-11-10 {
    left: 864px;
}

.scale-desktop {
    display: block;
}

.scale-mobile {
    display: none;
}

@media screen and (max-width: 960px) {
    .rating {
        width: 300px;
        margin: 0 auto;
    }
    .label-left {
        float: left;
        font-size: 11px;
        line-height: 15px;
    }
    .label-right {
        float: right;
        font-size: 11px;
        line-height: 15px;
    }
    .label-middle {
        font-size: 11px;
        line-height: 15px;
    }
    .rating-bar {
        position: relative;
        font-size: 11px;
        line-height: 15px;
    }
    .slider-circle {
        width: 20px;
        height: 20px;
        position: absolute;
        top: -3px;
        cursor: hand;
        cursor: pointer;
        display: block;
    }
    .slider-circle-10 {
        width: 20px;
        height: 20px;
        position: absolute;
        top: -3px;
        cursor: hand;
        cursor: pointer;
        display: block;
    }
    .slider-circle-11 {
        width: 20px;
        height: 20px;
        position: absolute;
        top: -3px;
        cursor: hand;
        cursor: pointer;
        display: block;
    }
    .selected-position {
        background: url(../images/slider-mobile.png);
    }
    .slider-caption {
        -moz-border-radius: 4px;
        border-radius: 4px;
        display: none;
        position: absolute;
        background-color: #fff8ba;
        border: 2px solid #ffb400;
        bottom: 40px;
        padding: 10px 10px 10px 10px;
        width: 120px;
        text-align: center;
        font-size: 11px;
        line-height: 15px;
    }
    .selected-caption {
        display: block;
    }
    .slider-1 {
        left: -5px;
    }
    .slider-1-caption {
        left: -5px;
    }
    .slider-2 {
        left: 11px;
    }
    .slider-2-caption {
        left: 11px;
    }
    .slider-3 {
        left: 25px;
    }
    .slider-3-caption {
        left: 25px;
    }
    .slider-4 {
        left: 39px;
    }
    .slider-4-caption {
        left: 39px;
    }
    .slider-5 {
        left: 54px;
    }
    .slider-5-caption {
        left: 54px;
    }
    .slider-6 {
        left: 68px;
    }
    .slider-6-caption {
        left: 68px;
    }
    .slider-7 {
        left: 82px;
    }
    .slider-7-caption {
        left: 20px;
    }
    .slider-8 {
        left: 97px;
    }
    .slider-8-caption {
        left: 36px;
    }
    .slider-9 {
        left: 112px;
    }
    .slider-9-caption {
        left: 50px;
    }
    .slider-10 {
        left: 126px;
    }
    .slider-10-caption {
        left: 65px;
    }
    .slider-11 {
        left: 140px;
    }
    .slider-11-caption {
        left: 80px;
    }
    .slider-12 {
        left: 154px;
    }
    .slider-12-caption {
        left: 94px;
    }
    .slider-13 {
        left: 169px;
    }
    .slider-13-caption {
        left: 108px;
    }
    .slider-14 {
        left: 184px;
    }
    .slider-14-caption {
        left: 124px;
    }
    .slider-15 {
        left: 198px;
    }
    .slider-15-caption {
        left: 138px;
    }
    .slider-16 {
        left: 212px;
    }
    .slider-16-caption {
        right: 70px;
    }
    .slider-17 {
        left: 227px;
    }
    .slider-17-caption {
        right: 55px;
    }
    .slider-18 {
        left: 240px;
    }
    .slider-18-caption {
        right: 40px;
    }
    .slider-19 {
        left: 255px;
    }
    .slider-19-caption {
        right: 26px;
    }
    .slider-20 {
        left: 270px;
    }
    .slider-20-caption {
        right: 11px;
    }
    .slider-21 {
        left: 285px;
    }
    .slider-21-caption {
        right: -3px;
    }
    .slider-10-1 {
        left: -5px;
    }
    .slider-10-2 {
        left: 28px;
    }
    .slider-10-3 {
        left: 59px;
    }
    .slider-10-4 {
        left: 92px;
    }
    .slider-10-5 {
        left: 124px;
    }
    .slider-10-6 {
        left: 156px;
    }
    .slider-10-7 {
        left: 188px;
    }
    .slider-10-8 {
        left: 220px;
    }
    .slider-10-9 {
        left: 252px;
    }
    .slider-10-10 {
        left: 285px;
    }
    .slider-11-0 {
        left: -4px;
    }
    .slider-11-1 {
        left: 24px;
    }
    .slider-11-2 {
        left: 53px;
    }
    .slider-11-3 {
        left: 83px;
    }
    .slider-11-4 {
        left: 111px;
    }
    .slider-11-5 {
        left: 140px;
    }
    .slider-11-6 {
        left: 169px;
    }
    .slider-11-7 {
        left: 198px;
    }
    .slider-11-8 {
        left: 227px;
    }
    .slider-11-9 {
        left: 256px;
    }
    .slider-11-10 {
        left: 285px;
    }
    .scale-desktop {
        display: none;
    }
    .scale-mobile {
        display: block;
    }
}

h2.thanks {
    font-size: 36px;
    line-height: 40px;
    margin-top: -15px;
    font-weight: 400;
}

.rating-thanks-circle {
    -moz-border-radius: 130px;
    border-radius: 130px;
    width: 110px;
    height: 104px;
    padding: 26px 10px 0 10px;
    background-color: #3f9d16;
    text-align: center;
    display: table;
    font-size: 64px;
    line-height: 70px;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
}

.rating-thanks-circle sup {
    font-size: 28px;
    line-height: 28px;
    vertical-align: middle;
    padding-bottom: 10px;
}

.form-container-wider {
    width: 600px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 620px) {
    .form-container-wider {
        width: 320px;
        margin: 0 auto;
    }
    .form-container-wider a {
        display: block;
        text-align: center;
        margin: 0 0 10px 0;
    }
}

.form-container-full {
    width: 900px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .form-container-full {
        width: 300px;
        margin: 0 auto;
    }
}

.form-container-mid {
    width: 350px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .form-container-mid {
        width: 300px;
        margin: 0 auto;
    }
}

.form-container-full h2 {
    text-align: center;
}

.paying-circle {
    -moz-border-radius: 130px;
    border-radius: 130px;
    width: 110px;
    height: 130px;
    padding: 0 10px 0 10px;
    border: 10px solid #fff;
    background-color: #f3f3f3;
    text-align: center;
    display: table;
    float: left;
    font-size: 26px;
    line-height: 32px;
}

@media screen and (max-width: 960px) {
    .paying-circle {
        -moz-border-radius: 110px;
        border-radius: 110px;
        width: 90px;
        height: 110px;
        padding: 0 10px 0 10px;
        border: 10px solid #fff;
        background-color: #f3f3f3;
        text-align: center;
        display: table;
        float: left;
        font-size: 26px;
        line-height: 32px;
    }
}

.paying-circle-last {
    float: right;
}

.paying-circle-selected {
    border: 10px solid #008acb;
}

.rating-half {
    float: left;
    width: 420px;
    position: relative;
    margin-bottom: 10px;
}

.rating-half-centered {
    float: none;
    margin: 0 auto;
    width: 420px;
    position: relative;
    margin-bottom: 10px;
}

.desktop-version {
    display: block;
}

.mobile-version {
    display: none;
}

@media screen and (max-width: 960px) {
    .rating-half {
        float: left;
        width: 300px;
        position: relative;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .rating-half-centered {
        float: none;
        width: 300px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .desktop-version {
        display: none;
    }
    .mobile-version {
        display: block;
    }
}

.rating-half.rating-half-last {
    float: right;
}

.rating-half .label-left,
.rating-half .label-right {
    font-size: 16px;
    line-height: 21px;
    color: #008acb;
    font-weight: bold;
    padding-top: 5px;
}

@media screen and (max-width: 960px) {
    .rating-half .label-left,
    .rating-half .label-right {
        font-size: 14px;
        line-height: 18px;
    }
}

.rating-circle {
    width: 40px;
    height: 40px;
    top: 28px;
    position: absolute;
    cursor: hand;
    cursor: pointer;
}

.rating-circle-5 {
    width: 40px;
    height: 40px;
    bottom: 24px;
    position: absolute;
    cursor: hand;
    cursor: pointer;
}

.rating-half-centered .rating-circle {
    top: -10px;
}

@media screen and (max-width: 960px) {
    .rating-circle {
        width: 20px;
        height: 20px;
        top: 37px;
        position: absolute;
        cursor: hand;
        cursor: pointer;
    }
    .rating-circle-5 {
        width: 20px;
        height: 20px;
        bottom: 27px;
        position: absolute;
        cursor: hand;
        cursor: pointer;
    }
}

.rating-slider-selected {
    background: url(../images/slider.png);
}

@media screen and (max-width: 960px) {
    .rating-slider-selected {
        background: url(../images/slider-mobile.png);
    }
}

.rating-slider-1 {
    left: -4px;
}

.rating-slider-2 {
    left: 39px;
}

.rating-slider-3 {
    left: 83px;
}

.rating-slider-4 {
    left: 126px;
}

.rating-slider-5 {
    left: 169px;
}

.rating-slider-6 {
    left: 212px;
}

.rating-slider-7 {
    left: 255px;
}

.rating-slider-8 {
    left: 298px;
}

.rating-slider-9 {
    left: 341px;
}

.rating-slider-10 {
    left: 384px;
}

.rating-5-slider-1 {
    left: -4px;
}

.rating-5-slider-2 {
    left: 94px;
}

.rating-5-slider-3 {
    left: 191px;
}

.rating-5-slider-4 {
    left: 287px;
}

.rating-5-slider-5 {
    left: 385px;
}

@media screen and (max-width: 960px) {
    .rating-slider-1 {
        left: 1px;
    }
    .rating-slider-2 {
        left: 32px;
    }
    .rating-slider-3 {
        left: 63px;
    }
    .rating-slider-4 {
        left: 94px;
    }
    .rating-slider-5 {
        left: 125px;
    }
    .rating-slider-6 {
        left: 156px;
    }
    .rating-slider-7 {
        left: 187px;
    }
    .rating-slider-8 {
        left: 217px;
    }
    .rating-slider-9 {
        left: 248px;
    }
    .rating-slider-10 {
        left: 279px;
    }
    .rating-5-slider-1 {
        left: 1px;
    }
    .rating-5-slider-2 {
        left: 70px;
    }
    .rating-5-slider-3 {
        left: 141px;
    }
    .rating-5-slider-4 {
        left: 210px;
    }
    .rating-5-slider-5 {
        left: 279px;
    }
}

@media screen and (max-width: 960px) {
    .rating-circle-5 {
        width: 20px;
        height: 20px;
        bottom: 29px;
        top: auto;
        position: absolute;
        cursor: hand;
        cursor: pointer;
    }
}

.rating p {
    padding-top: 10px;
    margin-bottom: 30px;
}

.label-middle {
    font-size: 16px;
    line-height: 21px;
    color: #008acb;
    font-weight: bold;
    width: 100px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .label-middle {
        font-size: 11px;
        line-height: 15px;
    }
}

.rating-stars {
    width: 410px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .rating-stars {
        width: 300px;
    }
}

.star {
    background: url(../images/rating-stars.png) left top no-repeat;
    width: 27px;
    height: 28px;
    float: left;
    display: block;
    margin: 0 7px 0 7px;
}

.star-on {
    background-position: left -30px;
}

@media screen and (max-width: 960px) {
    .star {
        background: url(../images/rating-stars-small.png) left top no-repeat;
        width: 20px;
        height: 22px;
        float: left;
        display: block;
        margin: 0 5px 0 5px;
    }
    .star-on {
        background-position: left -23px;
    }
}

.rating-stars span.label-left,
.rating-stars span.label-right {
    font-size: 16px;
    line-height: 21px;
    color: #008acb;
    font-weight: bold;
}

.process p {
    font-size: 16px;
    line-height: 22px;
}

img.align-image-center {
    margin: 0 auto;
    display: block;
}

span.dollar input {
    width: 100px;
    display: inline-block;
    padding-left: 18px;
}

span.dollar {
    display: block;
    margin: 0 auto;
    width: 120px;
    position: relative;
}

span.dollar a {
    display: inline-block;
    color: #000;
    position: absolute;
    top: 11px;
    left: 6px;
}

.form-container p.small {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin-top: -15px;
}

.rating-small {
    padding: 35px 0 0 0;
    position: relative;
}


/* RATE ADVISER */


/* JOIN */

.join {
    background-color: #fff;
}

.join-inner {
    padding: 20px 25px 20px 25px;
}

@media screen and (max-width: 800px) {
    .join-inner {
        padding: 20px 10px 20px 10px;
    }
}

.join p {
    font-size: 16px;
    line-height: 22px;
}

.select-caption {
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff8ba;
    border: 2px solid #ffb400;
    padding: 10px 10px 10px 10px;
    width: 280px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.select-caption-green {
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #c9f3b6;
    border: 2px solid #3f9d16;
    padding: 10px 10px 10px 10px;
    width: 280px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    line-height: 22px;
}

.join p.small {
    font-size: 13px;
    line-height: 18px;
    margin-top: -10px;
}

.join p.small a {
    color: #3f9d16;
    text-decoration: none;
}

.join p.small a:hover {
    text-decoration: underline;
}

.tickboxes {
    padding: 5px 0 10px 0;
}

@media screen and (max-width: 720px) {
    .tickboxes {
        margin: 0 auto;
    }
}

.tickboxes.center-aligned {
    margin-left: 0;
    margin: 0 auto;
    width: auto;
    display: block;
}

.tickboxes.tickboxes-no-underline .checkbox-tick {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.tickboxes.tickboxes-no-underline span {
    padding-left: 24px;
    display: block;
    margin: 5px 0 4px 0;
}

.checkbox-tick {
    background: url(../images/tick-off.png) left 5px no-repeat;
    padding: 3px 0 12px 24px;
    min-height: 26px;
    font-weight: 400;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 8px;
}

.checkbox-tick-error {
    background: url(../images/tick-error.png) left 5px no-repeat;
}

.checkbox-tick-last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.checkbox-tick .small {
    font-size: 13px;
    line-height: 19px;
    color: #999;
    padding-top: 6px;
    display: block;
}

.checkbox-tick.ticked {
    background: url(../images/tick-on.png) left 5px no-repeat;
}

.tickboxes.center-aligned .checkbox-tick {
    display: block;
    margin: 0 auto;
    width: 320px;
}

.join textarea {
    width: 300px;
    font-size: 15px;
    line-height: 21px;
    padding: 5px 8px 5px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    height: 100px;
    margin-top: 10px;
}

.tickboxes input {
    margin-bottom: 15px;
    margin-left: 24px;
}

hr.hr-indented {
    margin-left: 24px;
}

.grey-italic {
    font-style: italic;
    color: #8693a7;
}

@media screen and (max-width: 720px) {
    .join textarea {
        width: 220px;
    }
}

hr.short {
    width: 70%;
}

.enter-manually {
    display: none;
}


/* JOIN */


/* BLOG */

.blog-left {
    float: left;
    width: 100%;
}

.blog-right {
    float: right;
    width: 20%;
    background-color: #f2f2f2;
}

@media screen and (max-width: 600px) {
    .blog-left {
        float: left;
        width: 95%;
    }
    .blog-right {
        float: left;
        width: 95%;
        background-color: #f2f2f2;
        margin-top: 20px;
    }
}

.blog-right-inner {
    padding: 10px 15px 10px 15px;
    font-size: 11px;
    line-height: 15px;
}

.blog-left h3 {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 6px 0;
}

p.date {
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    padding: 0;
    margin: 0 0 15px 0;
}

.blog-left p.date {
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    padding: 0;
    margin: 0 0 12px 0;
}

h4.blog-comment {
    font-weight: 400;
    padding: 0;
    margin: 0 0 2px 0;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    margin-left: 32px;
}

h4.blog-comment img {
    position: absolute;
    left: -32px;
}

.content-right .blog-left hr {
    margin: 15px 0 25px 0;
}

p.comment-date {
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
    padding: 0;
    margin: 0 0 2px 32px;
}

p.comment {
    padding: 0;
    margin: 0 0 18px 32px;
}

.text-area.error,
.text-field.error {
    border: 1px solid #f00;
}

input.text-field {
    font-size: 13px;
    line-height: 15px;
    font-family: 'Roboto', sans-serif;
    width: 310px;
    font-size: 15px;
    line-height: 21px;
    padding: 11px 8px 11px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}

textarea.text-area {
    font-size: 13px;
    line-height: 15px;
    font-family: 'Roboto', sans-serif;
    height: 80px;
    width: 90%;
    font-size: 15px;
    line-height: 21px;
    padding: 11px 8px 11px 8px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    height: 150px;
}

h2.no-bottom {
    margin-bottom: 10px;
}

.blog-left img {
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    margin: 0 0 10px 10px;
}

.blog-left hr {
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    .blog-detailed img {
        float: none;
        margin: 0 auto 10px;
        height: auto;
        max-width: 280px;
        display: block;
    }
}


/* BLOG */


/* FAQ */

#faq-list .answer {
    display: none;
}

#faq-list h2 {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #8693a7;
    cursor: pointer;
    border-bottom: none;
    background: url('/images/open.png') right 12px no-repeat;
    margin-bottom: 10px;
    padding: 9px 10px 9px 0;
}

#faq-list h2.closetitle {
    background: url('/images/close.png') right 12px no-repeat;
}


/* FAQ */


/* ABOUT */

.about-container {
    max-width: 840px;
    margin: 0 auto;
    padding-top: 20px;
}

.about-container hr {
    margin-bottom: -5px;
}

.about-container h2 {
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    font-weight: 400;
}

.about-container h3 {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
}

.about-container p {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #737373;
}

.grey-text {}

.about-container table {
    display: inline-block;
    margin-top: 20px;
}

.about-container td {
    text-align: center;
    padding: 0 5px 0 5px;
}

.stampx-outer-center {
    float: right;
    right: 50%;
    position: relative;
}

.stampx-inner-center {
    float: right;
    right: -50%;
    position: relative;
}

@media screen and (max-width: 600px) {
    .stampx {
        width: 220px;
        margin: 0 auto;
    }
}

.about-heading-container {
    margin-bottom: 30px;
}

.about-heading-container a.facebook {
    background: url(../images/about-facebook.png) left top no-repeat;
    float: right;
    width: 29px;
    height: 28px;
    margin: 9px 0 0 10px;
}

.about-heading-container a.twitter {
    background: url(../images/about-twitter.png) left top no-repeat;
    float: right;
    width: 29px;
    height: 28px;
    margin: 9px 0 0 10px;
}

.about-heading-container a.linkedin {
    background: url(../images/about-linkedin.png) left top no-repeat;
    float: right;
    width: 28px;
    height: 28px;
    margin: 9px 0 0 10px;
}

.about-banner {
    margin-top: 0px;
    width: 100%;
    position: relative;
    height: 341px;
}

.about-banner .about-banner-image {
    width: 100%;
    position: absolute;
    height: 100%;
}

@media screen and (max-width: 960px) {
    .about-banner .about-banner-image {
        width: 960px;
        position: absolute;
        height: auto;
    }
}

.about-banner .about-banner-logo {
    margin: 0 auto;
    position: absolute;
    margin-left: -66px;
    left: 50%;
    top: 40px;
}

.about-banner h1 {
    position: absolute;
    color: #fff;
    text-align: center;
    top: 196px;
    width: 70%;
    margin: 0 auto;
    left: 50%;
    margin-left: -35%;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
}

@media screen and (max-width: 800px) {
    .about-banner .about-banner-logo {
        top: 20px;
    }
    .about-banner h1 {
        top: 156px;
    }
}

@media screen and (max-width: 600px) {
    .about-banner h1 {
        top: 156px;
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (max-width: 600px) {
    .about-banner h1 {
        margin-left: -45%;
        width: 90%;
        top: 156px;
        font-size: 22px;
        line-height: 28px;
    }
}

.about-tabs-bottom {
    border-left: 1px solid #008acb;
    border-right: 1px solid #008acb;
    border-bottom: 1px solid #008acb;
    -moz-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}

.blue-box {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #008acb;
    font-size: 17px;
    line-height: 24px;
    padding: 2px 11px 4px 11px;
    color: #fff;
    margin: 0 2px 6px 2px;
}

.about-inner {
    width: 650px;
    margin: 0 auto;
}

.about-inner .button-yellow {
    font-size: 17px;
    line-height: 24px;
    margin: 0 auto;
    display: block;
    width: 220px;
    text-align: center;
}

.about-inner p {
    font-size: 16px;
    line-height: 32px;
}

.tabs {
    background-image: url(../images/tabs.png);
    height: 190px;
    width: 838px;
}

.tab-1-link {
    width: 278px;
    height: 190px;
    margin-right: 2px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.tab-2-link {
    width: 278px;
    height: 190px;
    margin-right: 2px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.tab-3-link {
    width: 278px;
    height: 190px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.tabs-3 {
    display: none;
}

.tabs-2 {
    display: none;
}

.tabs-3 h3 {
    color: #6c6c6c;
    background-color: #efefef;
    text-align: center;
    padding: 25px 0 28px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    text-transform: none;
    margin: 0;
}

.tabs-3 ul {
    padding: 0;
    margin: 0;
}

.tabs-3 li {
    color: #6c6c6c;
    padding: 25px 30px 28px 30px;
    text-transform: none;
    list-style: none;
    margin: 0;
}

.tabs-3 li.grey-alternate {
    color: #6c6c6c;
    background-color: #efefef;
    padding: 25px 30px 28px 30px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    text-transform: none;
}

.tabs-3 li img {
    float: right;
    padding: 3px 0 0 20px;
}

.about-top {
    display: block;
}

.about-top-medium {
    display: none;
}

.about-top-small {
    display: none;
}

.about-tabs-top {
    margin: 0 auto;
    width: 840px;
}

.tab-1-heading-small,
.tab-1-heading,
.tab-2-heading-small,
.tab-2-heading,
.tab-3-heading-small,
.tab-3-heading {
    display: none;
}

@media screen and (max-width: 860px) {
    .about-tabs-top {
        margin: 0 auto;
        width: 600px;
    }
    .about-tabs-bottom {
        margin: 0 auto;
        width: 598px;
    }
    .about-top {
        display: none;
    }
    .about-top-medium {
        display: block;
    }
    .about-inner {
        width: 520px;
        margin: 0 auto;
    }
    .tabs {
        display: none;
    }
    .tabs-1 {
        display: block;
    }
    .tabs-2 {
        display: block;
    }
    .tabs-3 {
        display: block;
    }
    .tab-1-heading {
        display: block;
        padding: 0 0 20px 0;
    }
    .tab-2-heading,
    .tab-3-heading {
        display: block;
        padding: 40px 0 20px 0;
    }
    .hide-on-mobile {
        display: none;
    }
}

@media screen and (max-width: 620px) {
    .about-tabs-top {
        margin: 0 auto;
        width: 300px;
    }
    .about-tabs-bottom {
        margin: 0 auto;
        width: 298px;
    }
    .about-top-medium {
        display: none;
    }
    .about-top-small {
        display: block;
    }
    .about-inner {
        width: 240px;
        margin: 0 auto;
    }
    .about-inner img {
        max-width: auto;
        width: 100%;
        height: 100%;
    }
    .tab-1-heading,
    .tab-2-heading,
    .tab-3-heading {
        display: none;
    }
    .tab-1-heading-small {
        padding: 0px 0 20px 0;
    }
    .tab-2-heading-small,
    .tab-3-heading-small {
        display: block;
        padding: 40px 0 20px 0;
    }
}

.about-find-an-adviser {
    cursor: hand;
    cursor: pointer;
}


/* ABOUT */


/* COMPARE */

.compare-column {
    width: 280px;
    box-sizing: border-box;
    margin: 0 53px 40px 0;
    float: left;
    /*height:665px;*/
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .10);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .10);
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    color: #353537;
    padding-bottom: 20px;
}

.compare-column-last {
    margin-right: 0;
}

@media screen and (max-width: 970px) {
    .compare-column {
        margin: 0 23px 40px 0;
    }
    .compare-column-last {
        margin: 0 23px 40px 0;
    }
}

.compare-column-inner {
    padding: 10px 14px 10px 14px;
}

.compare-column .profile-detail-1 {
    width: 150px;
    padding: 0;
    margin-top: 0;
}

.compare-column .profile-image img {
    width: 60px;
    height: auto;
}

.compare-column .profile-detail-1 h2 {
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
    color: #353537;
    margin: 0 0 5px 0;
}

.compare-column .profile-detail-1 h2 a {
    color: #353537;
    text-decoration: none;
}

.compare-column .profile-detail-1 h3 {
    font-size: 13px;
    line-height: 15px;
    padding: 0;
    max-height: 30px;
}

.download-detailed-report {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    background-color: #fff;
    padding: 6px 13px 7px 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #4e515e;
    text-align: center;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    width: 180px;
    margin: 18px auto 22px;
}

.download-detailed-report:hover {
    background-color: #d2dae2;
}

.compare-column hr {
    margin-bottom: 13px;
}

.compare-bars p {
    margin: 0 0 5px 0;
    position: relative;
    color: #4e515e;
    font-size: 13px;
    line-height: 19px;
}

.compare-bars p strong {
    font-weight: 600;
}

.compare-bars p span {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    text-align: right;
    font-weight: bold;
    color: #0089cd;
}

.overall-rating-box {
    padding: 0 0 0 0;
    margin: 0 auto 13px;
}

.overall-rating-box span {
    float: right;
    color: #0089cd;
    font-weight: bold;
}

.addthis_sharing_toolbox {
    padding-top: 1px;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 700px) {
    .addthis_sharing_toolbox {
        display: block;
    }
}

.this-is-the-highest {
    font-weight: 600;
}

.container h1 span.addthis_sharing_toolbox_span {
    display: inline-block;
    vertical-align: top;
}


/* COMPARE */


/* DETAILED REPORT CARD */

div.detailed-top-section h1 {
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 0 0;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 29px;
    font-weight: 700;
    letter-spacing: -1px;
}

div.detailed-top-section h2 {
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    font-size: 24px;
    line-height: 29px;
}

div.detailed-top-section-1 {
    float: left;
    width: 50%;
    margin-right: 5%;
}

div.detailed-top-section-2 {
    float: left;
    width: 200px;
    text-align: center;
    font-weight: 600;
    margin-right: 5%;
}

div.detailed-top-section-3 {
    float: left;
    width: 125px;
}

div.detailed-top-section-1 span.label {
    width: 40%;
    float: left;
    clear: left;
    display: block;
    padding-bottom: 3px;
}

div.detailed-top-section-1 span.field {
    width: 50%;
    float: left;
    font-weight: 600;
    word-wrap: break-word;
    display: block;
    padding-bottom: 3px;
}

@media screen and (max-width: 960px) {
    div.detailed-top-section-1 {
        width: 45%;
    }
}

@media screen and (max-width: 800px) {
    div.detailed-top-section-1 {
        width: 50%;
    }
    div.detailed-top-section-2 {
        margin-right: 0;
    }
    div.detailed-top-section-3 {
        width: 200px;
    }
    div.detailed-top-section-3 img {
        margin: 20px auto 0;
        display: block;
    }
}

@media screen and (max-width: 550px) {
    div.detailed-top-section-1 {
        width: 100%;
        margin-bottom: 25px;
    }
    div.detailed-top-section-2 {
        width: 100%;
        margin-bottom: 15px;
    }
    div.detailed-top-section-3 {
        width: 100%;
    }
    div.detailed-top-section-2 img {
        float: none;
        display: inline-block;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 340px) {
    div.detailed-top-section-1 span.label {
        width: 30%;
    }
    div.detailed-top-section-1 span.field {
        width: 60%;
    }
}

.detailed-bottom-section-column {
    float: left;
    width: 48%;
    border-top: 1px solid #666;
    margin-right: 2%;
    padding-top: 18px;
}

.detailed-bottom-section-column h3 {
    font-weight: 700;
    text-transform: uppercase;
}

.detailed-chart-outer {
    width: 100%;
    height: 30px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 18px;
}

.detailed-chart {
    width: 80%;
    background-color: #666;
    height: 30px;
    float: left;
    margin-right: 5px;
}

.detailed-chart-inner {
    width: 0%;
    height: 30px;
}

.detailed-chart-inner.yellow-scale {
    background-color: #ffdd00;
}

.detailed-chart-inner.orange-scale {
    background-color: #f79226;
}

.detailed-chart-inner.blue-scale {
    background-color: #28afcf;
}

.detailed-chart-inner.green-scale {
    background-color: #7fc347;
}

.detailed-bottom-section-column p {
    padding-left: 0px;
    width: 60%;
    margin-bottom: 10px;
}

p.experiencep {
    padding-left: 0;
    padding-top: 30px;
    margin-bottom: 0;
}

h2.number-of-years {
    font-size: 66px;
    line-height: 70px;
    letter-spacing: -4px;
    font-weight: 400;
}

.detailed-bottom-section-column ul {
    margin-left: 0;
    padding-left: 0;
}

.detailed-bottom-section-column li {
    list-style: none;
    background: url(../images/tick-on-small.png) left 2px no-repeat;
    padding: 0 0 0 22px;
    margin: 0 0 6px 0;
}

.detailed-bottom-section-column li.no-tick {
    padding: 0 0 0 0px;
    background: none;
}

.thumbs-up {
    background: url(../images/icon-thumbs-up.gif?2) left top no-repeat;
    width: 190px;
    padding: 90px 0 0 0;
    height: 40px;
    float: left;
    margin: 20px 0 0 30px;
}

.thumbs-down {
    background: url(../images/icon-thumbs-down.gif?2) left 25px no-repeat;
    width: 140px;
    height: 130px;
    float: left;
    margin: 20px 0 0 0;
}

p.full-width-p {
    width: 100%;
}


/* DETAILED REPORT CARD */


/* MAP */

.gm-style-iw {
    width: 250px!important;
}

.info-window-style img {
    width: 68px;
    height: auto;
    float: right;
    margin: 0 0 20px 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #efefef;
}

.info-window-style {
    margin-bottom: -5px;
}

.info-window-style p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
}

.info-window-style h3 {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
}

.info-window-style p.small {
    font-size: 12px;
    line-height: 18px;
}

.info-window-style p span {
    float: right;
}

.info-window-style p strong {
    font-weight: 600;
}


/* MAP */


/* PROFILE */

.profile-box {
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #0089cd;
    overflow: hidden;
    position: relative;
    width: 840px;
    margin: 20px auto 30px;
}

.profile-top-box {
    background-color: #0089cd;
}

.profile-top-box h2 {
    margin: 0 0 10px 48px;
    padding: 35px 0 0 0;
    color: #fff;
    font-size: 26px;
    line-height: 32px;
}

.profile-top-box h3 {
    margin: 0 0 0 48px;
    padding: 0 0 28px 0;
    font-size: 17px;
    line-height: 22px;
    color: #fff;
}

.profile-box img {
    position: absolute;
    -moz-border-radius: 245px;
    border-radius: 245px;
    right: 45px;
    top: 30px;
    border: 4px solid #fff;
}

.profile-detail {
    width: 415px;
    margin: 0 0 0 48px;
    padding: 30px 0 20px 0;
    float: left;
}

.profile-detail p {
    color: #9d9d9d;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
}

ul.profile-social {
    float: right;
    margin-top: 190px;
    width: 260px;
    padding: 0;
}

ul.profile-social li {
    list-style: none;
    padding: 3px 0 20px 0;
    margin: 0;
}

ul.profile-social li a.profile-linkedin {
    padding: 3px 0 4px 32px;
    background: url(../images/icon-profile-linkedin.png) left top no-repeat;
}

ul.profile-social li a.profile-twitter {
    padding: 3px 0 4px 32px;
    background: url(../images/icon-profile-twitter.png) left top no-repeat;
}

@media screen and (max-width: 960px) {
    .profile-box {
        width: 90%;
    }
    .profile-box img {
        right: 20px;
    }
}

@media screen and (max-width: 900px) {
    .profile-box img {
        position: relative;
        float: left;
        -moz-border-radius: 245px;
        border-radius: 245px;
        right: auto;
        top: auto;
        border: 4px solid #fff;
        margin: 20px 0 15px 40px;
    }
    .profile-detail {
        width: 80%;
        padding: 0;
    }
    ul.profile-social {
        float: left;
        margin: 10px 0 30px 46px;
        width: 260px;
        padding: 0;
    }
}

@media screen and (max-width: 500px) {
    .profile-top-box h2 {
        margin-left: 15px;
        padding-top: 15px;
    }
    .profile-top-box h3 {
        margin-left: 15px;
        padding-bottom: 20px;
    }
    .profile-detail {
        width: 90%;
        margin-left: 15px;
    }
    .profile-box img {
        margin-left: 15px;
        max-width: 230px;
        height: auto;
    }
    .profile-detail p {
        font-size: 14px;
        line-height: 22px;
    }
}

span.edit-this-page {
    font-size: 14px;
    line-height: 20px;
    float: right;
}

span.edit-this-page i {
    color: #0089cc;
}

span.edit-this-page a {
    color: #353537;
}

i.green-icon {
    color: #139363;
}

.green-text {
    color: #139363;
}


/* PROFILE */


/* RATING */

.rating-banner {
    margin-top: -30px;
    width: 100%;
    position: relative;
    height: 399px;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
}

.rating-banner ul li {
    list-style: none;
    padding: 20px 30px 23px 55px;
    color: #fff;
    color: #6c6c6c;
    text-transform: none;
    list-style: none;
    margin: 0;
    background-color: #fff;
}

.rating-banner ul li.grey-alternate {
    color: #6c6c6c;
    background-color: #efefef;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    text-transform: none;
}

li.rating-1 {
    background: url(../images/icon-1.png) 20px 20px no-repeat;
}

li.rating-2 {
    background: url(../images/icon-2.png) 20px 20px no-repeat;
}

li.rating-3 {
    background: url(../images/icon-3.png) 20px 20px no-repeat;
}

li.rating-4 {
    background: url(../images/icon-4.png) 20px 20px no-repeat;
}

.rating-banner .rating-banner-image {
    width: 100%;
    position: absolute;
    height: auto;
}

@media screen and (max-width: 960px) {
    .rating-banner .rating-banner-image {
        width: 960px;
        position: absolute;
        height: auto;
    }
}

.rating-banner h1 {
    position: absolute;
    color: #fff;
    text-align: center;
    top: 42px;
    width: 70%;
    margin: 0 auto;
    left: 50%;
    margin-left: -35%;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
}

.rating-banner ul {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 70%;
    left: 50%;
    margin-left: -35%;
    bottom: 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

@media screen and (max-width: 860px) {
    .rating-banner h1 {
        width: 90%;
        margin-left: -45%;
        font-size: 22px;
        line-height: 30px;
    }
    .rating-banner ul li {
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (max-width: 500px) {
    .rating-banner h1 {
        width: 90%;
        margin-left: -45%;
        font-size: 18px;
        line-height: 26px;
    }
    .rating-banner ul {
        width: 90%;
        margin-left: -45%;
    }
    .rating-banner ul li {
        padding: 15px 30px 18px 55px;
        background-position: 20px 13px;
    }
}

.tabs2 {
    background: url(../images/tabs2.png) left -233px no-repeat;
    height: 233px;
    width: 840px;
}

.tab2-1-heading-small,
.tab2-1-heading,
.tab2-2-heading-small,
.tab2-2-heading,
.tab2-3-heading-small,
.tab2-3-heading {
    display: none;
}

.tab2-1-link {
    width: 278px;
    height: 190px;
    margin-right: 2px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.tab2-2-link {
    width: 278px;
    height: 190px;
    margin-right: 2px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.tab2-3-link {
    width: 278px;
    height: 190px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.tabs2-3 {
    display: none;
}

.tabs2-2 {
    display: none;
}

.star-infographic-mobile {
    display: none;
}

@media screen and (max-width: 860px) {
    .tabs2 {
        display: none;
    }
    .tab2-1-heading {
        display: block;
        padding: 0 0 0 0;
        margin: 0 auto;
        width: 600px;
    }
    .tab2-2-heading,
    .tab2-3-heading {
        display: block;
        padding: 40px 0 20px 0;
    }
    .tabs2-1 {
        display: block;
    }
    .tabs2-2 {
        display: block;
    }
    .tabs2-3 {
        display: block;
    }
    .star-infographic {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 620px) {
    .tab2-1-heading {
        display: none;
    }
    .tab2-1-heading-small {
        display: block;
        width: 300px;
        margin: 0 auto;
    }
    .tab2-2-heading,
    .tab2-3-heading {
        display: none;
    }
    .tab2-2-heading-small,
    .tab2-3-heading-small {
        display: block;
        padding: 40px 0 20px 0;
    }
    .tabs2-1 {
        display: block;
    }
    .tabs2-2 {
        display: block;
    }
    .tabs2-3 {
        display: block;
    }
    .rating-infographic {
        max-width: 100%;
        height: auto;
    }
    .star-infographic {
        display: none;
    }
    .star-infographic-mobile {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

.rating-detail-box {
    margin: 50px auto 30px;
    border: 1px solid #0089cd;
    overflow: hidden;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 840px;
}

.rating-detail-box h2 {
    background-color: #0089cd;
    text-align: center;
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    padding: 15px 0 20px 0;
    margin: 0;
}

.rating-detail-box ul {
    padding: 0;
    margin: 0;
}

.rating-detail-box ul li {
    list-style: none;
    padding: 20px 30px 22px 30px;
    color: #fff;
    color: #6c6c6c;
    text-transform: none;
    list-style: none;
    margin: 0;
    background-color: #fff;
}

.rating-detail-box ul li.grey-alternate {
    color: #6c6c6c;
    background-color: #efefef;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    text-transform: none;
}

.rating-detail-box ul li img {
    float: right;
    padding: 3px 0 0 20px;
}

@media screen and (max-width: 860px) {
    .rating-detail-box {
        width: 90%;
    }
}


/* RATING */


/* PROFILE RHS */

.testimonial-item {
    border: 1px solid #e3e9ef;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
}

.testimonial-item p {
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    margin: 0 0 10px 0;
    padding: 10px 12px 2px 12px;
    font-style: italic;
}

.testimonial-item h3 {
    background-color: #f5f8fa;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    border-top: 1px solid #e3e9ef;
    color: #6f7e95;
    font-weight: 600;
    margin: 0 0 0 0;
    padding: 10px 12px 8px 12px;
}

.testimonial-item h3 span {
    float: right;
    font-weight: 400;
    color: #8a95a5;
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
}

.testimonial-item h3 i {
    color: #0089cd;
}

.testimonial-box-arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e3e9ef;
    top: 0px;
    left: 25px;
    position: absolute;
}

.testimonial-box-arrow-down-inner {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    top: -2px;
    left: 25px;
    position: absolute;
}

.advisers-list {
    margin-top: 10px;
    background-color: #f9f9f9;
    padding: 10px 13px 10px 13px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.testimonials-list {
    margin-top: 30px;
    background-color: #f9f9f9;
    padding: 10px 13px 10px 13px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


/* PROFILE RHS */


/* IN DETAIL */

.rating-detail-table {
    width: 100%;
    overflow: scroll;
}

.rating-detail-table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.rating-detail-table td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 11px;
    line-height: 15px;
}


/* IN DETAIL */


/* TOOLKIT */

.Toolkit-Dropdown {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #999;
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 10px 0;
    padding: 6px 12px;
}

.Toolkit-Dropdown-Button {
    background-color: #ffe400;
    border: 2px solid #ffb400;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    margin: 8px 0 0 7px;
    padding: 7px 12px 6px;
    text-decoration: none;
}

.toolkit-popup {
    background-color: #fff;
    top: 70px;
    left: 50%;
    margin-left: -335px;
    width: 670px;
    position: absolute;
    border: 1px solid #000;
}

.toolkit-popup h1 {
    font-weight: 600;
    font-size: 27px;
    line-height: 32px;
}

.toolkit-popup hr {
    margin-bottom: 15px;
}

.toolkit-popup h2 {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
}

.toolkit-popup span.small {
    font-size: 12px;
    line-height: 16px;
}

.toolkit-popup textarea {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    font-family: "Courier New", Courier, monospace;
    height: 70px;
}


/* TOOLKIT */


/* -----------------------------------------------------------------------------------------------------------------------*/


/* TOP NAVIGATION */

.top-nav-highlight-links {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    float: left;
    padding: 0 10px 0 10px;
    margin: 18px 0 0 0;
}

@media screen and (max-width: 950px) {
    .top-nav-highlight-links {
        display: none;
    }
}

.top-nav-find-an-adviser {
    border-right: 1px solid #d2dae2;
    padding: 5px 14px 5px 10px;
    display: inline-block;
    font-weight: 600;
    color: #4e515e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    cursor: hand;
    cursor: pointer;
}

.top-nav-rate-your-adviser {
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-weight: 600;
    color: #4e515e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
}

.top-nav-find-an-adviser:hover,
.top-nav-rate-your-adviser:hover {
    color: #008acb;
}

@media screen and (max-width: 950px) {
    .header ul {
        display: none;
    }
}

.mobile-nav-icon {
    display: none;
    height: 55px;
    padding: 10px 0 0 9px;
    border-left: 1px solid #efefef;
    width: 44px;
    float: right;
    text-align: center;
    color: #3c3c3e;
    font-size: 10px;
    line-height: 16px;
    cursor: hand;
    cursor: pointer;
    font-weight: 600;
}

.mobile-nav-icon i {
    font-size: 21px;
    line-height: 25px;
    color: #0089cd;
}

@media screen and (max-width: 950px) {
    .mobile-nav-icon {
        display: block;
    }
}

.top-nav-find-an-adviser-mobile {
    display: none;
    height: 59px;
    padding: 6px 9px 0 9px;
    border-left: 1px solid #efefef;
    width: 50px;
    float: right;
    text-align: center;
    color: #3c3c3e;
    font-size: 10px;
    line-height: 12px;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
}

@media screen and (max-width: 950px) {
    .top-nav-find-an-adviser-mobile {
        display: block;
    }
}

.top-nav-find-an-adviser-mobile i {
    font-size: 20px;
    line-height: 24px;
    color: #0089cd;
    margin-bottom: 2px;
}


/* TOP NAVIGATION */


/* MOBILE NAVIGATION */

.mobile-navigation {
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    width: 280px;
    height: 100%;
    right: -280px;
    overflow-y: scroll;
}

.nav-overlay {
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    display: none;
}

.mobile-nav-home-icon {
    -moz-border-radius: 32px;
    border-radius: 32px;
    width: 30px;
    height: 24px;
    padding: 8px 0 0 2px;
    border: 1px solid #d5dde4;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    color: #4e515e;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 0 14px;
}

.mobile-nav-close {
    -moz-border-radius: 32px;
    border-radius: 32px;
    width: 30px;
    height: 24px;
    padding: 8px 0 0 2px;
    border: 1px solid #d5dde4;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    color: #4e515e;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 0 0;
    cursor: hand;
    cursor: pointer;
}

.mobile-navigation ul.mobile-main-items {
    border-top: 1px solid #d5dde4;
    padding: 0;
    margin: 10px 0 5px 0;
    border-bottom: none;
}

ul.mobile-main-items li {
    border-bottom: 1px solid #d5dde4;
    list-style: none;
    padding: 12px 16px 12px 16px;
    margin: 0;
}

.mobile-navigation a {
    color: #4e515e;
    text-decoration: none;
}

ul.mobile-main-items li a i {
    color: #0089cd;
}

.mobile-nav-float-right {
    float: right;
    color: #d2dae2;
    padding-top: 2px;
}

ul.mobile-main-items li .mobile-nav-float-right {
    padding-top: 3px;
}

.mobile-navigation h3 {
    color: #8693a7;
    font-size: 14px;
    line-height: 20px;
    padding: 16px 16px 0 16px;
    margin: 0 0 0 0;
}

.mobile-navigation ul {
    padding: 0;
    margin: 10px 0 15px 0;
    border-bottom: 1px solid #d5dde4;
    padding: 0 0 12px 0;
}

.mobile-navigation li {
    list-style: none;
    padding: 5px 16px 8px 16px;
    margin: 0;
    font-size: 13px;
    line-height: 19px;
}

.smaller-icon {
    width: 20px;
    color: #8a95a5;
}

.mobile-navigation i.color-facebook {
    color: #3b5998;
}

.mobile-navigation i.color-twitter {
    color: #5ea9dd;
}

.mobile-navigation i.color-linkedin {
    color: #0177b5;
}


/* MOBILE NAVIGATION */


/* FOOTER */

.footer-1 {
    background-color: #414447;
}

.footer-1-mobile {
    display: none;
    background-color: #414447;
}

@media screen and (max-width: 950px) {
    .footer-1 {
        display: none;
    }
    .footer-1-mobile {
        display: block;
    }
}

.footer-1-mobile {
    text-align: center;
    padding: 30px 0 20px 0;
}

.footer-1-mobile a {
    color: #dce0df;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    display: inline-block;
    padding: 4px 12px 5px 12px;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 12px 0;
}

.footer-1-mobile a:hover {
    background-color: #d2dae2;
    color: #414447;
}

.footer-1-mobile a.footer-mobile-facebook {
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

.footer-1-mobile a.footer-mobile-linkedin {
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

.footer-1-mobile a.footer-mobile-twitter {
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.footer-1 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    padding: 22px 0 0 0;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.footer-1-mobile h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 0 0 0;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.footer-1-mobile {
    background-color: #414447;
}

div.footer-column {
    border-right: 1px solid #3b3d40;
    border-left: 1px solid #46494d;
    float: left;
    width: 170px;
    padding: 0 35px 0 50px;
}

div.footer-column-first {
    border-left: none;
    padding-left: 0;
}

div.footer-column-last {
    border-right: none;
    padding-right: 0;
}

div.footer-column ul {
    padding: 0;
    margin: 0 0 26px 0;
}

div.footer-column ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 4px 0;
    font-size: 12px;
    line-height: 18px;
}

div.footer-column ul li i {
    width: 17px;
}

div.footer-column ul li a {
    color: #dce0df;
    text-decoration: none;
}

div.footer-column ul li a:hover {
    text-decoration: underline;
}

.footer-2 {
    background-color: #353537;
    padding-top: 3px;
}

.footer-2 p {
    color: #dce0df;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    margin: 0 0 15px;
}

.footer-2 p a {
    color: #dce0df;
}

.footer-3 {
    background-color: #2a2a2b;
    padding: 12px 0 15px 0;
}

.footer-3 p {
    color: #8d8d8f;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 0;
}

.footer-3 span {
    padding: 0 15px 0 0;
}

@media screen and (max-width: 950px) {
    .footer-3 span {
        display: block;
        padding: 0;
    }
}

.footer-3 p a {
    color: #cacacc;
    padding: 0 5px 0 5px;
}

.footer-wrapper {
    width: 950px;
    margin: 0 auto;
}

@media screen and (max-width: 950px) {
    .footer-wrapper {
        width: 90%;
    }
}

.footer-2 .footer-wrapper {
    padding: 17px 0 8px 0;
}


/* FOOTER */


/* HEADER SEARCH */

.new-search-bar {
    position: relative;
    overflow: hidden;
}

.new-search-bar-hide {
    height: 0;
    overflow: hidden;
}

.new-search-bar-forms {
    float: right;
    position: relative;
}

.new-search-bar-labels {
    float: left;
}

@media screen and (max-width: 970px) {
    .new-search-bar-labels span {
        padding-left: 15px!important;
    }
}

@media screen and (max-width: 700px) {
    .new-search-bar-labels {
        width: 100%;
        height: 46px;
    }
    .new-search-bar-forms {
        float: left;
    }
    .new-search-bar-forms {
        width: 100%;
    }
}

.wrapper-950 {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 950px) {
    .wrapper-950 {
        width: 100%;
    }
}

.new-search-bar span {
    display: inline-block;
    color: #6f7e95;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 0 0 0;
}

.new-search-bar a {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 0 8px 0;
    margin: 0 0 0 28px;
    color: #8a95a5;
    cursor: hand;
    cursor: pointer;
}

.new-search-bar input {
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    width: 160px;
    float: none;
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    padding: 12px 12px 12px 12px;
    border-left: 1px solid #d2dae2;
    border-right: 1px solid #d2dae2;
    vertical-align: top;
    color: #8a95a5;
}

.new-search-bar select {
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    width: 160px;
    float: none;
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    padding: 10px 12px 10px 12px;
    vertical-align: middle;
    color: #8a95a5;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
}

@media screen and (max-width: 950px) {
    .new-search-bar select {
        padding: 10px 8px 10px 8px;
    }
}

input.top-search-first-name {
    border-right: none;
}

a.search-magnifying-glass {
    background-color: #fff;
    font-size: 16px;
    /*line-height: 26px;*/
    line-height: 0;
    height: 46px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 14px 17px 15px 17px;
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    vertical-align: middle;
    border-right: 1px solid #d2dae2;
    color: #8a95a5;
    border-left: 1px solid #d2dae2;
}

a.button-find {
    background-color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 14px 17px 15px 17px;
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top;
    border-right: 1px solid #d2dae2;
    color: #8a95a5;
}

a.button-find:hover,
a.search-magnifying-glass:hover {
    background-color: #f2f2f2;
}

a.top-search-option-selected {
    border-bottom: 4px solid #0089cd;
    color: #000;
}

.new-search-bar img {
    position: absolute;
    right: 25px;
    top: 50px;
    z-index: 100;
}

@media screen and (max-width: 700px) {
    .new-search-bar img {
        top: 145px;
    }
    input.top-search-postcode,
    input.top-search-first-name {
        width: 100%;
        border-left: 0;
    }
    .new-search-bar select,
    input.top-search-last-name {
        width: 90%;
        border-left: 0;
    }
    .new-search-bar select {
        max-width: auto!important;
    }
    .search-magnifying-glass,
    a.button-find {
        width: 10%;
        border-right: 0;
        text-align: center;
    }
}

@media screen and (max-width: 500px) {
    .new-search-bar select,
    input.top-search-last-name {
        width: 80%;
    }
    .new-search-bar select {
        max-width: auto!important;
    }
    .search-magnifying-glass,
    a.button-find {
        width: 20%;
    }
}


/* HEADER SEARCH */


/* HOME INTRO */

.home-intro {
    height: 386px;
    background: url(../images/blue-bg.png) center top no-repeat;
    background-color: #0065a0;
    position: relative;
}

.wrapper-1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 386px;
}

@media screen and (max-width: 1200px) {
    .wrapper-1200 {
        width: 100%;
    }
}

img.blue-bg-decoration-1 {
    position: absolute;
    left: -20px;
    bottom: 0;
}

img.blue-bg-decoration-2 {
    position: absolute;
    right: -20px;
    bottom: 0;
}

img.intro-image {
    position: absolute;
    left: 50%;
    margin-left: -364px;
    bottom: 0;
    width: 728px;
}

img.intro-image1 {
    position: absolute;
    left: 50%;
    margin-left: -333px;
    bottom: 0;
    width: 666px;
}

@media screen and (max-width: 750px) {
    img.intro-image1,
    img.intro-image {
        height: auto;
        width: 600px;
        margin-left: -300px;
    }
    img.blue-bg-decoration-1,
    img.blue-bg-decoration-2 {
        display: none;
    }
}

@media screen and (max-width: 620px) {
    img.intro-image1,
    img.intro-image {
        height: auto;
        width: 400px;
        margin-left: -200px;
    }
}

@media screen and (max-width: 480px) {
    img.intro-image1,
    img.intro-image {
        height: auto;
        width: 320px;
        margin-left: -160px;
    }
}

@media screen and (max-width: 340px) {
    img.intro-image1,
    img.intro-image {
        height: auto;
        width: 280px;
        margin-left: -140px;
    }
}

.blue-bg-shadow-top {
    height: 31px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url(../images/blue-bg-shadow-top.png);
}

.blue-bg-shadow-bottom {
    height: 30px;
    width: 100%;
    bottom: 0;
    position: absolute;
    background: url(../images/blue-bg-shadow-bottom.png);
}

.home-intro h1 {
    text-align: center;
    font-weight: 300;
    font-size: 26px;
    line-height: 36px;
    max-width: 720px;
    color: #fff;
    margin: 0 auto 26px;
    padding: 26px 0 0 0;
}

@media screen and (max-width: 1200px) {
    .home-intro h1 {
        font-size: 22px;
        line-height: 34px;
        margin: 0 auto 16px;
        padding: 36px 20px 0 20px;
    }
}

@media screen and (max-width: 450px) {
    .home-intro h1 {
        line-height: 28px;
    }
}

a.see-video-overview {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 4px 0 4px 0;
    margin: 18px 0 0 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    width: 170px;
    text-align: center;
    margin: 0 auto;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
}

a.see-video-overview:hover {
    background-color: #f2f2f2;
    color: #0089cd;
}

a.see-video-overview-red {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f55254;
    background-color: #f55254;
    padding: 4px 0 4px 0;
    margin: 18px 0 0 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    width: 170px;
    text-align: center;
    margin: 0 auto;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
}

a.see-video-overview-red:hover {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    color: #0089cd;
}


/* HOME INTRO */


/* HOME COLUMNS */

.main-three {
    background-color: #fff;
    padding: 36px 0 36px 0;
}

.home-feature-column {
    display: inline-block;
    vertical-align: top;
    margin: 0 22px 20px 22px;
    width: 270px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

@media screen and (max-width: 950px) {
    .home-feature-column {
        margin: 0 0 20px 0;
        padding: 20px 20px 30px 20px;
        width: 100%;
        box-sizing: border-box;
    }
}

.home-feature-column h2 {
    font-size: 24px;
    line-height: 30px;
    color: #353537;
    padding: 18px 0 0 0;
    margin: 0 0 12px 0;
    font-weight: 300;
}

.home-feature-column p {
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
}

.home-feature-column a {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    padding: 4px 13px 5px 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #4e515e;
    text-align: center;
    margin: 0 auto;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 150px;
    margin-left: -88px;
    left: 50%;
}

.home-feature-column a:hover {
    background-color: #f2f2f2;
}

.home-feature-column i {
    color: #0089cd;
    margin-right: 2px;
}

.center-outer {
    position: relative;
    float: right;
    right: 50%;
}

.center-inner {
    position: relative;
    float: right;
    right: -50%;
}


/* HOME COLUMNS */


/* HOME 2 COLUMNS */

.main-two-inner {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .main-two-inner {
        width: 100%;
    }
}

.main-two {
    background: url(../imagesbluestrip.jpg) left top 0 0 #fff;
}

@media screen and (max-width: 1200px) {
    .main-two {
        background: none;
    }
}

.main-two-blue {
    background: url(../images/box-blue.png);
    width: 400px;
    height: 463px;
    float: left;
    text-align: center;
    padding: 60px 100px 0 100px;
}

.main-two-grey {
    background: url(../images/box-grey.png);
    width: 100%;
    /*height: 467px;*/
    float: none;
    text-align: center;
    padding: 35px 0px 39px 0px;
    margin-bottom: 0;
}

.main-two-grey.bluesubscribeBg {
    background: url(../images/box-blue.png);
}

@media screen and (max-width: 1200px) {
    .main-two-grey {
        box-sizing: border-box;
        padding: 35px 20px;
    }
    .main-two-blue {
        width: 50%;
        box-sizing: border-box;
        padding: 36px 20px 0 20px;
        height: 463px;
    }
}

@media screen and (max-width: 950px) {
    .main-two-blue {
        width: 100%;
        padding: 36px 20px 0 20px;
        height: 420px;
    }
    .main-two-grey {
        width: 100%;
        padding: 35px 20px;
        height: auto;
    }
}

@media screen and (max-width: 750px) {
    .main-two-blue {
        padding: 26px 10px 30px 10px;
        height: auto;
    }
    .main-two-blue img {
        width: 140px;
        height: auto;
    }
    .main-two-grey {
        width: 100%;
        padding: 30px 10px 30px 10px;
        height: auto;
    }
    .main-two-grey img {
        width: 140px;
        height: auto;
    }
}

.main-two h2 {
    font-size: 25px;
    line-height: 33px;
    color: #fff;
    padding: 27px 0 0 0;
    margin: 0 0 24px 0;
    font-weight: 300;
}

@media screen and (max-width: 750px) {
    .main-two h2 {
        font-size: 22px;
        line-height: 30px;
        padding: 22px 0 0 0;
        margin: 0 0 20px 0;
    }
}

.main-two p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin: 0 0 16px 0;
}

.main-two p.small {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    margin: 0 0 26px 0;
}

.main-two-blue a {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 6px 13px 7px 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #4e515e;
    text-align: center;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    width: 140px;
    margin: 28px auto 0;
}

.main-two-blue i {
    color: #0089cd;
    margin-right: 2px;
}

.main-two-blue a:hover {
    background-color: #f2f2f2;
}

.main-two-grey input.field {
    border: 0;
    background: transparent;
    background-color: #fff;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding: 12px 10px 12px 15px;
    color: #8a95a5;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    width: 68%;
    vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .main-two-grey input.field {
        padding: 11px 10px 11px 15px;
    }
}

.main-two-grey input.submit {
    border: 0;
    background: transparent;
    background-color: #fff;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding: 12px 10px;
    color: #4e515e;
    font-size: 12px;
    line-height: 18px;
    width: 100px;
    font-weight: 600;
    vertical-align: middle;
    border-left: 1px solid #d2dae2;
    cursor: hand;
    cursor: pointer;
    -webkit-appearance: none;
}

.main-two-grey input.submit:hover {
    background-color: #f2f2f2;
}


/* HOME 2 COLUMNS */


/* HOME QUOTES */

.home-quotes {
    text-align: center;
    padding: 30px 0 30px 0;
    background-color: #fff;
}

.home-quotes h2 {
    color: #353537;
    font-size: 20px;
    line-height: 26px;
    padding: 12px 0 0 0;
    margin: 0 0 20px 0;
    font-weight: 300;
}

.home-quotes h3 {
    color: #353537;
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
    margin: 0 0 10px 0;
    padding: 0;
}

.home-quotes p {
    color: #6f7e95;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 950px) {
    .home-quotes h2,
    .home-quotes h3,
    .home-quotes p {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* HOME QUOTES */


/* HOME NEWS */

.latest-news {
    text-align: center;
    padding: 30px 0 30px 0;
}

@media screen and (max-width: 950px) {
    .latest-news {
        padding: 30px 10px 30px 10px;
        box-sizing: border-box;
    }
}

.latest-news h2 {
    color: #353537;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
}

.home-news-column {
    float: left;
    width: 280px;
    margin: 0 54px 38px 0;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .15);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .15);
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    height: 290px;
}

.home-news-column-last {
    margin-right: 0;
}

@media screen and (max-width: 950px) {
    .latest-news .wrapper-950 {
        width: 280px;
    }
    .home-news-column {
        margin-right: 0;
    }
}

.home-news-column h3 {
    background-color: #1778ac;
    height: 73px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    padding: 10px 15px 0 15px;
    margin: 0 0 12px 0;
    position: relative;
}

.home-news-column h3 img {
    position: absolute;
    right: 0;
    top: 0;
}

.home-news-column h3 a {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-right: 20px;
}

.home-news-column h3 a:hover {
    text-decoration: underline;
}

.home-news-column h4 {
    font-weight: 400;
    color: #6f7e95;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    font-style: italic;
    padding: 0 0 0 15px;
    margin: 0 0 8px 0;
}

.home-news-column p {
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
    text-align: left;
    padding: 0 15px 0 15px;
    margin: 0 0 13px 0;
}

.all-news-link {
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    background-color: #fff;
    padding: 6px 13px 7px 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #4e515e;
    text-align: center;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    width: 160px;
    margin: 0 auto 10px;
}

@media screen and (max-width: 950px) {
    .all-news-link {
        margin-top: 5px;
    }
}

.all-news-link i {
    color: #0089cd;
    margin-right: 2px;
}

.all-news-link:hover {
    background-color: #f2f2f2;
}

.LikeComm::after,
.LikeComm::before {
    content: '';
    display: block;
    clear: both;
}

.LikeComm {
    position: absolute;
    bottom: 16px;
    width: 100%;
}

.home-news-column {
    position: relative;
}

.likeButton {
    background: #a7b5bf;
    outline: none;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    padding: 3px 12px 5px 26px;
    display: inline-block;
    width: auto;
}

#btnlike {
    background: url(../images/btnlkico.jpg) #a7b5bf no-repeat 8px center;
}

#btncomments {
    background: url(../images/btncmntico.jpg) #a7b5bf no-repeat 7px center;
}

.countshow {
    display: inline-block;
    width: 25px;
    height: 23px;
    background: #fff;
    border: 1px solid #A7B5BF;
    text-align: center;
    float: left;
    padding-top: 1px;
    margin-top: 10px;
    position: relative;
    margin-left: 5px;
    font-size: 13px;
}

.countshow::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/countarrow.jpg) no-repeat;
    position: absolute;
    top: 8px;
    left: -6px;
}

.LikeComm .Divsocial:first-child {
    width: 47%;
    float: left;
}

.LikeComm .Divsocial:last-child {
    width: 53%;
    float: right;
}

.LikeComm .Divsocial:last-child .likeButton {
    margin-left: 0px !important;
}


/* HOME NEWS */


/* SEARCH RESULTS */

.hidden {
    display: none;
}

.button-find1 {
    float: left;
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0 0 15px;
    padding: 10px 14px;
    text-decoration: none;
}

#mapcontainer {}

.search-header-mobile {
    display: none;
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.search-header-mobile h1 {
    font-size: 30px;
}

.search-header {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}

.search-header h1 {
    float: left;
    margin-right: 20px;
    font-size: 19px;
    line-height: 50px;
}

.search-box-postcode {
    background: url("/images/search-box-postcode-bg.png") no-repeat scroll 0 0 transparent;
    width: 340px;
    height: 53px;
    float: left;
    position: relative;
    margin-right: 25px;
}

.search-header-mobile .search-box-postcode {
    background: url("/images/search-box-postcode-bg-m.png") no-repeat scroll 0 0 transparent;
    width: 300px;
    height: 53px;
    margin-bottom: 10px;
    text-align: left;
}

.search-box-postcode input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #999;
    line-height: 53px;
    padding-left: 50px;
    font-size: 15px;
    height: 53px;
}

.search-box-postcode select {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #999;
    left: 210px;
    line-height: 53px;
    position: absolute;
    top: 16px;
    width: 120px;
    font-size: 15px;
}

.search-box-name {
    background: url("/images/search-box-name-bg.png") no-repeat scroll 0 0 transparent;
    width: 385px;
    height: 53px;
    float: left;
    position: relative;
    font-size: 15px;
}

.search-header-mobile .search-box-name {
    background: url("/images/search-box-name-bg-m.png") no-repeat scroll 0 0 transparent;
    width: 300px;
    text-align: left;
}

.search-box-name input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #999;
    line-height: 53px;
    padding-left: 15px;
    font-size: 15px;
    float: left;
    width: 130px;
    height: 53px;
}

.search-header-mobile .search-box-name input {
    padding-left: 15px;
    width: 107px;
}

.search-header-mobile .search-box-name .button-find-new-m {
    width: 55px;
}

.search-box-name a {
    cursor: pointer;
    height: 53px;
    margin: 0;
    position: absolute;
    right: 0;
    width: 93px;
}

.search-filter-container {
    position: fixed;
    min-height: 20px;
    margin-bottom: 20px;
    right: -280px;
    width: 280px;
    height: 100%;
    background-color: #fff;
    top: 0;
    z-index: 1100;
    overflow-y: scroll;
}

.search-filter-container .filter-options {
    margin-top: 20px;
}

.search-filter-rating {
    padding: 0 10px 0 10px;
}

.search-filter-container h2 {
    font-weight: bold;
    font-size: 16px;
}

.search-filter-container a.btnfilteroptions {
    position: absolute;
    right: 0px;
    top: 5px;
}

.search-filter-container ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.search-filter-container li {
    float: left;
}

.container {
    position: relative;
    background-color: #fff;
}

.container-inner {
    width: 950px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

@media screen and (max-width: 970px) {
    .container-inner {
        box-sizing: border-box;
        width: 100%;
        padding: 30px 10px 0 10px;
    }
}

.container-divider {
    background-color: #e4ebf1;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}

.container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    clear: left;
}

.container h1 {
    float: left;
    font-size: 21px;
    line-height: 29px;
    font-weight: 300;
    color: #fff;
    margin: 10px 0 30px 0;
}

.container h1 a {
    color: #fff;
    font-size: 15px;
    line-height: 31px;
    font-weight: 400;
}

.container h1 a:hover {
    color: #0089cd;
}

.container h1 span {
    color: #fff;
    padding: 0 8px 0 0;
}

.container h1 i {
    color: #4e515e;
    font-size: 15px;
    line-height: 31px;
    color: #0089cd;
}

.container ul li {
    float: left;
    float: left;
    margin: 0 25px 0 0;
    padding: 0 0 10px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #8693a7;
}

.container ul li.actived {
    border-bottom: 4px solid #0089cd;
}

.container ul li a {
    color: #8693a7;
    text-decoration: none;
}

.container ul li.actived a {
    color: #353537;
}

@media screen and (max-width: 700px) {
    .search-header-mobile {
        display: block;
    }
    .search-header {
        display: none;
    }
    .container h1 {
        float: none;
        width: 100%;
    }
    .tabheader {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .search-filter-container li {
        float: none;
    }
    .search-box-postcode select {
        left: 165px;
    }
    .search-box-postcode input {
        padding-left: 20px;
    }
    .search-box-name input {
        padding-left: 50px;
    }
}

@media screen and (max-width: 700px) {
    .container h1 span.filter-divider {
        display: none;
    }
    .container h1 span.filter-options-span {
        display: block;
        padding-left: 0;
    }
    .container-inner ul li {
        font-size: 14px;
        line-height: 18px;
        margin-right: 13px;
    }
}

.tabcontent {
    padding-top: 40px;
    width: 950px;
    margin: 0 auto;
}

@media screen and (max-width: 970px) {
    .tabcontent {
        width: 650px;
        padding-left: 30px;
        padding-right: 0px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 670px) {
    .tabcontent {
        width: 280px;
        padding-left: 0px;
    }
}

#tab_map {
    width: 100%;
    padding-top: 0;
}

.button-compare-advisers {
    margin: 0 auto;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #d2dae2;
    background-color: #fff;
    padding: 6px 13px 7px 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #4e515e;
    text-align: center;
    display: block;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    width: 160px;
    margin: 18px auto 22px;
}


/* SEARCH RESULTS */


/* LOGIN */

.lhs-nav-arrow {
    -moz-border-radius: 44px;
    border-radius: 44px;
    color: #ccc;
    border: 1px solid #ccc;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 4px 4px 2px 2px;
    font-size: 18px;
    line-height: 22px;
    vertical-align: top;
    margin-right: 2px;
    cursor: hand;
    cursor: pointer;
    display: none;
}

.lhs-nav-arrow:hover {
    color: #ccc;
}

@media screen and (max-width: 960px) {
    .lhs-nav-arrow {
        display: inline-block;
    }
}

.new-head {
    background: url(/images/bg_header2.png) left top repeat-x #0074ad;
    min-height: 100px;
}

.new-head-2 {
    background-color: #2885b8;
    border-bottom: 1px solid #d4dfe5;
}

@media screen and (max-width: 960px) {
    .new-head {
        padding-left: 15px;
        box-sizing: border-box;
    }
    .new-head-2 {
        padding-left: 15px;
        box-sizing: border-box;
    }
}

.new-head ul,
.new-head-2 ul {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    position: relative;
    bottom: 0;
}

.new-head ul li,
.new-head-2 ul li {
    color: #8693a7;
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 25px 0 0;
    padding: 10px 0 10px;
    border-bottom: 4px solid #2885b8;
}

.new-head ul li a,
.new-head-2 ul li a {
    text-decoration: none;
    color: #ccc;
}

.new-head ul li.actived,
.new-head-2 ul li.actived {
    color: #fff;
    border-bottom: 4px solid #fff;
}

.new-head ul li.actived a,
.new-head-2 ul li.actived a {
    color: #fff;
}

.new-head-divider {
    background-color: #e4ebf1;
    font-size: 0px;
    line-height: 0px;
    height: 1px;
}

.new-head-inner {
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 34px 0 32px 0;
}

.new-head-2 .new-head-inner {
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 960px) {
    .new-head-inner {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .new-head ul li,
    .new-head-2 ul li {
        font-size: 12px;
        line-height: 16px;
        margin: 0 10px 0 0;
        padding: 0 0 8px 0;
    }
    .new-head ul li,
    .new-head-2 ul li {
        border-bottom: none;
    }
    .new-head ul li.actived,
    .new-head-2 ul li.actived {
        border-bottom: none;
    }
}

.new-head a,
.new-head {
    color: #fff;
}

.content {
    background-color: #fff;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px auto 40px;
    width: 950px;
    padding: 0 0 0 40px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    overflow: hidden;
}

.content-plain {
    box-sizing: border-box;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px auto 20px;
    width: 950px;
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 970px) {
    .compare-div {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 0;
        width: 630px;
    }
}

@media screen and (max-width: 650px) {
    .compare-div {
        padding-left: 5px;
        padding-right: 5px;
        width: 290px;
    }
}

.content-old {
    background-color: #fff;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px auto 40px;
    width: 950px;
    padding: 0 0 30px 0;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    overflow: hidden;
}

@media screen and (max-width: 960px) {
    .content {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0 auto;
        padding: 0 0 0 10px;
        position: relative;
        width: 100%;
    }
    .content-old {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
    }
}

.content-left {
    box-sizing: border-box;
    width: 250px;
    float: left;
    padding: 33px 0 30px 0;
    font-size: 13px;
    line-height: 19px;
    position: relative;
}

@media screen and (max-width: 960px) {
    .content-left {
        position: absolute;
    }
}

.generic {
    padding: 25px 30px 0px 30px;
}

@media screen and (max-width: 950px) {
    .generic {
        padding: 25px 10px 20px 10px;
    }
}

.content-left ul {
    padding: 0;
    margin: 0;
}

.content-left li {
    padding: 0;
    margin: 0 0 13px 0;
    list-style: none;
}

.content-left li ul {
    margin-left: 15px;
    margin-top: 7px;
    margin-bottom: 15px;
}

.content-left li ul li {
    margin-bottom: 8px;
}

.content-left li i {
    float: right;
    color: #d2dae2;
}

.content-left li i.fa-caret-right {
    margin-top: 3px;
}

.content-left li a {
    color: #4e515e;
    text-decoration: none;
}

.content-left li a:hover {
    color: #008acb;
}

.content-left li.selected i {
    color: #4e515e;
}

.content-left li.selected,
.content-left li.selected a {
    font-weight: 600;
}

.content-right {
    box-sizing: border-box;
    width: 615px;
    -webkit-box-shadow: -2px 0px 0 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: -2px 0px 0 0 rgba(0, 0, 0, .05);
    box-shadow: -2px 0px 0 0 rgba(0, 0, 0, .05);
    float: left;
    margin: 0 0 0 40px;
    padding: 28px 35px 30px 35px;
    color: #4e515e;
    font-size: 13px;
    line-height: 19px;
    background-color: #fff;
}

@media screen and (max-width: 960px) {
    .content-right {
        width: 100%;
        position: absolute;
        margin: 0;
        padding-left: 20px;
        padding-right: 10px;
        left: -10px;
    }
}

.content-right h2 {
    border-bottom: 1px solid #efefef;
}

.content-right hr {
    margin-bottom: 30px;
    margin-top: 35px;
}

.content-right hr.margin-bottom-20 {
    margin-bottom: 20px;
}

.content-full {
    padding: 28px 35px 30px 0;
}

input {
    /*	-webkit-appearance: none;*/
    background: transparent;
    background-color: #fff;
    width: 265px;
    box-sizing: border-box;
    border: 1px solid #d2dbe2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 9px 8px 9px 8px;
    color: #353537;
    margin: 4px 0 4px 0;
    font-size: 13px;
    line-height: 19px;
}

input.search-button {
    width: 70px!important;
    background-color: #f2f2f2;
    cursor: hand;
    cursor: pointer;
}

input.search-field {
    width: 200px!important;
}

textarea {
    background: transparent;
    background-color: #fff;
    width: 265px;
    box-sizing: border-box;
    border: 1px solid #d2dbe2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 9px 8px 9px 8px;
    color: #353537;
    margin: 4px 0 4px 0;
    font-size: 13px;
    line-height: 19px;
    height: 150px;
}

textarea.textarea-full {
    width: 100%;
    height: 130px;
}

select {
    background: transparent;
    background-color: #fff;
    max-width: 265px;
    box-sizing: border-box;
    border: 1px solid #d2dbe2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 9px 8px 9px 8px;
    color: #353537;
    margin: 4px 0 4px 0;
    font-size: 13px;
    line-height: 19px;
}

.submit-button {
    display: inline-block;
    background: transparent;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #8a96a6;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 25px 10px 25px;
    color: #353537;
    margin: 3px 10px 5px 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    cursor: hand;
    cursor: pointer;
    text-transform: uppercase;
}

@media screen and (max-width: 700px) {
    .new-search-bar select {
        max-width: 90%!important;
    }
}

@media screen and (max-width: 500px) {
    .new-search-bar select {
        max-width: 80%!important;
    }
}

.submit-button:hover {
    background-color: #8a96a6;
    color: #fff;
}

.submit-button-round-grey {
    display: inline-block;
    background: transparent;
    background-color: #e8eef3;
    box-sizing: border-box;
    border: 1px solid #d2dae2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 25px 10px 25px;
    color: #4e515e;
    margin: 3px 10px 5px 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    cursor: hand;
    cursor: pointer;
    text-transform: uppercase;
}

.submit-button-round-grey:hover {
    background-color: #8a96a6;
    color: #fff;
}

.form-error {
    border: 1px solid #f00;
    background-color: #ffe6e6;
}

.grey-text {
    color: #8693a7;
}


/* LOGIN */


/* NEWS */

.news-container {
    width: 950px;
    margin: 0 auto;
    padding: 40px 0 40px 0;
}

@media screen and (max-width: 950px) {
    .news-container {
        width: 280px;
        margin: 0 auto;
        padding: 40px 0 40px 0;
    }
}

ul.pager li {
    list-style: none;
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    padding: 0 5px 0 5px;
}

ul.pager li a {
    text-decoration: none;
}


/* NEWS */


/* REGISTER */

.form-two-column-1 {
    float: left;
    margin-right: 10px;
    clear: both;
    width: 265px;
}

.form-two-column-1 p {
    padding-top: 8px;
    margin-bottom: 10px;
    padding-right: 20px;
}

.form-two-column-3 {
    float: left;
    margin-right: 10px;
    clear: both;
    width: 415px;
}

.form-two-column-3 p {
    padding-top: 8px;
    margin-bottom: 10px;
    padding-right: 20px;
}

.form-two-column-2 {
    float: left;
    width: 265px;
}

.form-two-column-4 {
    float: left;
    width: 115px;
}

.form-two-column-5 {
    float: left;
    width: 500px;
}

@media screen and (max-width: 950px) {
    .form-two-column-3 {
        float: left;
        margin-right: 10px;
        clear: both;
        width: 265px;
    }
    .form-two-column-5 {
        float: left;
        margin-right: 10px;
        clear: both;
        width: 265px;
    }
    .form-two-column-2 {
        clear: left;
    }
    .form-two-column-4 {
        clear: left;
    }
}

.blue-icon {
    color: #0089cd;
}

.adviser-return-list {
    margin-bottom: 20px;
}

.adviser-return-list p {
    margin-bottom: 10px;
}

p.no-bottom-padding {
    margin-bottom: 3px;
}

.content-right hr.margin-top-15 {
    padding-top: 0;
    margin-top: 15px;
}

.form-two-column-2.form-two-column-2-extra-top {
    padding-top: 8px;
}

.ReviewFrequency,
.InvestmentLevel_Amount {
    margin-top: 8px;
}

.ul-exclamation {
    margin-left: 0;
}

.li-exclamation {
    list-style: none;
    margin-bottom: 26px;
    margin-left: 0;
    clear: both;
}

.li-exclamation i {
    color: #e49b47;
    margin: 5px 5px 44px 0;
    float: left;
}

.li-exclamation span {
    padding-top: 3px;
    display: block;
}


/* REGISTER */


/* RATE */

.confirmation-box {
    background-color: #f5f8fa;
    box-sizing: border-box;
    padding: 12px 12px 15px 15px;
    border: 1px solid #e3e9ef;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #6f7e95;
}

.testimonial-box {
    padding: 12px 12px 15px 15px;
    border-left: 1px solid #e3e9ef;
    border-right: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: relative;
    color: #4e515e;
    font-style: italic;
}

.testimonial-box-arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e9ef;
    top: -10px;
    left: 25px;
    position: absolute;
}

.testimonial-box-arrow-up-inner {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -9px;
    left: 25px;
    position: absolute;
}

.testimonial-box-arrow-up-blue {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e9ef;
    top: -10px;
    left: 25px;
    position: absolute;
}

.testimonial-box-arrow-up-inner-blue {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f8fa;
    top: -8px;
    left: 25px;
    position: absolute;
}

.confirmation-box-outer {
    font-size: 13px;
    line-height: 19px;
}

.confirmation-box .confirmation-box-label {
    display: inline-block;
    width: 145px;
    vertical-align: top;
}

.confirmation-box .bar-outer {
    display: inline-block;
    width: 323px;
    vertical-align: top;
    margin: 5px 0 13px 0;
}

.confirmation-box .confirmation-box-rating {
    display: inline-block;
    width: 34px;
    color: #0089cd;
    vertical-align: top;
    text-align: right;
}

.confirmation-box hr {
    margin: 15px 0 12px 0;
}

.confirmation-box-details {
    float: left;
    color: #6f7e95;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
}

.confirmation-box-date {
    float: right;
    font-size: 11px;
    line-height: 17px;
    color: #8a95a5;
}

hr.hr-less-top {
    margin-top: 17px;
}


/* RATE */


/* PROFILE */

.public-profile-nav {
    position: relative;
}

.public-profile-nav .selected {
    font-weight: 600;
}

.public-profile-nav .selected a i.fa-caret-right {
    color: #0089cd;
}

.public-profile-nav .selected a i.fa-caret-down {
    color: #0089cd;
    margin-top: 3px;
}

.content-left li i.icon-width-22 {
    width: 16px;
    float: none;
    color: #8a95a5;
}

.content-right-left {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-right: 20px;
}

.content-right-right {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 20px;
}

@media screen and (max-width: 600px) {
    .content-right-left {
        width: 100%;
        padding-right: 0;
    }
    .content-right-right {
        width: 100%;
        padding-left: 0;
        border-top: 1px solid #efefef;
        padding-top: 20px;
        margin-top: 10px;
    }
}

.content-right-left hr {
    margin-top: 22px;
    margin-bottom: 22px;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.reviews-list {
    position: relative;
}

.reviews-list hr {
    margin: 30px 0;
}

.reviews-item {
    position: relative;
    border-top: 1px solid #e3e9ef;
    border-left: 1px solid #e3e9ef;
    border-right: 1px solid #e3e9ef;
    border-bottom: none;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 18px;
}

.reviews-item-blue {
    background-color: #f5f8fa;
}

.reviews-item-detail {
    padding: 10px 13px 0 13px;
    margin: 0;
    box-sizing: border-box;
}

.reviews-item hr {
    background-color: #e3e9ef;
    color: #e3e9ef;
    margin: 13px 0 13px 0;
}

.reviews-item-detail h3 {
    font-size: 12px;
    line-height: 18px;
    color: #6f7e95;
    font-weight: 600;
    margin: 0;
}

.reviews-item-detail i {
    color: #0089cd;
}

.reviews-item .title {
    font-size: 12px;
    line-height: 18px;
    color: #6f7e95;
    font-weight: 600;
    margin-bottom: 0;
}

.reviews-item .title h3 {
    margin: 0px;
}

.reviews-item .date {
    color: #8a95a5;
    font-size: 11px;
    line-height: 15px;
}

.all-bars {
    padding: 0 13px 15px 13px;
}

.reviews-replycontent {
    border-top: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    padding: 10px 13px 10px 13px;
    position: relative;
}

.reviews-replycontent .date {
    font-size: 11px;
}

.reviews-replycontent p {
    margin: 0px;
    font-style: italic;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.reviews-item .bars {
    padding: 0 50px 0 180px;
    width: auto;
    position: relative;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
}

.reviews-item .bar-outer {
    height: 9px;
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 10px;
}

.reviews-item .bar-outer .bar-inner {
    background: none;
    height: 9px;
    background-color: #3fa1d3;
}

.reviews-item .bar-outer .bar-inner-darker {
    background: none;
    height: 9px;
    background-color: #0089cd;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.reviews-item .bar-title {
    position: absolute;
    left: 0;
    top: 0;
}

.reviews-item .bar-percent {
    position: absolute;
    right: 0;
    top: 0;
    color: #0089cd;
    font-weight: 600;
}

.reviews-item-white {
    position: relative;
    border-top: 1px solid #e3e9ef;
    background: #fff;
    padding-top: 8px;
    padding-bottom: 4px;
}

.reviews-item-white p {
    padding: 10px 13px 0 13px;
    font-style: italic;
}

.reviews-item-reply {
    padding-top: 3px;
}


/* PROFILE */


/* DETAILED REPORT CARD */

.content-right .adviser-search-box-profile-middle-left {
    width: 472px;
}

.content-right .adviser-search-box-profile-middle-right {
    width: 72px;
    text-align: center;
    padding-left: 10px;
}

.content-right .adviser-search-box-profile-middle-right img {
    margin: 0 auto 5px;
    width: 48px;
    display: block;
    float: none;
}

p.detailed-date {
    font-size: 11px;
    line-height: 15px;
    color: #8a95a5;
    font-style: italic;
    margin-bottom: 27px;
}

img.profile-image-bottom {
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}

span.rating-detailed {
    float: right;
    position: relative;
    color: #0089cd;
    font-weight: 600;
}

p.no-bottom-padding-7 {
    margin-bottom: 7px;
}

span.float-right-reviews {
    font-weight: 600;
    float: right;
}

a.submit-link {
    display: block;
    border: 1px solid #d2dae2;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    padding: 7px 0 7px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #4e515e;
    font-weight: 600;
}

a.submit-link:hover {
    background-color: #d2dae2;
    color: #4e515e;
    text-decoration: none;
}


/* DETAILED REPORT CARD */


/* MORE CLIENTS FORM */

.custom-checkboxes {
    margin-bottom: 23px;
}

.custom-checkboxes input {
    width: auto;
    margin-right: 5px;
}

.custom-checkboxes-item label {
    margin-right: 10px;
}

p.no-top-padding {
    padding-top: 0;
}


/* MORE CLIENTS FORM */


/* MY ACCOUNT INBOX */

.my-account-box {
    border: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 5px 0 0 10px;
    margin: 0 0 15px 0;
}

.my-account-box h3 {
    color: #353537;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 8px;
    padding-top: 4px;
    text-decoration: none;
}

.my-account-box a {
    text-decoration: none;
}

.my-account-box p {
    color: #353537;
    margin-bottom: 13px;
    font-style: italic;
    color: #8a95a5;
}

.red-number-red {
    background-color: #f55254;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    padding: 0 7px 1px 7px;
    box-sizing: border-box;
    float: right;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    border: 4px solid #f5f8fa;
    margin: 0 3px 0 0;
}

.red-number {
    background-color: #8a95a5;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    padding: 0 7px 1px 7px;
    box-sizing: border-box;
    float: right;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    border: 4px solid #f5f8fa;
    margin: 0 3px 0 0;
}

.my-account-box img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.content-right .home-news-column {
    width: 261px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e3e9ef;
    margin-right: 19px;
    margin-bottom: 15px;
}

.content-right .home-news-column.no-right-padding {
    padding-right: 0;
    margin-right: 0;
}

.content-right-left.wider-2-col {
    padding-right: 10px;
}

.content-right-right.wider-2-col {
    padding-left: 10px;
}

@media screen and (max-width: 600px) {
    .content-right-right.wider-2-col {
        padding-left: 0px;
    }
    .content-right-left.wider-2-col {
        padding-right: 0;
    }
}

span.right-see-all {
    float: right;
    font-size: 13px;
    line-height: 19px;
}

span.right-see-all a {
    color: #4e515e;
}

span.right-see-all i {
    color: #0089cc;
}

hr.hr-15 {
    margin-top: 15px;
    margin-bottom: 20px;
}

.my-account-blue-box {
    border: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 13px 10px 13px;
    margin: 0 0 15px 0;
    cursor: hand;
    cursor: pointer;
}

.my-account-blue-box i {
    color: #0089cc;
    float: right;
    margin-top: 15px;
}

.my-account-blue-box h3 {
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 5px 0;
}

.my-account-blue-box h3 a {
    text-decoration: none;
    color: #4e515e;
}

.my-account-blue-box h3 a:hover {
    color: #0089cc;
}

.my-account-blue-box p {
    font-size: 11px;
    line-height: 15px;
    color: #8a95a5;
    font-style: italic;
    margin: 0 0 5px 0;
}

.buttons {
    position: relative;
    background-color: #f5f8fa;
    border-top: 1px solid #e3e9ef;
    padding: 9px 13px 9px 13px;
}

.buttons i {
    color: #0089cc;
}

.buttons .editlink,
.buttons .addlink {
    float: right;
    text-decoration: none;
    color: #4e515e;
    font-size: 14px;
    line-height: 20px;
}

.buttons .dispute-link {
    float: left;
    text-decoration: none;
    color: #4e515e;
    font-size: 14px;
    line-height: 20px;
}

.buttons .dispute-link i {
    color: #e49b47;
}

.confirmation-message {
    color: #0089cc;
    font-weight: 600;
}

.header-log-out-link {
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
}

.header-log-out-link i {
    color: #fff;
}

.left-nav-red {
    color: #f55254;
}


/* MY ACCOUNT INBOX */


/* CONTACT */

.contact-heading-container {
    position: relative;
    overflow: hidden;
}

.contact-heading-container a.facebook {
    background: url("../images/about-facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    height: 28px;
    margin: 9px 0 0 10px;
    width: 29px;
}

.contact-heading-container a.twitter {
    background: url("../images/about-twitter.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    height: 28px;
    margin: 9px 0 0 10px;
    width: 29px;
}

.contact-heading-container a.linkedin {
    background: url("../images/about-linkedin.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    height: 28px;
    margin: 9px 0 0 10px;
    width: 28px;
}

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

.contactlist li {
    list-style-type: none;
    margin-right: 18px;
    width: 45%;
    float: left;
}

.content-right hr.no-padding-top {
    margin-top: 15px;
}

.contactlist li.even {
    margin-right: 0px;
}

.contactitem {
    border: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 9px 0 0 10px;
    margin: 0 0 15px 0;
}

.contactitem a {
    color: #4e515e;
    text-decoration: none;
}

.contactitem p.short {
    margin-bottom: 15px;
    float: left;
    width: 120px;
}

.contactitem p {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.icon_general {
    background: url("/images/icon_generic.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 65px;
    height: 65px;
    float: left;
}

.icon_review {
    background: url("/images/icon_review.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 65px;
    height: 65px;
    float: left;
}

.icon_media {
    background: url("/images/icon_media.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 65px;
    height: 65px;
    float: left;
}

.icon_investor {
    background: url("/images/icon_investor.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 65px;
    height: 65px;
    float: left;
}

.icon_email {
    background: url("/images/icon_contactemail.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    color: #0089cd;
}

.icon_phone {
    background: url("/images/icon_contactphone.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    color: #0089cd;
}

.contactcontent {
    margin-top: 30px;
}

.contactcontent p {}

@media screen and (max-width: 700px) {
    .contactlist li {
        width: auto;
        float: none;
        margin-right: 0px;
    }
}


/* CONTACT */


/* MISC */

.newsletters-boxes .home-news-column {
    height: 270px;
}

.newsletters-boxes .home-news-column h3 {
    height: 35px;
}

.faded {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.infowindow {
    padding: 3px 3px 7px 3px;
}

.new-search-bar select.top-search-radius {
    -webkit-appearance: none!important;
    -moz-appearance: none;
    appearance: none;
    outline: none!important;
    outline-color: transparent!important;
    outline-style: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    height: 46px;
    border-bottom: none;
    /*margin-top: -9px;*/
    margin-top: 0;
}

.search-magnifying-glass.button-hero-find i {
    position: relative;
    top: 0;
}

.new-search-bar input {
    height: 46px;
    border-bottom: none;
}

.new-head-bg {
    background-image: url("/images/bg_header2.png");
    color: #fff;
}

.Unhidediv {
    padding: 12px 12px 12px 12px;
    background-color: #ffe6e6;
    border: 1px solid #f00;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}


/* MISC */


/* HELP CENTER */

.help-center-box {
    border: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 5px 0 0 10px;
    margin: 0 10px 15px 0;
    float: left;
    width: 260px;
    cursor: hand;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .help-center-box {
        width: 100%;
    }
}

.help-center-box h3 {
    color: #353537;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 8px;
    padding: 27px 0 27px 0;
}

.help-center-box p {
    color: #353537;
    margin-bottom: 13px;
    font-style: italic;
    color: #8a95a5;
}

.help-center-box img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.lhs-consumer-advice h3 {
    cursor: hand;
    cursor: pointer;
}

.lhs-consumer-advice h3 i {
    float: right;
    margin-top: 3px;
    color: #d2dae2;
    font-size: 12px;
    line-height: 18px;
}

.lhs-consumer-advice hr {
    margin: 25px 0 25px 0;
}

hr.less-top-padding {
    margin-top: 16px;
}

.addthis_sharing_toolbox-padding {
    margin: 12px 0 5px 0;
}


/* HELP CENTER */


/* HISTORY */

.history-item {
    background-color: #f5f8fa;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 15px 1px 15px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
}

.history-item h3 {
    margin-bottom: 5px;
}

.history-item p.history-title {
    font-style: italic;
    margin-bottom: 5px;
}

.history-item p.history-date {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 12px;
    color: #aaa;
}


/* HISTORY */


/* CLAIM */

.adviser-return-list i {
    cursor: hand;
    cursor: pointer;
}

.green-icon {}

.orange-icon {
    color: #e49b47;
}

.error-text,
.eror-text {
    color: #F00;
}

.minus-10top {
    margin-top: -10px;
}


/* CLAIM */


/* EVENT */

.launch-event-hero h1 {
    font-weight: 300;
    font-size: 26px;
    line-height: 36px;
    top: 190px;
}

@media screen and (max-width: 960px) {
    .launch-event-hero h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media screen and (max-width: 760px) {
    .launch-event-hero h1 {
        top: 180px;
        font-size: 22px;
        line-height: 28px;
    }
}

@media screen and (max-width: 560px) {
    .launch-event-hero h1 {
        top: 170px;
        font-size: 20px;
        line-height: 26px;
    }
}

.event-left {
    float: left;
    width: 565px;
    box-sizing: border-box;
    padding-right: 35px;
}

@media screen and (max-width: 950px) {
    .event-left {
        width: 100%;
        padding: 0 10px 0 10px;
    }
}

.event-left h2 {
    font-weight: 300;
    text-align: left;
    font-size: 21px;
    line-height: 31px;
    padding-top: 5px;
    margin-bottom: 12px;
}

.event-left p {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
}

.event-left p.grey-text {
    color: #6f7e95;
}

.event-right {
    float: left;
    width: 285px;
    box-sizing: border-box;
    border-left: 1px solid #efefef;
    padding: 10px 10px 0 30px;
}

@media screen and (max-width: 950px) {
    .event-right {
        width: 100%;
        padding: 30px 10px 0 10px!important;
        border-top: 1px solid #efefef;
        margin-top: 20px;
    }
}

.event-profile {
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #f5f8fa;
    border: 1px solid #d2dae2;
    width: 255px;
    float: left;
    overflow: hidden;
    display: table;
    margin-right: 10px;
    margin-bottom: 15px;
    clear: left;
}

.event-profile.event-profile-right {
    margin-right: 0;
    clear: none;
}

.event-profile-detail {
    width: 160px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    vertical-align: middle;
    display: table-cell;
}

.event-profile-detail h3 {
    text-align: left;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #4e515e;
    text-transform: none;
}

.event-profile-detail p {
    margin: 0;
    text-align: left;
    color: #6f7e95;
    font-style: italic;
    font-size: 13px;
    line-height: 17px;
}

.event-right h3 {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #8693a7;
    text-transform: none;
    padding-top: 5px;
}

.event-right p {
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    text-align: left;
    margin: 0 0 3px 0;
}

.event-right h5 {
    font-size: 11px;
    line-height: 15px;
    color: #8a95a5;
    text-align: left;
    font-style: italic;
    margin-bottom: 22px;
}

.event-right hr {
    margin-bottom: 20px;
}

.event-detail-box {
    box-sizing: border-box;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #f5f8fa;
    border: 1px solid #d2dae2;
    float: left;
    overflow: hidden;
    display: table;
    padding: 8px 12px 10px 12px;
    width: 100%;
    margin: 0 0 13px 0;
}

.event-detail-box input {
    width: 60px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: right;
    margin-left: 3px;
}

.event-detail-box h4 span {
    float: right;
}

.event-detail-box h5 {
    margin: 0;
}

.qty-box {
    float: right;
}

.event-detail-box p {
    font-size: 13px;
    line-height: 19px;
}

.event-right a.submit-button {
    float: right;
    margin-top: 5px;
    margin-right: 0;
}

.event-right a.submit-button i {
    margin-left: 2px;
    color: #0089cc;
}

@media screen and (max-width: 950px) {
    .event-checkout {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
    }
}

.event-checkout h2 {
    font-weight: 300;
    text-align: left;
    font-size: 21px;
    line-height: 31px;
    padding-top: 5px;
    margin-bottom: 12px;
}

.event-row {
    border-top: 1px solid #efefef;
    clear: left;
    padding: 20px 0 20px 0;
}

.event-row img {
    float: left;
}

@media screen and (max-width: 950px) {
    .event-row img {
        height: auto;
        width: 50px;
    }
}

.event-row .item-detail {
    width: 520px;
    float: left;
    padding: 10px 0 0 15px;
}

@media screen and (max-width: 950px) {
    .event-row .item-detail {
        clear: left;
        padding-left: 0;
        width: 100%;
    }
}

.event-row .item-detail h3 {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: 400;
    margin: 0 0 3px 0;
}

.event-row .item-detail p {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    margin: 0;
}

.item-cost {
    width: 60px;
    float: left;
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    padding: 10px 0 0 0;
}

@media screen and (max-width: 950px) {
    .item-cost {
        clear: left;
    }
}

.item-qty-title {
    width: 60px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #4e515e;
    padding: 10px 0 0 0;
}

.item-qty-title-number {
    width: 40px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #4e515e;
    padding: 10px 0 0 0;
}

.item-qty-amount {
    width: 100px;
    float: left;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    color: #6f7e95;
    font-weight: 600;
    text-align: right;
    padding: 10px 0 0 0;
}

.cart-row {
    border-top: 1px solid #efefef;
    clear: left;
    padding: 20px 0 0 0;
}

.cart-row .cart-detail {
    float: left;
    width: 620px;
    padding-bottom: 20px;
}

@media screen and (max-width: 950px) {
    .cart-row .cart-detail {
        width: 100%;
    }
}

.sub-total {
    float: left;
    width: 240px;
    line-height: 30px;
    padding: 5px 0 0 0;
}

@media screen and (max-width: 950px) {
    .sub-total {
        clear: left;
        width: 100%;
    }
}

.sub-total .small-text {
    color: #8a95a5;
    font-size: 11px;
    font-style: italic;
    line-height: 16px;
}

.sub-total-left {
    float: left;
    text-align: left;
    width: 120px;
}

.sub-total-right {
    float: right;
    text-align: right;
    width: 120px;
}

@media screen and (max-width: 950px) {
    .sub-total-left {
        width: 50%;
    }
    .sub-total-right {
        width: 50%;
    }
}

.cart-row h2 {
    margin-bottom: 5px;
}

.cart-row p {
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    margin: 0;
    font-style: italic;
}

p.small-grey-italic-left {
    font-size: 12px;
    line-height: 18px;
    color: #6f7e95;
    text-align: left;
    width: 500px;
    font-style: italic;
    float: left;
}

@media screen and (max-width: 950px) {
    p.small-grey-italic-left {
        width: 100%;
    }
}

a.submit-button.event-checkout-button {
    float: right;
    margin-top: 10px;
}

.blue-text {
    color: #0089cc;
}

.event-checkout a.submit-button {
    color: #353537;
}

.event-checkout a i {
    margin-left: 2px;
    color: #0089cc;
}

p.grey-italic-launch {
    font-size: 11px;
    line-height: 15px;
    color: #6f7e95;
    font-style: italic;
    color: #8a95a5;
    text-align: center;
}

.event-right p.medium-para {
    font-size: 12px!important;
    line-height: 18px!important;
}

.event-right p.medium-para a {
    color: #0089cc;
}

.event-checkout p {
    font-size: 13px;
    line-height: 19px;
    text-align: left;
    float: none;
}

.event-checkout a {
    color: #0089cc;
}

.items-float-right {
    color: #0089cc;
    float: right;
    font-size: 16px;
    font-style: italic;
    line-height: 22px;
    font-weight: 400;
    margin-top: 8px;
}

.home-event {
    overflow: hidden;
    position: relative;
}

.home-event img {
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 217px;
    min-width: 1200px;
    z-index: 1;
}

.home-event .event-container {
    position: relative;
    z-index: 200;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    color: #fff;
    box-sizing: border-box;
}

.home-event .event-container h2 {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 7px 0;
}

.home-event .event-container p {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 8px 0;
}

.event-button {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #4e515e;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin: 18px auto 0;
    padding: 6px 13px 7px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 140px;
}

p.pre-total {
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    margin-bottom: 5px;
}

a.update-total {
    float: right;
}

p.gst-amount {
    float: right;
    clear: right;
    font-style: italic;
    font-size: 11px;
    line-height: 15px;
    text-align: right;
}


/* EVENT */


/* FILTER */

.close-filter {
    -moz-border-radius: 44px;
    border-radius: 44px;
    color: #ccc;
    border: 1px solid #d2dae2;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 4px 4px 2px 2px;
    font-size: 18px;
    line-height: 22px;
    vertical-align: top;
    margin-left: 10px;
    cursor: hand;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.close-filter:hover {
    background-color: #d2dae2;
    color: #fff;
}

h3.filter-title {
    text-align: center;
    margin: 0 55px 0 55px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
}

.apply-filter {
    -moz-border-radius: 44px;
    border-radius: 44px;
    color: #4e515e;
    border: 1px solid #d2dae2;
    height: 22px;
    text-align: center;
    padding: 4px 14px 2px 14px;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
    margin-right: 2px;
    cursor: hand;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.apply-filter:hover {
    color: #fff;
    background-color: #d2dae2;
}

.filter-options h3 {
    font-size: 14px;
    line-height: 20px;
    color: #8693a7;
}

.filter-options h3 a {
    float: right;
    font-size: 12px;
    line-height: 18px;
    color: #0089cd;
    cursor: hand;
    cursor: pointer;
}

.filter-options .investment,
.filter-options .search-filter-rating,
.filter-options .skills,
.filter-indented {
    padding: 10px 15px 0 15px;
}

a.distance-filter.distance-filter-first {
    border-left: 1px solid #d2dae2;
}

a.distance-filter {
    display: inline-block;
    border: 1px solid #d2dae2;
    border-left: none;
    font-size: 13px;
    line-height: 19px;
    padding: 10px 4px 10px 4px;
    cursor: hand;
    cursor: pointer;
    box-sizing: border-box;
    color: #4e515e;
}

a.distance-filter-selected {
    border-bottom: 3px solid #0089cd;
}

.filter-options input {
    width: auto;
}

.filter-options ul li {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin-left: -18px;
    color: #4e515e;
}

.filter-options input[type='radio'],
.filter-options input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 18px;
}

.filter-options input[type='radio']+label,
.filter-options input[type='checkbox']+label {
    margin: 0;
    clear: none;
    padding: 5px 24px 4px 0;
    width: 240px;
    cursor: pointer;
    display: block;
    background: url(/images/tick-off-new.png) right center no-repeat;
}

.filter-options input[type='radio']:checked+label {
    background-image: url(/images/tick-on-new.png);
}

.filter-options input[type='checkbox']:checked+label {
    background-image: url(/images/tick-on-new.png);
}


/* FILTER */


/* SURVEY */

.surveysteps,
.visual {
    position: relative;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjVhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwODNiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzAwODNiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY1YTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #0065a0 0%, #0083b7 39%, #0083b7 61%, #0065a0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0065a0), color-stop(39%, #0083b7), color-stop(61%, #0083b7), color-stop(100%, #0065a0));
    background: -webkit-linear-gradient(left, #0065a0 0%, #0083b7 39%, #0083b7 61%, #0065a0 100%);
    background: -o-linear-gradient(left, #0065a0 0%, #0083b7 39%, #0083b7 61%, #0065a0 100%);
    background: -ms-linear-gradient(left, #0065a0 0%, #0083b7 39%, #0083b7 61%, #0065a0 100%);
    background: linear-gradient(to right, #0065a0 0%, #0083b7 39%, #0083b7 61%, #0065a0 100%);
}

.wrap {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    padding: 15px 0 0 0;
}

@media screen and (max-width: 980px) {
    .wrap {
        width: 100%;
    }
}

.wrap:after {
    content: "";
    clear: both;
    display: block;
}

.surveysteps h1 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 300!important;
    margin: 0 0 9px;
    color: #fff;
    text-align: center;
}

.surveysteps mark {
    display: block;
    background: none;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 35px;
    text-align: center;
}

.tab-holder {
    padding: 0 10px;
}

.tab-holder:after {
    content: "";
    clear: both;
    display: block;
}

.surveysteps {
    text-align: center;
    padding: 40px 0 0;
}

.surveysteps h1 {
    font-size: 26px;
    line-height: 35px;
    font-weight: normal;
    margin: 0 0 9px;
    color: #fff;
}

.surveysteps mark {
    display: block;
    background: none;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 35px;
    font-weight: 300;
}

.tab-holder {
    padding: 0 10px;
}

.tab-holder:after {
    content: "";
    clear: both;
    display: block;
}

.surveyhidden {
    display: none;
}

.tabset {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    border-radius: 24px 24px 0 0;
}

.tabset li:first-child+li {
    border: none;
    width: 136px;
}

.tabset li {
    float: left;
    width: 136px;
    border-left: 1px solid #005a8a;
    padding: 0;
    margin: 0;
}

.tabset li.tabsetli {
    width: 138px;
}

.tabset li a {
    display: block;
    background: #006398;
    text-decoration: none;
    color: #fff;
    line-height: 16px;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 5px 8px;
}

.tabset .text {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 -1px;
}

.tabset li a:hover,
.tabset .active {
    background: #0076b3;
}

.tabset img {
    margin: 0 0 3px;
}

.tabset .surveyhidden {
    display: none;
}

.tab-content {
    background: #f7f7f7;
    position: relative;
    border-bottom: 1px solid #dadada;
}

.tab-content .seereport:hover,
.tab-content .prev:hover,
.tab-content .next:hover {
    background-color: #8a96a6;
    color: #fff;
}

.tab-content .seereport,
.tab-content .prev,
.tab-content .next {
    position: relative;
    background: transparent;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #8a96a6;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 25px 10px 25px;
    color: #353537;
    margin: 3px 10px 5px 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    cursor: hand;
    cursor: pointer;
    text-transform: uppercase;
}

.tab-content .prev {
    left: 0;
    border-radius: 5px;
    text-align: right;
    padding: 12px 17px 10px 23px;
}

.tab-content .seereport,
.tab-content .next {}

.tab-content .next .laststep {
    /*display: none;*/
}

.step {
    padding: 32px 10px 0;
    min-height: 346px;
}

.step h2 {
    margin: 0 0 23px;
    font-size: 20px;
    line-height: 35px;
    font-weight: normal;
    text-align: center;
    font-weight: 300;
}

.step .holder {
    display: inline-block;
    overflow: hidden;
}

.step .box:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px;
}

.step .box:hover {
    text-decoration: none;
    background-color: #f0f0f0;
}

.step .box {
    border: 1px solid #ebebeb;
    position: relative;
    background: #fff;
    border-radius: 9px;
    text-align: center;
    float: left;
    width: 196px;
    box-sizing: border-box;
    margin: 0 4px 5px 3px;
    padding: 12px 15px 17px;
    box-shadow: inset 0 -2px 0 0 #dbdbdb;
    text-decoration: none;
}

.step .active {
    border-radius: 9px;
    border: 4px solid #66b8e1;
}

.step .box img {
    margin: 0 0 17px;
}

.step .text {
    display: block;
}

.counter-holder {
    border-top: 1px solid #fff;
    background: #f7f7f7;
    font-size: 19px;
    padding: 0 0 21px;
    text-align: left;
}

.counter-holder .counter {
    padding: 0 9px 0 7px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.counter-holder .counter:after {
    content: "";
    clear: both;
    display: block;
}

.counter-holder .text {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    padding: 11px 0 0 253px;
}

.counter-holder .counter span {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    float: left;
    background: #0089cd;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 5px 5px;
    border-bottom: 2px solid #0071a9;
    padding: 9px 6px 6px;
    margin: -12px 2px 0 3px;
}

.step .rating-circle {
    width: 34px;
    height: 34px;
    top: 0;
    position: absolute;
    cursor: hand;
    cursor: pointer;
}

.step .rating-circle:hover:after,
.step .rating-circle.rating-slider-selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    box-shadow: none;
    background: #fff;
    border-radius: 44px;
    margin: -12px 0 0 -12px;
}

.step .rating-circle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    box-shadow: 0 1px 0 0 #006496;
    background: #fff;
    border-radius: 44px;
    margin: -3px 0 0 -3px;
}

.step .block.small {
    width: 368px;
}

.step .block {
    border: 1px solid #ebebeb;
    position: relative;
    background: #fff;
    border-radius: 9px;
    text-align: center;
    float: left;
    width: 605px;
    margin: 0 4px 5px 3px;
    padding: 12px 23px 14px;
    box-shadow: inset 0 -2px 0 0 #dbdbdb;
    box-sizing: border-box;
}

.step .block img {
    margin: 0 0 21px;
}

.step .slider {
    height: 34px;
    border-radius: 50px;
    background: #0089cd;
}

.step .rating-small {
    position: relative;
    padding: 0 4px;
}

.rating-slider-1 {
    left: 6px;
}

.rating-slider-2 {
    left: 57px;
}

.rating-slider-3 {
    left: 108px;
}

.rating-slider-4 {
    left: 159px;
}

.rating-slider-5 {
    left: 210px;
}

.rating-slider-6 {
    left: 261px;
}

.rating-slider-7 {
    left: 312px;
}

.rating-slider-8 {
    left: 363px;
}

.rating-slider-9 {
    left: 414px;
}

.rating-slider-10 {
    left: 465px;
}

.rating-slider-11 {
    left: 516px;
}

.step .rating-small .labels {
    list-style: none;
    margin: 0 -6px;
    padding: 5px 0;
    overflow: hidden;
}

.step .rating-small .labels li {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #4c4c4c;
    min-width: 38px;
    margin: 0 6px 0 7px;
}

.step .row:after {
    content: "";
    clear: both;
    display: block;
}

.step .small .row {
    padding: 7px 0 0;
}

.step select,
.step input[type="email"],
.step input[type="text"] {
    float: left;
    width: 100%;
    border: 2px solid #cdcdcd;
    background: #fff;
    border-radius: 5px;
    color: #a9a9a9;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
    padding: 10px 10px;
    outline: none;
}

.step .error input[type="email"] {
    border: 2px solid #f00;
}

.step select {
    height: 41px;
    cursor: pointer;
}

.step .form-report:after,
.step .form-check:after {
    content: "";
    clear: both;
    display: block;
}

.step .form-check .col-holder {
    overflow: hidden;
    text-align: left;
    padding: 12px 0 0 23px;
}

.step .form-check .col:first-child {
    width: 290px;
}

.step .form-check .col {
    float: left;
    width: 230px;
}

.step.step6 .block {
    width: 596px;
}

.step .form-check .row {
    padding: 0 0 14px;
}

.step .form-check input[type="checkbox"] {
    width: 21px;
    height: 21px;
    float: left;
    border: 1px solid #b7b7b7;
    margin: 0 5px 0 0;
    background: transparent;
    border-radius: 4px;
}

.step.step7 .block {
    width: 647px;
}

.step .form-report .col-holder {
    text-align: left;
    padding: 7px 0 0;
}

.step .form-report .col-holder:after {
    content: "";
    clear: both;
    display: block;
}

.step .form-report .col.big {
    width: 223px;
    margin: 0 0 0 9px;
}

.step .form-report .col {
    float: left;
    width: 173px;
    margin: 0 10px 0 0;
}

.step .form-report label {
    display: block;
    padding: 0 0 11px 4px;
    color: #4c4c4c;
    margin: 0 -5px 0 0;
}

.step .form-report .row {
    padding: 0 0 16px;
}

.step option.secected {
    display: none;
}

.search {
    padding: 62px 0 68px;
    text-align: center;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 55px 0 rgba(0, 0, 0, 0.3);
}

.search h1 {
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
    margin: 0 0 7px;
}

.search mark {
    background: none;
    color: #4c4c4c;
    display: block;
}

.search .holder {
    overflow: hidden;
    padding: 24px 0 0 120px;
}

.search .home-search {
    float: left;
    border: 2px solid #cdcdcd;
    border-radius: 5px;
    position: relative;
}

.search .home-search .row:first-child {
    border: none;
}

.search .home-search .row {
    float: left;
    position: relative;
    padding: 0 0 0 40px;
    border-left: 2px solid #cdcdcd;
}

.search .home-search:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) no-repeat 0 -15px;
}

.search .home-search:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 175px;
    width: 29px;
    height: 31px;
    background: url(../images/sprite.png) no-repeat 0 -44px;
}

.search .home-search input[type="text"] {
    border: none;
    float: left;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
    padding: 10px 5px;
    width: 123px;
    color: #a9a9a9;
    outline: none;
}

.search .home-search select {
    border: none !important;
    background: transparent;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #a9a9a9;
    margin: 8px 0;
    padding: 2px 5px;
    width: 131px;
    height: 25px !important;
    outline: none;
}

.search .text {
    font-weight: bold;
    font-size: 17px;
    line-height: 39px;
    color: #000;
    float: left;
    height: 45px;
    padding: 0 10px 5px;
}

.search .advisers-name {
    float: left;
    position: relative;
    width: 321px;
}

.search .advisers-name input[type="text"] {
    border: 2px solid #cdcdcd;
    border-radius: 5px 0 0 5px;
    border-right: none;
    float: left;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
    padding: 9px 15px 11px;
    width: 114px;
    height: 45px;
    color: #a9a9a9;
    outline: none;
}

.search .advisers-name input[type="text"].last {
    border: 2px solid #cdcdcd;
    border-radius: 0px 0 0 0px;
    border-right: none;
    float: left;
}

.search .advisers-name button[type="submit"]:hover {
    background: #0075ae;
    border: none;
    border-bottom: 2px solid #0089cd;
}

.search .advisers-name button[type="submit"] {
    background: #0089cd;
    border: none;
    border-bottom: 2px solid #0075ae;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    height: 45px;
    margin: 0;
    position: relative;
    padding: 5px 10px 4px 40px;
    min-width: 93px;
    text-align: left;
    border-radius: 0 5px 5px 0;
    transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
}

.search .advisers-name button[type="submit"]:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 18px;
    width: 14px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat -116px -17px;
}

.popup-holder {
    /*margin: 20px auto;*/
    width: 700px;
    padding: 27px 32px 19px 33px;
    font-size: 12px;
    line-height: 19px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}

.popup-holder .container-holder {
    padding: 0 0 9px;
}

.popup-holder h1 {
    margin: 0 0 16px;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
    color: #000;
    padding: 0;
}

.popup-holder h2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 12px;
    font-weight: 300;
    font-style: italic;
}

.popup-holder .heading {
    margin: 0 0 17px;
    overflow: hidden;
}

.popup-holder .holder,
.popup-holder .container {
    overflow: hidden;
}

.popup-holder .container {
    margin: 0 0 25px;
}

.popup-holder .block:first-child {
    width: 226px;
}

.popup-holder .block {
    float: left;
    width: 194px;
}

.popup-holder .block .box {
    padding: 0 0 0 7px;
    width: 94px;
}

.popup-holder .box {
    float: left;
    padding: 0 0 1px 6px;
}

.popup-holder .schedule {
    padding: 0 0 19px;
}

.popup-holder .schedule .caption {
    display: block;
    margin: 0 0 12px;
}

.popup-holder .schedule strong {
    font-size: 14px;
    padding: 0 12px 0 0;
}

.popup-holder .block img {
    float: left;
    margin: 2px 8px 0 0;
}

.popup-holder .block .text {
    float: left;
    font-size: 12px;
    line-height: 17px;
}

.popup-holder .alt .box {
    width: 101px;
}

.popup-holder .alt .box img {
    float: left;
    margin: 0 4px 0 0;
}

.popup-holder .alt .box .text {
    float: left;
    padding: 5px 0 0;
    font-size: 12px;
    line-height: 17px;
}

.popup-holder .alt .block {
    width: auto !important;
}

.popup-holder .alt .block .text.alt {
    padding: 7px 4px 0 23px;
}

.popup-holder .alt .block .text {
    min-width: 43px;
    padding: 7px 4px 0 2px;
}

.popup-holder .text-holder {
    border-top: 1px solid #efefef;
    padding: 25px 0 6px;
}

.popup-holder .text-holder h2 {
    margin: 0 0 13px;
}

.popup-holder .text-holder p {
    margin: 0 0 19px;
}

.popup-holder .btn:hover {
    border-bottom: 2px solid #0089cd;
    background: #0075ae;
    text-decoration: none;
}

.popup-holder .btn {
    background: #0089cd;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding: 12px 10px 11px 38px;
    margin: 0 0 20px;
    min-width: 147px;
    border-radius: 4px;
    border-bottom: 2px solid #0075ae;
    display: inline-block;
    vertical-align: top;
    position: relative;
    transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
}

.popup-holder .btn:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    width: 14px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat -116px -17px;
}

.popup-holder .btnblue {
    padding: 12px 10px 11px 10px;
    background-image: none;
    text-align: center;
}

.popup-holder .btnblue:after {
    padding: 12px 10px 11px 10px;
    background-image: none;
    text-align: center;
}

.overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.splash-report-popup {
    background-color: #fff;
    border: 1px solid #000;
    display: none;
    left: 50%;
    margin-left: -380px;
    position: absolute;
    top: 70px;
    z-index: 100;
}

.do li {
    background: url("../images/tick.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: none outside none;
    padding-left: 20px;
}

.donot li {
    background: url("../images/cross.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: none outside none;
    padding-left: 20px;
}

.step2 .rating-half {
    display: block;
    width: auto;
    padding-bottom: 0!important;
}

.step2 .agerange-select {
    display: none;
}

.step2 .rating-slider-selected {
    background-image: none;
}

.step2 .rating-half .slider {
    padding-bottom: 0;
}

@media screen and (max-width: 840px) {
    .slide img {
        display: none;
    }
    .carousel .slide,
    .carousel .mask {
        width: 500px;
    }
    .carousel .text-holder,
    .slide .text-holder {
        right: 0;
        left: 0;
        position: relative;
        margin: 0 auto;
        float: none;
        width: 280px;
        bottom: 0;
    }
    .carousel mark {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .carousel mark br {
        display: none;
    }
}

@media screen and (max-width: 460px) {
    .bluecont .btn-black {
        bottom: 0;
        margin: 29px 0 0 !important;
        right: 0;
    }
    .slide img {
        display: none;
    }
    .carousel .slide,
    .carousel .mask {
        width: 260px;
    }
    .carousel .text-holder,
    .slide .text-holder {
        right: 0;
        left: 0;
        position: relative;
        margin: 0 auto;
        float: none;
        width: 240px;
        border: 0;
        padding: 15px 20px 20px 20px;
    }
    .carousel .prev,
    .carousel .next {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .search span {
        clear: left;
        text-align: center;
        width: 200px;
        margin: 0 auto;
        display: block;
        float: none!important;
    }
    .advisers-name {
        clear: left;
    }
    .search .holder {
        padding: 0;
        margin: 0 auto;
    }
    .search .home-search {
        margin: 10px auto 0;
        width: 350px;
        float: none;
        height: 45px;
    }
    .step .box {
        height: 240px!important;
    }
    .search .advisers-name {
        margin: 10px auto 0;
        width: 321px;
        float: none;
        height: 45px;
    }
}

@media screen and (max-width: 500px) {
    .search .home-search {
        width: 260px;
    }
    .search .home-search:before {
        background-image: none;
    }
    .search .home-search:after {
        background-image: none;
    }
    .search .home-search .row {
        padding-left: 5px;
    }
    .search .home-search input[type="text"] {
        width: 113px;
    }
    .search .home-search select {
        width: 121px;
    }
}

@media screen and (max-width: 400px) {
    .search .advisers-name {
        width: 261px;
    }
    .search .advisers-name input[type="text"] {
        width: 94px;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
    }
    .search .advisers-name button[type="submit"] {
        padding-left: 20px;
        min-width: 73px;
        width: 73px;
    }
    .search .advisers-name button[type="submit"]:after {
        background-image: none;
    }
}

@media screen and (max-width: 1000px) {
    .tabset {
        background-color: #f00;
    }
    .tabset li {
        width: 100%!important;
    }
    .tabset li img {
        display: none;
    }
    .feature .box {
        float: left;
        clear: left;
        width: 100%;
        margin: 20px 0 20px 0;
    }
    .feature h1 {
        margin-bottom: 10px;
    }
    .feature {
        padding-bottom: 30px;
    }
    .step .box {
        width: 100%;
    }
    .step .block.small {
        width: 100%;
    }
    .form-check .col {
        width: 100%!important;
    }
    .form-check .row {
        width: 100%;
    }
    .step.step6 .block {
        width: 100%;
    }
    .step .form-report .col {
        width: 100%;
    }
    .step.step7 .block {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .counter-holder .text {
        width: 100%;
        padding-left: 0;
        text-align: center;
        padding-top: 20px;
    }
    .text .counter {
        clear: left;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .text .counter span {
        display: inline-block;
        float: none;
        border-radius: 5px;
        margin: 7px 1px 4px 1px;
    }
    .step2 .rating-half {
        display: none;
    }
    .step2 .agerange-select {
        display: block;
        margin: 0 auto;
        width: 100px;
    }
}

@media screen and (max-width: 600px) {
    #chartcontainer {
        display: none;
    }
    .popup-holder {
        width: 280px;
        padding: 20px 10px 9px 10px;
        box-shadow: none;
    }
    .splash-report-popup {
        margin-left: -140px;
    }
    .popup-holder h1 {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 700px) {
    .step.step2 .block {
        width: 100%;
    }
}

.logo-box {
    font-size: 18px;
    line-height: 26px;
    color: #8a95a5;
    float: right;
    width: 229px;
    text-align: center;
}

.logo-box img {
    margin-bottom: 10px;
}


/* SURVEY */


/* OFFERS */

.offers-box {
    border: 1px solid #e3e9ef;
    width: 240px;
    float: left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 17px 17px 0;
    overflow: hidden;
    padding-bottom: 10px;
    height: 350px;
}

.offers-box-image {
    border-bottom: 1px solid #e3e9ef;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 150px;
    width: 240px;
}

.offers-box h3 {
    margin: 18px 18px 5px 18px;
}

.offers-box p {
    margin: 5px 18px 14px 18px;
}

a.offers-button {
    padding: 2px 8px 3px 8px;
    font-weight: 400;
    text-decoration: none;
}

a.offers-button strong {
    font-weight: 600;
}

a.offers-button.offers-button-all {
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #0089cd;
}

a.offers-button.offers-button-platinum {
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #707475;
}

a.offers-button.offers-button-gold {
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #c7ab57;
}

a.offers-button.offers-button-silver {
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #ccc;
}

a.offers-button.offers-button-bronze {
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #d78d14;
}

.offers-unlocked-div p.lock-button {
    display: none;
}

.offers-locked-div p.unlock-button {
    display: none;
}

.description-offer {
    height: 110px;
}


/* OFFERS */


/* GUIDES PAPERS */

h3.guides-title {
    margin: 0 0 10px 0;
}

h3.guides-title a {
    color: #8693a7;
}

img.guides-image {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    float: right;
    margin: 0 0 20px 20px;
}

p.guides-date {
    margin: 0 0 8px;
    font-style: italic;
    font-style: italic;
    color: #8693a7;
    font-size: 12px;
    line-height: 16px;
}


/* GUIDES PAPERS */


/* RATING SYSTEM DETAIL */

.rating-detail-box2 {
    border: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 12px 15px 11px 15px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px 0;
    display: block;
}

.rating-detail-box2-label {
    font-weight: 600;
    float: left;
    width: 100px;
    clear: left;
    margin-bottom: 4px;
}

.rating-detail-box2-content {
    float: left;
    width: 60%;
    margin-bottom: 4px;
}

@media screen and (max-width: 700px) {
    .rating-detail-box2-content {
        float: left;
        width: 70%;
        margin-bottom: 4px;
        clear: left;
    }
}

.rating-score-box {
    border-left: 1px solid #8693a7;
    border-right: 1px solid #8693a7;
    border-bottom: 1px solid #8693a7;
    background-color: #fff;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    width: 55px;
    float: right;
    text-align: center;
    font-size: 9px;
    margin-top: -12px;
    padding: 5px 0 0 0;
    font-weight: 600;
}

.rating-score-box-bottom {
    background-color: #8693a7;
    color: #e3e9ef;
    font-weight: 600;
    padding: 5px 0 5px 0;
}

.rating-score-box .grade {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    padding: 0 0 2px 0;
}

.rating-score-box-bottom .grade {
    color: #fff;
}

.rating-score-box-top {
    padding: 0 0 5px 0;
}

.rating-badges {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    background-color: #f5f8fa;
    display: inline-block;
    padding: 10px 10px 10px 10px;
}

.rating-badge {
    float: left;
    width: 100px;
    text-align: center;
    margin: 10px 10px 10px 10px;
}

.rating-badge span {
    text-align: center;
    color: #fff;
    background-color: #8693a7;
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 0 2px 0;
    width: 80px;
    margin: 10px 0 0 0;
}


/* RATING SYSTEM DETAIL */


/* TOOLKIT */

.toolkit-preview {
    float: right;
    margin: 0 0 10px 20px;
}

.hidden-button {
    display: none;
}

a.no-underline {
    text-decoration: none;
}


/* TOOLKIT */


/* LHS MY ACCOUNT */

li.sub-item {
    margin-left: 10px;
    margin-top: -5px;
    color: #999;
}

.start-from-here-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 130px;
    position: absolute;
    top: 40px;
    left: 25px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 25px 15px 15px;
    box-shadow: 0px 0px 5px gray;
    display: none;
}

.start-from-here-panel i {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: hand;
    cursor: pointer;
}


/* CompanyOwnership */

.CompanyOwnership #faq-list h3 {
    padding-top: 20px;
}

.CompanyOwnership #faq-list h2 {
    color: #4e515e;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0px;
}

.CompanyOwnership #faq-list .answer p {
    color: #6f7e95;
    margin-bottom: 9px;
    padding-left: 10px;
}

.CompanyOwnershipSearch h3 {
    margin-bottom: 10px;
}

i.head-company-info {
    position: relative;
    cursor: hand;
    cursor: pointer;
}

i.head-company-info div {
    display: none;
    background-color: #fff;
}

i.head-company-info:hover div {
    display: block;
    position: absolute;
    top: 10px;
    right: -90px;
    border: 2px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 170px;
    padding: 10px 12px 12px 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

i.head-company-info:hover div a {
    float: none;
}


/* CompanyOwnership */


/* HOME QUOTES */

.home-quote-image {
    float: left;
    width: 75px;
    padding: 0px;
    margin-top: 10px;
}

.home-quote-image img {
    width: 75px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);*/
}

.home-quote-name {
    background: url(../images/quotebg.png) left top no-repeat;
    width: 233px;
    height: 51px;
    color: #fff;
    text-align: left;
    float: left;
    margin-top: 22px;
}

.home-quote-name p {
    color: #fff;
    font-style: italic;
    padding: 7px 0 0 10px;
}

.home-quote-name p a {
    color: #fff;
}


/* HOME QUOTES */


/* INBOX */

.my-account-inbox-item {
    border: 1px solid #e3e9ef;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.my-account-inbox-item-name {
    background-color: #f5f8fa;
    padding: 10px 15px 18px 15px;
    font-weight: 600;
    color: #6f7e95;
}

.my-account-inbox-item .my-account-inbox-item-name p {
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 5px 0 0 0;
}

.my-account-inbox-item-name hr {
    margin-top: 16px;
    margin-bottom: 10px;
    background-color: #e3e9ef;
}

.my-account-inbox-item-name-date {
    font-weight: 400;
    font-style: italic;
    float: right;
    font-size: 11px;
    line-height: 15px;
    padding-top: 2px;
}

.my-account-inbox-item p {
    padding: 15px 15px 0 15px;
    font-style: italic;
}

.my-account-inbox-item p.no-italic {
    font-style: normal;
}

.my-account-inbox-item-actions {
    padding: 10px 15px 12px 15px;
    border-top: 1px solid #e3e9ef;
}

.my-account-inbox-item-actions span {
    float: right;
}

.my-account-inbox-item-actions span a {
    padding-left: 7px;
}

.my-account-inbox-item-name a,
.my-account-inbox-item-actions a {
    text-decoration: none;
}

.my-account-inbox-item-actions .fa-eye {
    color: #008acb;
}

.my-account-inbox-item-name .fa-check,
.my-account-inbox-item-name .fa-plus,
.my-account-inbox-item-actions .fa-check,
.my-account-inbox-item-actions .fa-plus {
    color: #139363;
}

.my-account-inbox-item-name .fa-times,
.my-account-inbox-item-actions .fa-times {
    color: #900;
}


/* INBOX */


/* NEW */

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    font-size: 16px;
}

.ui-autocomplete.ui-widget,
.ui-autocomplete.ui-widget a,
.ui-autocomplete.ui-widget a:hover {
    font-size: 10px;
}

.three-cols {
    width: 32.3%;
    box-sizing: border-box;
    margin-right: 1%;
    float: left;
    margin-top: -10px;
}

.three-cols-last {
    margin-right: 0;
}

@media screen and (max-width: 690px) {
    .three-cols {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }
    .three-cols-last {
        margin-right: 0;
    }
    .contentRightN .padding {
        padding: 18px 0 24px !important;
    }
}

.logo-box2 {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
}

.logo-box2 img {
    padding: 10px;
}

.logo-box-bottom {
    background-color: #f5f8fa;
    border-top: 1px solid #e3e9ef;
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    padding: 10px;
}

.center-outside {
    position: relative;
    left: -50%;
    float: right;
}

.center-inside {
    position: relative;
    left: 50%;
    float: right;
    min-height: 110px;
}

.expertise-icon-box {
    float: left;
    width: 95px;
    text-align: center;
    margin: 0 23px 20px 15px;
}

.expertise-icon-box img {
    display: block;
    margin: 0 auto 7px;
    width: 61px;
}

.see-all-float-right {
    float: right;
    color: #008acb;
    font-size: 13px;
    line-height: 18px;
}

.videos-panel p {
    margin-bottom: 5px;
}

.home-news-column img.email-default {
    position: relative;
    margin-top: -12px;
    margin-bottom: 12px;
}

.rate-box {
    width: 537px;
    margin: 0 auto;
}

.rate-box-blue {
    background: url(../images/rate-box-bg.png);
    height: 211px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.rate-box-blue h3 {
    text-align: center;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
}

.rate-box-blue img.profile-image-new {
    -moz-border-radius: 85px;
    border-radius: 85px;
    border: 3px solid #fff;
    margin: 0 auto 7px;
    display: block;
}

.rate-box-bottom {
    background-color: #f5f8fa;
    border-left: 1px solid #d3dce5;
    border-right: 1px solid #d3dce5;
    border-bottom: 1px solid #d3dce5;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px 20px 20px 20px;
}

.face-select {
    width: 50px;
    height: 49px;
    cursor: hand;
    cursor: pointer;
    display: block;
    float: left;
    background-position: 0 0;
    margin: 0 8px 15px 8px;
    text-indent: -2000px;
}

.face-select:hover {
    background-position: 0 -49px;
}

.face-select-0 {
    background-image: url(../images/rate-new-1.png);
}

.face-select-25 {
    background-image: url(../images/rate-new-2.png);
}

.face-select-50 {
    background-image: url(../images/rate-new-3.png);
}

.face-select-75 {
    background-image: url(../images/rate-new-4.png);
}

.face-select-100 {
    background-image: url(../images/rate-new-5.png);
}

.face-selected {
    background-position: 0 -49px;
}

.name-step {
    background-color: #005e95;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 2px 20px 4px 20px;
}

.rate-box-question-box {
    background-color: #e9eef3;
    text-align: center;
    padding: 20px 20px 10px 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 415px;
    margin: 0 auto;
    box-sizing: border-box;
}

.rate-box-question-box p {
    font-size: 15px;
    line-height: 22px;
    padding: 0 10px 0 10px;
    margin: 0 0 15px 0;
}

#progress {
    box-sizing: border-box;
    padding: 0;
    list-style-type: none;
    font-family: arial;
    font-size: 12px;
    clear: both;
    line-height: 1em;
    margin: 0;
    text-align: center;
    background: #0069a4;
    border-top: 1px solid #005e93;
    border-bottom: 1px solid #005e93;
    height: 25px;
}

#progress li {
    box-sizing: border-box;
    float: left;
    padding: 2px 30px 2px 40px;
    background: #0069a4;
    color: #fff;
    position: relative;
    width: 19.2%;
    margin: 0 1px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

#progress li:before {
    content: '';
    border-left: 12px solid #005e93;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

#progress li:after {
    content: '';
    border-left: 12px solid #0069a4;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

#progress li.active {
    background: #fff;
    color: #0069a4;
}

#progress li.active:after {
    border-left-color: #fff;
}

.rate-box-bottom h3 {
    text-align: center;
    font-size: 21px;
    line-height: 27px;
    color: #4e515e;
    font-weight: 300;
}

p.select-feel {
    color: #8a95a5;
    font-style: italic;
}

.face-select-text-0 {
    color: #e96238;
}

.face-select-text-25 {
    color: #ef8a3a;
}

.face-select-text-50 {
    color: #c9b936;
}

.face-select-text-75 {
    color: #43b77a;
}

.face-select-text-100 {
    color: #2fa0d2;
}

.rate-box-question-box-third {
    width: 130px;
    margin-right: 11px;
    float: left;
    background-color: #e9eef3;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 20px 30px 20px 30px;
}

.rate-box-question-box-third-last {
    margin-right: 0%;
}

.Describes1 {
    background: url(../images/rate-new-type-1.png);
    width: 67px;
    height: 67px;
    display: block;
    margin: 0 auto 10px;
    text-indent: -2000px;
}

.Describes2 {
    background: url(../images/rate-new-type-2.png);
    width: 67px;
    height: 67px;
    display: block;
    margin: 0 auto 10px;
    text-indent: -2000px;
}

.Describes3 {
    background: url(../images/rate-new-type-3.png);
    width: 67px;
    height: 67px;
    display: block;
    margin: 0 auto 10px;
    text-indent: -2000px;
}

.DescribesSelect {
    cursor: hand;
    cursor: pointer;
}

.DescribesSelect:hover {
    background-position: left -67px;
}

.DescribesSelected {
    background-position: left -67px;
}

.submit-button-new {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #0089cd;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    width: 230px;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    padding: 9px 0 9px 0;
    text-transform: uppercase;
}

.submit-button-new:hover {
    color: #fff;
}

.skip-step-link {
    text-align: center;
}

.skip-step-link a {
    font-size: 15px;
    line-height: 21px;
    text-decoration: none;
}

.expertise-question-options {
    margin: 0 auto;
    width: 412px;
    display: block;
}

.expertise-question-options .rate-box-question-box-third {
    margin-bottom: 10px;
}

.ExpertiseBox {
    width: 66px;
    height: 69px;
    display: block;
    margin: 0 auto 8px;
    cursor: hand;
    cursor: pointer;
    background-position: 2px 0;
    background-repeat: no-repeat;
}

.ExpertiseBox:hover {
    background-position: 2px -69px;
}

.ExpertiseBox-selected {
    background-position: 2px -69px;
}

.Expertise_BuildingSuper {
    background-image: url(../images/expertise/BuildingSuperRate.png);
}

.Expertise_InsuranceProtection {
    background-image: url(../images/expertise/InsuranceProtectionRate.png);
}

.Expertise_ManagingDebt {
    background-image: url(../images/expertise/ManagingDebtRate.png);
}

.Expertise_CentrelinkBenefits {
    background-image: url(../images/expertise/CentrelinkBenefitsRate.png);
}

.Expertise_HouseholdBudgeting {
    background-image: url(../images/expertise/HouseholdBudgetingRate.png);
}

.Expertise_PreparingForRetirement {
    background-image: url(../images/expertise/PreparingForRetirementRate.png);
}

.Expertise_SelfManagedSuperFunds {
    background-image: url(../images/expertise/SelfManagedSuperFundsRate.png);
}

.Expertise_EstatePlanning {
    background-image: url(../images/expertise/EstatePlanningRate.png);
}

.Expertise_SavingsInvestments {
    background-image: url(../images/expertise/SavingsInvestmentRate.png);
}

.Expertise_TaxEffectiveStrategies {
    background-image: url(../images/expertise/TaxEffectiveStrategiesRate.png);
}

.Expertise_LoanProducts {
    background-image: url(../images/expertise/LoanProductsRate.png);
}

.Expertise_AgedCare {
    background-image: url(../images/expertise/AgedCareRate.png);
}

.Expertise_SmallBusinessAdvice {
    background-image: url(../images/expertise/SmallBusinessAdviceRate.png);
}

.Expertise_EcoFriendlyInvestments {
    background-image: url(../images/expertise/EcoFriendlyInvestmentsRate.png);
}

.Expertise_SociallyResponsibleInvestments {
    background-image: url(../images/expertise/SociallyResponsibleInvestmentsRate.png);
}

.Expertise_UKPensions {
    background-image: url(../images/expertise/UKPensionsRate.png);
}

.Expertise_Derivatives {
    background-image: url(../images/expertise/DerivativesRate.png);
}

.Expertise_MarginLending {
    background-image: url(../images/expertise/MarginLendingGearedInvestmentsRate.png);
}

.rate-box-bottom p {
    max-width: 420px;
    margin: 0 auto 20px;
    text-align: center;
}

.rate-box-bottom textarea {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 25px;
    display: block;
}

.rate-box-question-box .tickboxes {
    text-align: left;
}

.rate-box-question-box .tickboxes .checkbox-tick {
    border-color: #d5dde5;
}

#risk-profile-container span {
    display: none;
}

.rate-box-question-box-no-color {
    text-align: left;
    padding: 20px 20px 10px 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 415px;
    margin: 0 auto;
    box-sizing: border-box;
}

.rate-box-question-box-no-color p {
    font-size: 15px;
    line-height: 22px;
    padding: 0 10px 0 10px;
    margin: 0 0 15px 0;
    text-align: left;
}

.rate-box-question-box-no-color input {
    width: 100%;
}

.rate-box-question-box-half {
    width: 200px;
    margin-right: 11px;
    float: left;
    background-color: #e9eef3;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 20px 30px 20px 30px;
}

.rate-box-question-box-half-last {
    margin-right: 0;
}

.step-5-style .ExpertiseBox {
    width: 76px;
    height: 76px;
    display: block;
    margin: 0 auto 8px;
    cursor: hand;
    cursor: pointer;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.step-5-style .ExpertiseBox:hover {
    background-position: 0 -76px;
}

.step-5-style .ExpertiseBox-selected {
    background-position: 0 -76px;
}

.CustomOptin {
    background-image: url(/images/new-icon-email.png);
}

.RateJoin {
    background-image: url(/images/new-icon-ar.png);
}

.rate-box-question-box-no-color .tickboxes {
    padding: 0 10px 0 10px;
}

.rate-box-bottom .confirmation-box .bar-outer {
    width: 280px;
}

.rate-box-bottom .testimonial-box {
    background-color: #fff;
}

.email-sent-icon {
    display: block;
    margin: 0 auto 20px;
}

.rate-box-bottom .confirmation-box-outer h3 {
    font-size: 15px;
    line-height: 21px;
    padding: 10px 0 0 0;
    margin: 0 0 20px 0;
}

@media screen and (max-width: 550px) {
    .rate-box {
        width: 100%;
    }
    .rate-box-bottom {
        padding-left: 0;
        padding-right: 0;
    }
    .rate-box-question-box {
        width: 100%;
        padding: 20px 10px 10px;
    }
    .face-select {
        margin: 0 2px 15px;
    }
    .rate-box-question-box-third {
        width: 85px;
        padding: 20px 6px;
        margin-right: 5px;
    }
    .expertise-question-options {
        width: 270px;
        padding-left: 5px;
    }
    .rate-box-bottom textarea {
        width: 90%;
    }
    .rate-box-question-box-half {
        padding: 20px 10px;
        width: 100px;
    }
    .expertise-question-options {
        width: 220px;
        padding-left: 10px;
    }
    .rate-box-bottom .confirmation-box .bar-outer {
        width: 220px;
    }
}

@media screen and (max-width: 545px) {
    #progress li {
        width: 18%;
    }
}

@media screen and (max-width: 445px) {
    #progress li {
        padding: 2px 20px 2px 30px;
    }
}

@media screen and (max-width: 345px) {
    #progress li {
        padding: 2px 15px 2px 25px;
    }
    .face-select {
        margin: 0 1px 15px;
    }
}

@media screen and (max-width: 400px) {
    .expertise-question-options {
        width: 180px;
        padding-left: 5px;
    }
}

.comment-message {
    background-color: #e9eef3;
    max-width: 400px;
    width: 100%;
    padding: 10px 10px 25px 10px;
    margin: 0 auto;
    box-sizing: border-box;
    margin: 0 auto 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.comment-message p {
    padding: 10px 0 10px 0;
    margin: 0 0 0 0;
}

.comment-green {
    color: #43b77a;
}

.comment-red {
    color: #e96238;
}

.comment-yellow {
    color: #c9b936;
}

.comment-message-bar {
    background-color: #d2dae2;
    -moz-border-radius: 9px;
    border-radius: 9px;
    height: 17px;
    width: 260px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.c-length-1-bar,
.c-length-2-bar,
.c-length-3-bar,
.c-length-4-bar,
.c-length-5-bar {
    height: 17px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.c-length-1-bar {
    background-color: #e96238;
    width: 65px;
    display: none;
}

.c-length-2-bar {
    background-color: #c9b936;
    width: 113px;
    display: none;
}

.c-length-3-bar {
    background-color: #43b77a;
    width: 162px;
    display: none;
}

.c-length-4-bar {
    background-color: #c9b936;
    width: 210px;
    display: none;
}

.c-length-5-bar {
    background-color: #e96238;
    width: 260px;
    display: none;
}

.c-length {
    font-size: 7px;
    line-height: 12px;
    position: absolute;
    font-weight: 600;
    color: #fff;
    top: 2px;
    left: 6px;
}

.c-length-1,
.c-length-2,
.c-length-3,
.c-length-4,
.c-length-5 {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    top: 1px;
}

.c-length-1 {
    left: 48px;
}

.c-length-2 {
    left: 96px;
}

.c-length-3 {
    left: 145px;
}

.c-length-4 {
    left: 193px;
}

.c-length-5 {
    left: 242px;
}

.float-right {
    float: right;
}


/* NEW */


/* VOUCH */

.vouch-box {
    background-color: #f5f8fa;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 0 15px 0;
    padding: 12px 15px 10px 15px;
}

.vouch-box-image {
    float: left;
    width: 50px;
    margin-right: 11px;
    overflow: hidden;
}

.vouch-box-image img {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
}

.vouch-box-info {
    float: left;
    width: 300px;
    font-size: 13px;
    line-height: 19px;
}

.vouch-box-info span {
    padding: 0 5px 0 0;
}

.vouch-box-info p {
    font-style: italic;
    padding: 4px 0 0 0;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 0 0;
}

.vouch-box-info p.vouch-small {
    font-size: 12px;
    line-height: 16px;
    color: #8a95a5;
}

.vouch-box-info span {
    color: #0089cd;
}

.vouch-box-link {
    float: right;
    color: #0089cd;
    font-size: 13px;
    line-height: 19px;
    margin: 14px 0 0;
}

@media screen and (max-width: 500px) {
    .vouch-box-info {
        width: 250px;
    }
    .vouch-box-link {
        float: left;
        clear: left;
        margin: -2px 0 4px 60px;
    }
}

@media screen and (max-width: 400px) {
    .vouch-box-info {
        width: 180px;
    }
    .vouch-box-link {
        margin: 2px 0 4px 60px;
    }
}

.vouch-search-box {
    background-color: #f5f8fa;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 0 15px 0;
    padding: 12px 15px 9px 15px;
}

.vouch-search-box hr {
    margin: 20px 0 20px 0;
}

.vouch-box-link-box {
    width: 100px;
    font-size: 12px;
    line-height: 18px;
    float: right;
    text-align: right;
    margin: 4px 0 0 0;
}

@media screen and (max-width: 550px) {
    .vouch-box-link-box {
        clear: left;
        float: left;
        margin: 2px 0 0 60px;
        text-align: left;
    }
}

.vouch-box-link-box span {
    font-size: 13px;
    line-height: 19px;
    color: #33996d;
}

.vouch-search-box-left {
    width: 50%;
    float: left;
    padding: 12px 0 0 0;
}

.vouch-search-box-right {
    width: 50%;
    float: left;
}

@media screen and (max-width: 600px) {
    .vouch-search-box-left {
        width: 100%;
        padding-top: 0;
    }
    .vouch-search-box-right {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .vouch-search-box-right input {
        width: 100%;
    }
}

.vouch-public-box-top {
    background-color: #0089cd;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 71px;
    overflow: hidden;
}

.vouch-icon {
    width: 81px;
    height: 71px;
    float: left;
    background: url(/images/vouch-icon.png) center center no-repeat #00508a;
}

.vouch-icon h3 {
    display: none;
}

.vouch-public-box-top h2 {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    font-weight: 600;
    width: 220px;
    padding: 15px 20px 20px 20px;
    float: left;
}

.vouch-public-box-top h3 {
    font-size: 47px;
    line-height: 53px;
    float: right;
    color: #fff;
    font-weight: 700;
    padding: 7px 15px 0 0;
}

@media screen and (max-width: 500px) {
    .vouch-public-box-top h2 {
        width: 180px;
        font-size: 13px;
        line-height: 18px;
        padding: 8px 0px 20px 15px;
    }
    .vouch-icon {
        background-image: none;
    }
    .vouch-public-box-top .vouch-icon h3 {
        display: block;
    }
    .vouch-public-box-top h3 {
        display: none;
    }
}

.vouch-public-box-bottom {
    background-color: #f5f8fa;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 15px 15px 15px 15px;
}

.vouch-public-box-bottom img {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 10px 10px 0;
    float: left;
}

.vouch-public-box-bottom-counter {
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 22px;
    line-height: 22px;
    color: #0089cd;
    font-weight: 700;
    text-align: center;
    background-color: #fdfefe;
    border: 1px solid #e7ecf1;
    float: left;
    width: 79px;
    padding: 7px 0 9px 0;
}

.vouch-public-box-bottom-counter span {
    font-size: 10px;
    line-height: 11px;
}

.vouch-range {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #2386b7;
    color: #fff;
    height: 16px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 14px;
    font-weight: 700;
    overflow: hidden;
    background-color: #2795cc;
}

.vouch-dealer {
    border-right: 1px solid #2386b7;
    float: left;
    overflow: hidden;
    padding: 1px 5px 0 5px;
    height: 16px;
    cursor: hand;
    cursor: pointer;
    box-sizing: border-box;
}

.vouch-dealer:nth-child(even) {
    background-color: #2795cc;
}

.vouch-dealer:nth-child(odd) {
    background-color: #36abdf;
}

.skills-ranking-icon {
    width: 60px;
    float: left;
}

.skills-ranking-customers {
    float: left;
    width: 15%;
}

.skills-ranking-box {
    float: left;
    width: 70%;
    padding: 4px 0 0 0;
}

@media screen and (max-width: 600px) {
    .skills-ranking-box {
        width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .skills-ranking-box {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .skills-ranking-box {
        width: 40%;
    }
}

.skills-ranking {
    margin: 10px 0 30px 0;
}

.skills-ranking hr {
    margin: 15px 0 15px 0;
}

.skills-ranking-number {
    background-color: #7d8b9f;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 2px 4px 3px 4px;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin: 1px 4px 0 0;
    vertical-align: middle;
}

.skills-ranking-customers {
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 22px;
    line-height: 22px;
    color: #0089cd;
    font-weight: 700;
    text-align: center;
    background-color: #fdfefe;
    border: 1px solid #e7ecf1;
    float: right;
    width: 79px;
    padding: 7px 0 9px 0;
    margin: 0 0 0 10px;
}

.skills-ranking-customers span {
    font-size: 10px;
    line-height: 11px;
    color: #6f7e95;
    text-transform: uppercase;
}

@media screen and (max-width: 400px) {
    .skills-ranking-customers {
        font-size: 18px;
        line-height: 18px;
        width: 59px;
    }
    .skills-ranking-customers span {
        font-size: 8px;
        line-height: 8px;
    }
}

.skill-bar-outer {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #d2dae2;
    height: 10px;
    margin: 8px 0 0 0;
    position: relative;
}

.skill-bar-inner {
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 10px;
    background-color: #33a1d7;
    position: absolute;
}

.skill-strength {
    color: #fff;
    position: absolute;
    font-size: 8px;
    line-height: 8px;
    text-transform: uppercase;
    padding: 1px 0 0 5px;
    font-weight: 700;
}


/* VOUCH */


/* LEADERBOARD */

.leaderboard-div {
    padding: 30px 40px 30px 40px;
}

.leaderboard-number {
    background-color: #7d8b9f;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 2px 4px 3px 4px;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin: 1px 4px 0 0;
    vertical-align: middle;
}

.vouch-box-logo {
    float: left;
    width: 60px;
    height: 40px;
    border: 1px solid #e3e9ef;
    padding: 5px;
    margin-right: 12px;
}

.vouch-box .submit-button {
    float: right;
    padding: 6px 13px 6px 13px;
    margin-top: 9px;
}

@media screen and (max-width: 960px) {
    .leaderboard-div {
        padding: 20px 10px 20px 10px;
    }
}

@media screen and (max-width: 960px) {
    .vouch-box .submit-button {
        float: left;
        clear: left;
    }
}

@media screen and (max-width: 600px) {
    .vouch-box-info {
        margin-top: 5px;
        clear: left;
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .vouch-box-info {
        width: 240px;
    }
}


/* LEADERBOARD */


/* INFLUENCERS */

.influencers-grid {
    /*width:880px;*/
    width: 950px;
    margin: 0 auto;
}

.influencers-grid-cont .influencers-grid-panel {
    margin-right: 53px;
}

.influencers-grid-cont .influencers-grid-panel-last {
    margin-right: 0;
}

@media screen and (max-width: 900px) {
    .influencers-grid {
        width: 280px;
        margin: 0 auto;
    }
}

.influencers-grid-panel {
    float: left;
    width: 280px;
    margin-right: 53px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .15);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .15);
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

@media screen and (max-width: 650px) {
    .influencers-grid-panel {
        margin-right: 0;
    }
}

.influencers-grid-panel-last {
    margin-right: 0;
}

.influencer-pinterest {
    background: url(../images/icon-pinterest.png);
    width: 32px;
    height: 32px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
}

.influencers-grid-panel-title {
    background: url(../images/mask.png);
    color: #fff;
    padding: 0 0 8px 0;
    position: absolute;
    top: 228px;
    width: 100%;
    height: 78px;
}

.influencers-grid-panel-title h2 {
    font-size: 23px;
    line-height: 29px;
    padding: 5px 0 0 0;
    margin: 0 18px 5px 18px;
}

.influencers-grid-panel-title p {
    font-size: 12px;
    line-height: 19px;
    padding: 0;
    margin: 0 18px 0 18px;
    font-style: italic;
}

.influencers-grid-panel-why {
    padding: 40px 18px 13px;
}

.influencers-grid-panel-inactive .influencers-grid-panel-why {
    background: url(/images/mask.png);
}

.influencers-grid-panel-inactive .influencers-grid-panel-why {
    background: url(../images/mask.png);
}

.influencers-grid-panel-why h3 {
    font-size: 13px;
    line-height: 19px;
    padding: 0;
    margin: 0 0 6px 0;
    color: #4e515e;
}

.influencers-grid-panel-why p {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
    color: #4e515e;
}

.influencers-grid-panel-share {
    background-color: #0089cd;
    height: 32px;
    padding: 0 0 0 18px;
}

.influencers-grid-panel-share a {
    color: #fff;
    text-decoration: none;
    padding: 5px 0 0 0;
    display: block;
    width: 80px;
    float: left;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}

a.influencers-grid-panel-share-read {
    background-color: #0075ae;
    height: 26px;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 60px;
    float: right;
    text-align: right;
    padding-right: 10px;
}

.influencers-grid-panel-inactive .influencers-grid-panel-share-read {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.fb-share-button {
    margin: 6px 0 0 0;
    float: left;
}

.visibleNearby {
    width: 100%;
    background: url(../images/mask.png) #fff;
    color: #FFF;
    padding: 0 0 10px 0;
}

.visibleNearby .rsGCaption {
    font-size: 16px;
    line-height: 18px;
    padding: 12px 0 0;
    background: #fff;
    width: 100%;
    position: static;
    float: left;
    left: auto;
    bottom: auto;
    text-align: center;
}

.visibleNearby .rsGCaption span {
    /*display: block;
	clear: both;
	color: #bbb;
	font-size: 14px;
	line-height: 22px;*/
}


/* Scaling transforms */

.visibleNearby .rsSlide img {
    opacity: 0.45;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.visibleNearby .rsActiveSlide img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* Non-linear resizing on smaller screens */

@media screen and (min-width: 0px) and (max-width: 900px) {
    #gallery-1 {
        padding: 12px 0 12px;
    }
    #gallery-1 .rsOverflow,
    .royalSlider#gallery-1 {
        height: 400px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    #gallery-1 .rsOverflow,
    .royalSlider#gallery-1 {
        height: 300px !important;
    }
}

#page-navigation {
    display: none;
}

.islide-title {
    max-width: 630px;
    margin: 0 auto;
    text-align: left;
    color: #353537;
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
    padding-top: 10px;
}

.islide-footer {
    background-color: #e8eef3;
    padding: 0 0 15px 0;
}

.islide-detail {
    border-bottom: 1px solid #d2dae2;
    max-width: 630px;
    margin: 0 auto;
    padding: 12px 0 0 0;
}

.islide-detail-left {
    float: left;
    width: 40%;
    color: #6f7e95;
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    font-style: italic;
}

.islide-detail-right {
    float: right;
    width: 55%;
}

.islide-detail-right div {
    float: right;
    text-align: right;
    display: block;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}

.islide-detail-right-1 {
    color: #6f7e95;
    float: right;
    padding: 0 0 11px 0;
    display: block;
    cursor: hand;
    cursor: pointer;
    border-bottom: 3px solid #fff;
}

.islide-detail-right-2 {
    padding: 0 0 11px 0;
    margin-left: 20px;
    float: right;
    display: block;
    cursor: hand;
    cursor: pointer;
    color: #6f7e95;
    border-bottom: 3px solid #fff;
}

.islide-detail-right-1:hover,
.islide-detail-right-2:hover,
.islide-detail-right-active {
    color: #0089cd;
    border-bottom: 3px solid #0089cd;
}

.islide-quote-1 {
    max-width: 630px;
    margin: 0 auto;
    color: #6f7e95;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    padding: 20px 0 8px 0;
    text-align: left;
}

.islide-quote-2 {
    max-width: 630px;
    margin: 0 auto;
    color: #6f7e95;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    padding: 20px 0 18px 0;
    text-align: left;
}

.islide-quote-2 span,
.islide-quote-1 span {
    display: inline-block!important;
    padding: 0 3px 0 3px;
    font-size: 12px!important;
    line-height: 18px!important;
    color: #8a95a5!important;
    font-style: none!important;
}

.islide-quote-1 p,
.islide-quote-2 p {
    padding: 1px 0 0 0;
    margin: 0 0 5px 0;
}

.islide-footer-inner .span-link,
.islide-quote-1 .span-link,
.islide-quote-2 .span-link {
    color: #0089cd!important;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
    font-style: italic;
}

.islide-footer-inner {
    max-width: 630px;
    margin: 0 auto;
    color: #4e515e;
    padding: 25px 0 20px 0;
    text-align: left;
}

.islide-footer-inner p {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 10px 0;
}

.info-box-hidden {
    position: relative;
}

.info-box-hidden span {
    display: none;
}

.info-box-hidden:hover span {
    display: block;
    width: 200px;
    padding: 12px 15px 12px 15px;
    background-color: #f2f2f2;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: -50px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #999;
}

@media screen and (max-width: 650px) {
    .islide-title,
    .islide-detail,
    .islide-quote-1,
    .islide-quote-2,
    .islide-quote,
    .islide-footer-inner {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .islide-detail-right {
        float: left;
        clear: left;
        width: 100%;
        padding-top: 15px;
    }
}

.new-head.influencer-version {
    background: url(/images/mask.png);
    background-color: #fff;
    padding-bottom: 0;
    min-height: auto;
    padding-bottom: 19px;
}

.new-head.influencer-version .new-head-inner {
    padding-bottom: 0;
    padding-top: 20px;
    text-align: center;
    width: 800px;
}

.slideshow-logo {
    background: url(/images/logo-reverse.png);
    width: 144px;
    height: 48px;
    float: left;
    margin: 15px 0 8px 10px;
}

a.slideshow-close {
    float: right;
    border: 1px solid #fff;
    color: #fff;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding: 8px 20px 8px 20px;
    font-weight: 600;
    margin: 20px 10px 0 0;
    text-decoration: none;
}

.new-head.influencer-version .new-head-inner h1 {
    text-align: center;
}

@media screen and (max-width: 1050px) {
    .new-head.influencer-version .new-head-inner {
        padding-top: 80px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .new-head.influencer-version .new-head-inner .addthis_sharing_toolbox {
        clear: both;
        display: block;
        margin-top: 5px;
    }
}


/* INFLUENCERS */


/* Landing Page Style Start*/

.landingPan {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 0 0 18%;
}

.landingPan p.bottomText {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    font-style: italic;
    padding: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
}

.landWrap {
    width: 320px;
    margin: 0 auto;
    padding: 12% 0 0;
}

.landWrap .bx-wrapper {
    margin: 30px auto 0;
}

.landWrap .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
}

.landWrap .bx-wrapper .bx-controls-direction a {
    height: 8px;
    margin-top: 0;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: inherit;
    width: 13px;
    z-index: 9999;
}

.landWrap .bx-wrapper .bx-prev {
    background: url(../images/wizard/prev-next-btn.png) no-repeat 0 0;
    left: 48%;
    top: -40px !important;
}

.landWrap .bx-wrapper .bx-next {
    background: url(../images/wizard/prev-next-btn.png) no-repeat 0 100%;
    right: 48%;
    bottom: -40px;
}

.landWrap .bx-wrapper .bx-next:hover {
    background: url(../images/wizard/prev-next-btn.png) no-repeat 0 100%;
}

.landWrap .bx-wrapper .bx-pager {
    display: none;
}

.landWrap h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    padding: 0 0 30px;
    margin: 0;
}

.landWrap img {
    display: block;
    width: auto;
    margin: 0 auto 24px;
}

.landWrap ul {
    padding: 0;
    margin: 0;
}

.landWrap ul li {
    background: rgba(0, 137, 205, 0.6);
    font-size: 16px;
    line-height: 24px;
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.landWrap ul.verticalSlide li,
.landWrap ul.verticalSlide2 li {
    background: rgba(255, 255, 255, 0.16);
}

.landWrap ul.verticalSlide li.active,
.landWrap ul.verticalSlide2 li.active {
    background: rgba(0, 137, 205, 0.6);
}

.landWrap ul.verticalSlide li.active:hover,
.landWrap ul.verticalSlide2 li.active:hover {
    background: rgba(0, 137, 205, 1);
}

.landWrap ul.verticalSlide li.active a,
.landWrap ul.verticalSlide2 li.active a {
    color: #fff;
}

.landWrap ul.verticalSlide li a,
.landWrap ul.verticalSlide2 li a {
    color: #737275;
}

.landWrap ul.verticalSlide li a:hover,
.landWrap ul.verticalSlide2 li a:hover {
    cursor: default;
}

.landWrap ul.verticalSlide li.active a:hover,
.landWrap ul.verticalSlide2 li.active a:hover {
    cursor: pointer;
}

.landWrap ul.verticalSlide li:hover,
.landWrap ul.verticalSlide2 li:hover {
    background: rgba(255, 255, 255, 0.16);
}

.landWrap ul li a {
    display: block;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none;
}

.landWrap ul li a:after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: "\f0da";
    font-size: 16px;
    line-height: 26px;
    float: right;
}

.landWrap ul li:hover {
    background: rgba(0, 137, 205, 1);
}

.radioBlock {
    width: 99.9%;
    border: solid 2px #16668e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin: 0 0 18px;
    overflow: hidden;
    clear: both;
    box-sizing: border-box;
}

.radioBlock input[type="radio"] {
    display: none;
}

.radioBlock label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    float: left;
    box-sizing: border-box;
    cursor: pointer;
    background: rgba(0, 137, 205, 0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.radioBlock.r1 label:nth-of-type(1) {
    width: 60%;
}

.radioBlock.r1 label:nth-of-type(2) {
    width: 40%;
}

.radioBlock.r2 label:nth-of-type(1) {
    width: 45%;
}

.radioBlock.r2 label:nth-of-type(2) {
    width: 55%;
}

.radioBlock input[type="radio"]:checked+label {
    background: rgba(0, 137, 205, 0.6);
}

.inputBlock {
    margin: 0 0 18px;
}

.inputBlock input {
    width: 100%;
    border: solid 1px #636865;
    outline: none;
    background: rgba(255, 255, 255, 0.1);
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.inputBlock input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.inputBlock input::-webkit-input-placeholder {
    color: #fff;
}

.landWrap h5 {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 0 0;
    margin: 0;
    color: #fff;
    text-align: center;
}

.serviceBlock {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

.serviceBlock:after {
    display: table;
    content: '';
    clear: both;
}

.serviceBlock .box {
    width: 136px;
    min-height: 190px;
    float: left;
    margin: 0 7px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    overflow: hidden;
}

.boxInner {
    box-sizing: border-box;
    background: rgba(25, 38, 56, 0.65);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 15px 10px 60px 10px;
    position: relative;
    overflow: hidden;
}

.serviceBlock .box img {
    display: block;
    width: auto;
    margin: 0 auto;
}

.serviceBlock .box h4 {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    padding: 10px 5px 0;
    margin: 0;
    font-weight: 400;
    min-height: 60px;
}

.checkBtn {
    font-family: 'FontAwesome';
    content: "\f00c";
    display: block;
    background: #297153;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px !important;
    line-height: 40px !important;
    width: 50% !important;
    height: 40px !important;
    cursor: pointer;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
}

.closeBtn {
    font-family: 'FontAwesome';
    content: "\f00d";
    display: block;
    background: #b13f42;
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px !important;
    line-height: 40px !important;
    width: 50% !important;
    height: 40px !important;
    cursor: pointer;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
}


/* Landing Page Style End*/


/*Adviser List Css Start*/

.filterPanel {
    background-color: #0c4061;
    padding: 23px 0;
    position: relative;
}

#ctl02 .filterPanel {
    padding: 23px 0 0;
}

.filterPanel:after {
    content: '';
    display: block;
    clear: both;
}

.filterPanelInner p {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin: 0;
    padding: 0 5% 0 0;
    vertical-align: middle;
    width: 78%;
    box-sizing: border-box;
}

.filter {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 20%;
}

.filter a {
    color: #fff;
    position: relative;
}

.filter a:before {
    font-family: FontAwesome;
    content: "\f0b0";
    width: 12px;
    height: 12px;
    display: block;
    left: -19px;
    position: absolute;
    top: 0;
}

.contentNew {
    background-color: #fff;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px auto 40px;
    max-width: 950px;
    padding: 0 0 0 40px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    overflow: hidden;
}

.contentNew.dashMenu {
    padding-left: 0;
    position: relative;
}

.adviserName {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: auto;
    background: #fff;
    box-shadow: 2px 0 3px #e4e4e4;
    -webkit-box-shadow: 2px 0 3px #e4e4e4;
    -moz-box-shadow: 2px 0 3px #e4e4e4;
    -o-box-shadow: 2px 0 3px #e4e4e4;
    -ms-box-shadow: 2px 0 3px #e4e4e4;
    z-index: 100;
}

.adviserName:after {
    content: '';
    display: block;
    background: url(../images/wizard/left-shadow-bg.gif) no-repeat 0 0;
    position: absolute;
    width: 11px;
    height: 41px;
    top: 0;
    right: -11px;
}


/*.contentNew.dashMenu {
    height: 721px !important;
    overflow-y: auto;
}*/

.adviserName h3 {
    background: #01344f;
    height: 41px;
    line-height: 41px;
    padding: 0 0 0 30px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    position: relative;
}

.adviserName h3 span.btn {
    width: 10px;
    float: none;
    padding: 0;
    height: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
}

.adviserName h3 span.btn i {
    cursor: pointer;
    height: 8px;
    width: 10px;
    display: block;
}

h3 span.btn i.active {
    opacity: 0.7;
}

.picBlock {
    padding: 15px 0 0 26px;
    cursor: pointer;
    border-left: solid 4px #fff;
}

.picBlock:hover,
.picBlock.active {
    background: #e5f3ff;
    border-left: solid 4px #0099e6;
}

.picBlock>div {
    position: relative;
    border-bottom: solid 1px #f1f4f6;
    height: 69px;
}

.picBlock:nth-last-of-type(1)>div {
    border-bottom: none;
}

.picBlock .star {
    content: '';
    display: block;
    width: 14px;
    height: 13px;
    background: url(../images/wizard/star-bg.png) no-repeat 0 100%;
    position: absolute;
    right: 15px;
    top: 5px;
}

.picBlock.goldStar .star {
    background: url(../images/wizard/star-bg.png) no-repeat 0 0;
}

.picBlock .pic {
    width: 51px;
    height: 51px;
    border: solid 1px #d8e0e8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    float: left;
    margin: 0 12px 0 0;
    overflow: hidden;
}

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

.picBlock h4 {
    font-size: 15px;
    line-height: 19px;
    color: #4e515e;
    font-weight: 400;
    padding: 0;
    margin: 0 0 0 61px;
}

.picBlock h4 span {
    display: block;
}

.picBlock p {
    font-size: 8px;
    line-height: 16px;
    font-weight: 700;
    padding: 0 0 15px 15px;
    margin: 0 0 0 61px;
    text-transform: uppercase;
    position: relative;
}

.picBlock p:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    position: absolute;
    left: 3px;
    top: 4px;
}

.picBlock p.platinum:before {
    background: #717476;
}

.picBlock p.gold:before {
    background: #cbae5f;
}

.picBlock p.silver:before {
    background: #b7b7ba;
}

.picBlock p.bronze:before {
    background: #d68d16;
}

.adviserTablePan {
    width: 630px;
    padding: 0 0 0 310px;
}

.tableHead {
    background: #01344f;
    height: 41px;
}

.tableHead h3 {
    width: 120px;
    height: 41px;
    line-height: 41px;
    padding: 0 0 0 18px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    float: left;
    border-right: solid 1px #01273c;
    box-sizing: border-box;
    position: relative;
}

.content-rightNew hr {
    margin-bottom: 25px;
}

.tableHead h3:nth-last-of-type(1) {
    width: 270px;
    border: 0;
}

.tableHead h3 span.btn {
    width: 10px;
    float: none;
    padding: 0;
    height: 10px;
    position: absolute;
    top: 10px;
    right: 14px;
    display: block;
}

.tableHead h3 span.btn i {
    cursor: pointer;
    height: 8px;
    width: 10px;
    display: block;
}

.tableRow .AwardPanel strong,
.tableRow .CustomerPanel strong {
    font-size: 11px;
    left: 24px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 19px;
    width: 34px;
}

.tableRow {
    border-bottom: solid 1px #f1f4f6;
    display: table;
    height: 84px;
}

.tableRow .tabCol {
    width: 120px;
    height: 84px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.tableRow .tabCol:nth-of-type(odd) {
    background: url(../images/wizard/pattern.gif) repeat 0 0;
}

.tableRow .tabCol:nth-last-of-type(1) {
    width: 270px;
}

.tableRow .tabCol span.blueTxt {
    font-size: 15px;
    color: #308fc2;
    font-weight: 600;
}

.tableRow .tabCol .leftTxt {
    width: 150px;
    float: left;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.tableRow .tabCol .leftTxt p {
    font-size: 12px;
    line-height: 16px;
    color: #4e515e;
    padding: 0 0 3px;
    margin: 0;
    text-align: left;
}

.tableRow .tabCol .leftTxt em {
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: #8a95a5;
    padding: 0;
    margin: 0;
    text-align: left;
}

.tableRow .tabCol .mapBtn {
    float: right;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #0089cd;
    padding: 0 20px 0 0;
}

.tableRow .tabCol .mapBtn i {
    font-family: FontAwesome;
}

.tableRow .tabCol .mapBtn a {
    color: #0089cd;
    padding: 0 0 0 5px;
}

.tableRow .tabCol .mapBtn a:hover {
    text-decoration: none;
}

.popView {
    width: 630px;
    position: absolute;
    left: 320px;
    top: 0;
    z-index: 10;
    background: #fff;
    display: none;
}

.popView h3 {
    background: #01344f;
    height: 41px;
    line-height: 41px;
    padding: 0 0 0 30px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    text-align: left;
}

.tabScrollX .tabContent {
    padding: 0 0 0 320px;
    position: absolute;
    left: 0;
    top: 0;
    width: 630px;
}

.tabContent .content-rightNew {
    font-size: 13px;
    line-height: 19px;
    background-color: #fff;
    box-shadow: -2px 0 0 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -2px 0 0 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -2px 0 0 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: -2px 0 0 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: -2px 0 0 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    color: #4e515e;
    padding: 0;
    margin: 0;
    float: none;
    width: 100%;
    display: none;
}

.tabContent .content-rightNew .pading {
    padding: 28px 35px 30px;
}

.popView h3 a.closBtn,
.tabContent h3 a.closBtn {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    margin: 0 30px 0 0;
}

.popView h3 i,
.tabContent h3 i {
    font-size: 14px;
    line-height: 20px;
    font-family: FontAwesome;
    padding: 0 5px 0 0;
}

.adviserTablePan .content-rightNew {
    background-color: #fff;
    box-shadow: none;
    box-sizing: border-box;
    color: #4e515e;
    float: none;
    font-size: 13px;
    line-height: 19px;
    margin: 0;
    padding: 0;
    width: 630px;
    display: none;
}

.adviserTablePan .content-rightNew .pading {
    padding: 30px;
}

.tabContent {
    display: none;
}

.tabContent .tableHead h3:nth-last-of-type(1) {
    width: 100%;
}

.tabScrollX {
    overflow-y: hidden;
    overflow-x: hidden;
}


/*Adviser List Css End*/


/* /* Dashboard */

.dashboardbodyWrap {
    max-width: 950px;
    margin: 0 auto;
}

.contentContainerHolder {
    max-width: 950px;
    margin: 0 auto;
}

.contentContainer {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: 30px auto 40px;
    overflow: hidden;
    padding: 0;
}

.licenseBox {
    display: block;
    overflow: hidden;
    background: url("../images/wizard/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 146px;
    padding-right: 66px;
    position: relative;
}

.licenseBoxLeft {
    float: left;
    background-color: #fff;
    padding: 16px;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.licenseBoxRight {
    float: right;
    width: 80.5%;
    font-family: 'Open Sans', sans-serif;
}

.licenseBoxRight h4 {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 26px 0 12px;
    color: #6f7e95;
    font-size: 13px;
    position: relative;
    font-weight: 700;
}

.licenseBoxRight h4 i {
    font-family: 'FontAwesome';
    color: #46a8d9;
    margin-right: 10px;
    font-size: 15px;
}

.licenseBoxRight p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #4e515e;
    margin: 0;
    padding: 0 0 10px;
}

.sentdate {
    font-size: 11px;
}

.licenseBoxRight a {
    color: #0089cd;
    position: relative;
    font-size: 14px;
}

.licenseBoxRight a:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    position: absolute;
    right: -20px;
    top: 2px;
    width: 15px;
    height: 15px;
    display: block;
    font-size: 15px;
}

.closebutton {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 35px;
    top: 24px;
}

.closebutton a {
    color: #0089cd;
    position: relative;
    font-size: 13px;
}

.closebutton a:after {
    font-family: 'FontAwesome';
    content: "\f00d";
    position: absolute;
    right: -20px;
    width: 15px;
    height: 15px;
    display: block;
    font-size: 15px;
    top: -1px;
}

.Leftinnercontbox {
    display: block;
}

.rightChatBox {
    display: block;
}

.bodyWrap {
    width: 950px;
    margin: 0 auto;
}

.BodyContHolder:after {
    content: '';
    display: block;
    clear: both;
}

.qukBox h2 {
    font-size: 15px;
    color: #fff;
    padding: 14px 15px 14px 62px;
    background-color: #0d6aa1;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    border-radius: 5px 5px 0 0;
    margin: 0;
    font-weight: 600;
}

.qukBox h2:before {
    content: '';
    width: 34px;
    height: 34px;
    display: block;
    background-image: url(../images/wizard/quickstats.png);
    position: absolute;
    left: 17px;
    top: 12px;
}

.quickStartCont {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 27px;
}

.listItems {
    background-color: #fff;
    padding: 0 21px;
    position: relative;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.listItems:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    bottom: -8px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    width: 0;
    z-index: 9999;
    transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.listItems ul {
    margin: 0;
    padding: 0;
}

.listItems ul li {
    font-size: 18px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #f1f2f2;
    padding: 16px 0 16px 56px;
    list-style-type: none;
    margin: 0;
    position: relative;
}

.listItems ul li:last-child {
    border-bottom: 0px;
}

.listItems ul li:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    font-size: 15px;
    color: #43a1d5;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.topChatSectionContainer .qukBox .listItems ul li:after {
    content: '';
}

.quickStartCont.widgrtarea .listItems {}

.listItems ul li a {
    color: #4e515e;
    text-decoration: underline;
    text-decoration: none;
}

.listItems ul li a span {
    display: block;
    padding-top: 6px;
    color: #6f7e95;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
}

.cIcon {
    background: url(../images/wizard/cusrequest.png) no-repeat 21px center transparent;
}

.pageView {
    background: url(../images/wizard/pageview.png) no-repeat 21px center transparent;
}

.vouchred {
    background: url(../images/wizard/vouchred.png) no-repeat 21px center transparent;
}

.qus {
    background: url(../images/wizard/qust.png) no-repeat 21px center transparent;
}

.listItems ul li strong {
    color: #fff;
    background-color: #33c6b2;
    padding: 1px 7px 1px 5px;
    border-radius: 18px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0 5px 0 0;
}

.sliderBoxArea {
    background: url("../images/wizard/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 5px 5px;
    padding: 30px 23px 45px;
    text-align: center;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.sliderBoxArea .bx-wrapper .bx-viewport {
    background: transparent;
    border: 0;
    box-shadow: none;
    left: 0;
}

.sliderBoxArea strong {
    color: #4e515e;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
}

.sliderBoxArea p {
    font-family: 'Open Sans', sans-serif;
    color: #4e515e;
    font-size: 13px;
    padding: 15px 0;
    line-height: 25px;
    margin: 0;
}

.qusmore {
    border-radius: 8px;
    color: #fff;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 23px;
    text-decoration: none;
    position: relative;
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
}

.qusmore:hover {
    color: #fff;
    opacity: 0.7;
}

.qusmore i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.rightChatBox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.reviewinnerCont .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #46a8d9 !important;
    border: 1px solid #46a8d9;
    width: 10px;
    height: 10px;
    background-image: none !important;
}

.rightChatBox .bx-wrapper .bx-pager.bx-default-pager a,
.reviewinnerCont .bx-wrapper .bx-pager.bx-default-pager a {
    background-image: none !important;
}

.rightChatBox .bx-wrapper .bx-pager.bx-default-pager a,
.reviewinnerCont .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border: 1px solid #46a8d9;
}

.rightChatBox .bx-controls.bx-has-pager.bx-has-controls-direction {
    padding-top: 10px;
}

.jobsboard {
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 27px;
    background-color: #fff;
    padding-bottom: 20px;
}

.jobInner h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
    font-weight: 600;
}

.jobInner h2:before {
    background-image: url("../images/wizard/jobbrand.png");
    content: "";
    display: block;
    height: 38px;
    left: 17px;
    position: absolute;
    top: 12px;
    width: 38px;
}

.bnklogo {
    display: block;
    text-align: center;
    padding: 15px 0 20px;
    border-bottom: 1px solid #e3e9ef;
}

.jobSliderinner {
    background-color: #fff;
    text-align: center;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.BodyContHolder .bx-wrapper .bx-viewport {
    background-color: transparent;
    left: 0;
    border: 0;
    box-shadow: none;
}

.bnklogo>img {
    margin: 0 auto;
    width: 145px;
}

.jobslide p {
    padding: 0 25px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #4e515e;
    line-height: 25px;
}

.jobslide h4 {
    color: #4e515e;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 32px;
    margin: 0;
    padding: 19px 20px;
    text-align: center;
}

.readmorejob {
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 29px;
    position: relative;
    text-decoration: none;
    width: auto;
    margin: 0 auto;
}

.readmorejob:hover {
    color: #fff;
    opacity: 0.7;
}

.readmorejob i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0px, -50%);
}

.profilebox {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 27px;
    padding-bottom: 1px;
}

.profileInner h2::before {
    background-image: url("../images/wizard/jobbrand.png");
    content: "";
    display: block;
    height: 38px;
    left: 17px;
    position: absolute;
    top: 12px;
    width: 38px;
}

.profileInner h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
    font-weight: 600;
}

.profilephotoInner {
    text-align: center;
}

.profilephotoInner h4 {
    color: #4e515e;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
    padding: 15px 20px;
    text-align: center;
}

.profilephotoInner p {
    color: #4e515e;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding: 0 25px;
    text-align: center;
}

.prophoto figure {
    text-align: center;
    padding: 14px 0 0;
}

.prophoto figure img {
    display: inline;
}

.leaderboard {
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 27px;
}

.leaderboard h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
}

.leaderboard h2:before {
    background-image: url("../images/wizard/leaderbord.png");
    content: "";
    display: block;
    height: 40px;
    left: 17px;
    position: absolute;
    top: 12px;
    width: 38px;
}

.leaderbordin {
    border-top: 3px solid #eff2f4;
}

.leaderbordin .vouch-box {
    border-bottom: 0;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    margin: 0;
    background-color: #fff;
}

.leaderbordin .vouch-box:first-child {
    border-top: 0;
}

.sub-button {
    color: #0089cd;
    float: right;
    padding-top: 13px;
}

.sub-button i {
    font-size: 15px;
    margin-left: 8px;
}

.boardInner .vouch-box {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    padding-left: 0;
}

.boardInner .vouch-box-logo {
    border: 0;
    background: #fff;
}

.fullleadboard {
    /*background: url("../images/wizard/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background-color: #ffffff;
    padding: 21px 27px 1px;
    position: relative;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.boardInner h4 {
    margin: 0;
    padding: 0 0 17px;
    font-family: "Open Sans", sans-serif;
    color: #4e515e;
}

.leaderbordin .vouch-box {
    padding-left: 27px;
}

.boardInner .qusmore {
    position: absolute;
    top: 21px;
    right: 25px;
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
}

.boardInner .qusmore:hover {
    opacity: 0.7;
}

.boardInner .leaderboard-number {
    background-color: #0089cd;
}

.boardInner .vouch-box-info>a {
    text-decoration: none;
}

.boardInner .vouch-box-image img {
    border-radius: 0;
}

.recentReview {
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 27px;
}

.recentReview h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
}

.recentReview h2:before {
    background-image: url("../images/wizard/review.png");
    content: "";
    display: block;
    height: 30px;
    left: 17px;
    position: absolute;
    top: 12px;
    width: 38px;
}

.survey {
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 27px;
}

.survey h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 8px 14px;
    position: relative;
}


.ratingreviewInner {
    position: relative;
    background-color: #f5f8fa;
    height: 430px;
}

.ratingreviewInner .reviews-item {
    border-radius: 0;
    margin-bottom: 0;
}

.ldBox {
    padding: 16px 26px 16px 31px;
    border-top: 1px solid #e3e9ef;
    position: relative;
}

.ldBoxInner:after {
    content: '';
    display: block;
    clear: both;
}

.lodge-disput {
    float: left;
}

.lodge-disput i {
    color: #f9a825;
    font-family: fontawesome;
    margin-right: 7px;
    font-size: 15px;
}

.lodge-disput a {
    color: #4e515e;
}

.respondbox {
    float: right;
}

.respondbox i {
    font-family: fontawesome;
    color: #0089cd;
    margin-right: 7px;
    font-size: 15px;
}

.respondbox a {
    color: #0089cd;
}

.cusrevTotal {
    background: url("../images/wizard/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 22px 29px 22px;
    position: relative;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.cusrevTotalInner:after {
    content: '';
    display: block;
    clear: both;
}

.revtotal {
    float: left;
}

.allrev {
    float: right;
}

.allrev .sub-button {
    padding-top: 0;
}

.revtotal {
    font-weight: 600;
    color: #6f7e95;
    font-size: 13px;
}

.revtotal strong {
    background-color: #33c6b2;
    border-radius: 18px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin: 0 5px 0 0;
    padding: 1px 7px 1px 5px;
}

.recentReviewInner .reviews-item-white p {
    padding: 10px 92px 0 26px;
    line-height: 25px;
}

.BodyContHolder .bx-wrapper .bx-viewport {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    left: 0;
}

.recentReview .bx-wrapper .bx-pager {
    display: none;
}

.outside .bx-prev {
    background: url("../images/wizard/arrowtop.png") no-repeat 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.outside .bx-next {
    background: url("../images/wizard/arrowbot.png") no-repeat 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
    margin-top: 30px;
}

.ctrlBox {
    bottom: 16%;
    position: absolute;
    right: 27px;
    width: 16px;
}

.BodyContHolder .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 10px;
}

.revTestimonial .bx-wrapper {
    margin-bottom: 35px;
}

.statusSection {
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 27px;
}

.statusSection h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
}

.statusSection h2:before {
    background-image: url("../images/wizard/chart.png");
    content: "";
    display: block;
    height: 34px;
    left: 17px;
    position: absolute;
    top: 12px;
    width: 34px;
}

.ausBizSection {
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
}

.ausBizSection h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
}

.ausBizSection h2:before {
    background-image: url("../images/video2x.png");
	background-size: 35px;
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    left: 17px;
    position: absolute;
    top: 12px;
}

.AwardPanelOne,
.CustomerPanelOne,
.AvPanelOne,
.TotalPanelOne {
    padding-top: 0;
}

.AwardPanelOne,
.CustomerPanelOne,
.AvPanelOne,
.TotalPanelOne {
    color: #585456;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 131px;
    margin: 0 8px;
}

.ratingSkill {
    background-color: #fff;
    text-align: center;
    padding: 22px 0 15px;
}

.chatVal {
    left: 0px;
    position: absolute;
    top: 47px;
    width: 131px;
}

.chatVal strong {
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.chatVal.redtxt strong {
    color: #eb5666;
}

.chatVal.bluetxt strong {
    color: #43a1d5;
}

.chatVal.greentxt strong {
    color: #00b89f;
}

.chatVal.greytxt strong {
    color: #6f7e95;
}

.ratingSkill i {
    font-family: fontawesome;
    font-size: 20px;
    font-weight: normal;
}

.chatVal span {
    display: block;
    font-size: 10px;
    padding: 4px 0 0;
    text-transform: uppercase;
}

.chatVal.redtxt span {
    color: #eb5666;
}

.chatVal.bluetxt span {
    color: #43a1d5;
}

.chatVal.greentxt span {
    color: #00b89f;
}

.chatVal.greytxt span {
    color: #6f7e95;
}

.rtlskl {
    font-size: 14px;
    color: #4e515e;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-align: left;
    padding: 33px 0 14px 32px;
    box-shadow: 0 3px 2px #eee;
    -moz-box-shadow: 0 3px 2px #eee;
    -webkit-box-shadow: 0 3px 2px #eee;
    -o-box-shadow: 0 3px 2px #eee;
    -ms-box-shadow: 0 3px 2px #eee;
}

.areaimp {
    background: url("../images/wizard/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 21px 27px 1px;
    position: relative;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.areaimp h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #4e515e;
    padding: 0 0 17px 26px;
    margin: 0;
    position: relative;
}

.areaimp h4:before {
    font-family: fontawesome;
    content: "\f05a";
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    left: 0;
    top: 0;
    color: #fb8253;
    font-size: 20px;
}

.areaimp em {
    color: #fb8253;
}

.areaimp p {
    font-size: 13px;
    margin: 0;
    padding: 0 0 25px 0;
    font-family: "Open Sans", sans-serif;
}

.areaimp p a {
    color: #0089cd;
    margin-left: 5px;
}

.topChatSectionContainer {
    display: block;
}

.topChatSectionContainer:after,
.jobsleadContainer:after,
.reviewStatus:after {
    content: '';
    display: block;
    clear: both;
}

.sectionleftSide {
    float: left;
    /* width: 610px; 14-02-2017 (https://cn.teamwork.com/#/tasks/10798299)*/
    width: 635px;
}

.BodyContHolder .sectionrightSide {
    float: right;
    width: 282px;
}

.profileStrengthSec {
    box-shadow: 0 2px 3px #eee, 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 2px 3px #eee, 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 2px 3px #eee, 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 2px 3px #eee, 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 2px 3px #eee, 0 8px 8px -12px #696868 inset;
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
}

.profileStrengthSec .bar-outer {
    background-color: #fff;
    border: 1px solid #ebeff2;
    float: left;
    height: 13px;
    margin: 2px 10px;
    overflow: hidden;
    width: 92%;
}

.profileStrengthSec .bar-outer .bar-inner-darker {
    background: rgba(0, 0, 0, 0) url("../images/dashboard/progress-bar-bg.gif") repeat-x 0 0;
    height: 13px;
    width: 85%;
}

.Ptext {
    padding: 9px 17px 6px 12px;
    font-family: "Open Sans", sans-serif;
    color: #4e515e;
    position: relative;
}

.Ptext span {
    color: #00b89f;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    height: 10px;
    position: absolute;
    right: 29px;
    top: 17px;
    width: 10px;
}

.profilebox .bx-wrapper {
    margin: 0 auto 40px;
}

.leaderboard-number+a {
    color: #4e515e;
}

.reviewloader {
    margin: 0;
    padding: 0;
}

.reviewloader li {
    display: inline-block;
}

.barChartBox .highcharts-yaxis-labels text {
    display: none;
}

.barChartBox {
    padding-top: 55px;
}

.revslide {
    margin: 0;
    padding: 0;
}

.ratingreviewInner .bx-wrapper {
    margin: 0 auto 0;
}


/*Dashboard Home Page End*/


/*analytics_k Page Start*/

.reviewloader i {
    font-family: fontawesome;
    font-size: 20px;
    font-weight: normal;
}

.graphLeftContainerSection {
    padding-left: 36px;
}

.overviewChatsection .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}

.overviewChatsection {
    padding-top: 21px;
}

.graphLeftContainerSection h3 {
    font-size: 21px;
    font-family: "Open Sans", sans-serif;
    color: #353537;
    font-weight: 400;
    border-bottom: 1px solid #efefef;
    padding: 20px 0;
}

.overviewChatsection .AwardPanelOne,
.overviewChatsection .CustomerPanelOne,
.overviewChatsection .AvPanelOne,
.overviewChatsection .TotalPanelOne {
    width: 154px;
}

.overviewChatsection .reviewloader {
    text-align: center;
}

.overviewChatsection .reviewloader li {
    margin: 0 5px;
}

.overviewChatsection .chatVal {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 67px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.averageratingSection {
    display: block;
    padding: 20px 0;
}

.averageratingSection h3+p {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #353537;
    line-height: 22px;
}

.chartGraphBox .highcharts-legend {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.chartGraphBox .highcharts-button {
    display: none;
}

#averagerating .highcharts-legend {
    display: none;
}


/*analytics_k Page End*/


/*Profile Page Start _k*/

.statusCheckBox {
    background: url("/images/dashboard/contact-page-bg.jpg") repeat scroll 0 0 #f5f8fa;
    margin-left: 4px;
    overflow: hidden;
    padding: 30px 33px 34px 39px;
    border-bottom: 1px solid #e3e9ef;
}

.statusCheckBox img {
    float: left;
}

.statusBoxRight {
    box-sizing: border-box;
    float: left;
    padding: 0 10px 0 20px;
    width: 77%;
}

.statusBoxRight strong {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 11px 0 15px;
    color: #6f7e95;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #e3e9ef;
    display: block;
}

.statusBoxRight p {
    font-size: 13px;
    color: #6f7e95;
    padding: 15px 0 0;
}

.lernmoreStat {
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 29px;
    position: relative;
    text-decoration: none;
    width: auto;
    margin: 0 auto;
}

.lernmoreStat:hover {
    color: #fff;
    opacity: 0.7;
}

.lernmoreStat i {
    margin-left: 10px;
    font-size: 15px;
}

.renualSection {
    padding: 0 34px;
}

.profileCheckBoxSingle {
    padding: 25px 7px 25px 10px;
    border-bottom: 1px solid #efefef;
}

.profileCheckBoxSingle:after {
    content: '';
    display: block;
    clear: both;
}

.circularGraph {
    width: 121px;
    float: left;
}

.policyChkTxt {
    max-width: 227px;
    width: 100%;
    float: left;
    padding: 0 0 0 16px;
}

.policyChkTxt h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8693a7;
    margin: 0;
    padding: 12px 0 10px;
}

.policyChkTxt p {
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
}

.reniewNow {
    width: 118px;
    float: right;
}

.renewbtn {
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 17px;
    position: relative;
    text-decoration: none;
    width: auto;
    margin: 0;
}

.renewbtn i {
    font-size: 15px;
    margin-left: 5px;
}

.renewbtn.bluebtn {
    background-color: rgba(0, 137, 205, 1);
}

.renewbtn.bluebtn:hover {
    color: #fff;
    opacity: 0.7;
}

.renewbtn.orangebtn {
    background-color: rgba(249, 102, 74, 1);
}

.renewbtn.orangebtn:hover {
    color: #fff;
    opacity: 0.7;
}

.autoRenOn {
    padding: 23px 0 18px;
    display: block;
}

.autoRenOn span {
    color: #0089cd;
    font-size: 13px;
    text-decoration: underline;
}

.autoRenOn i {
    font-family: fontawesome;
    font-size: 16px;
    color: #00bfa5;
    margin: 0 6px 0 0;
}

.expiredBox {
    border: 5px solid #f9824a;
    border-radius: 119px;
    height: 110px;
    width: 110px;
    display: table;
}

.expiredBox.bluering {
    border: 5px solid #00bfa5;
}

.autoRenOn.autoOff i {
    color: #bfcad5;
}

.expiredBox span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.expiredBox span strong {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #6f7e95;
    text-transform: uppercase;
}

.renewbtn.verifiedbtn {
    border: 1px solid #9aa4b5;
    color: #9aa4b5;
    padding: 8px 31px;
    margin: 58px 0 0;
}

.renewbtn.verifiedbtn:hover {
    color: #9aa4b5;
    opacity: 0.7;
}

.chkBtn {
    margin: 58px 0 0;
}

.renualSection .profileCheckBoxSingle:last-child {
    border-bottom: 0;
}

.canvasWrap {
    position: relative;
}

.expireCount {
    text-transform: uppercase;
    position: absolute;
    top: 25px;
    width: 100%;
}

.expireCount span {
    display: block;
    font-size: 11px;
    text-align: center;
}

.expireCount strong {
    font-size: 30px;
    color: #6f7e95;
    font-weight: 300;
    padding: 10px 0;
    display: block;
    text-align: center;
}


/*Profile Page End _k*/


/*Profile Review Page Start _k*/

.statusBoxRight.cusReviews {
    padding-right: 0;
}

.nonCustomer {
    color: #6f7e95;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 11px 0 0;
}

.ratesyou {
    color: #6f7e95;
    font-size: 13px;
    padding: 15px 0 15px;
    border-bottom: 1px solid #e3e9ef;
}

.cusEmail {
    color: #8693a7;
    font-size: 13px;
    padding: 15px 0 0;
}

.inputSend:after {
    content: '';
    clear: both;
    display: block;
}

.inputSend {
    padding-top: 11px;
}

.inputSend span {
    width: 75%;
    display: inline-block;
}

.inputSend span input {
    width: 100%;
    padding: 13px 8px;
}

.sendMsg {
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 14px 18px;
    position: relative;
    text-decoration: none;
    width: auto;
    margin: 0 0 0 5px;
}

.sendMsg:hover {
    opacity: 0.7;
    color: #fff;
}

.sendMsg i {
    font-family: fontawesome;
    margin-right: 8px;
}

i {
    font-family: fontawesome;
}

.revNonmemberGraphInner {
    padding: 26px 34px;
}

.revNonmemberGraphInner h5 {
    font-size: 14px;
    color: #8a95a5;
    padding-bottom: 19px;
}

.revNonmemberGraphInner h5 span {
    background-color: #00bfa5;
    border-radius: 18px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin: 0 5px 0 0;
    padding: 2px 7px 2px 6px;
}

.singleProfileRevBox {
    margin: 0 0 19px 0;
}

.messagePostCont {
    border: 1px solid #e3e9ef;
    margin-bottom: 20px;
    border-radius: 8px;
}

.colorWrap {
    background: #f5f8fa none repeat 0 0;
    padding: 20px 20px 20px;
}

.colorWrap.spaceone {
    padding-bottom: 0;
}

.singleProfileRevBox .topText {
    border-bottom: 1px solid #e3e9ef;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 10px;
}

.singleProfileRevBox .msgDatenew strong {
    font-size: 12px;
    color: #6f7e95;
    padding-right: 10px;
    font-style: normal;
}

.msgDatenew em {
    font-size: 11px;
}

.expandclk {
    color: #0089cd;
    float: right;
    position: relative;
    width: 60px;
}

.expandclk:after {
    font-family: FontAwesome;
    content: "\f0d7";
    width: 12px;
    height: 12px;
    display: block;
    right: 0px;
    font-size: 17px;
    position: absolute;
    top: 0;
}

.msgDatenew {
    color: #6f7e95;
    float: left;
    font-size: 12px;
    font-style: italic;
}

.msgDatenew i {
    font-style: normal;
    margin: 0 8px 0 0;
    color: #0089cd;
    font-size: 14px;
}

.singleProfileRevBox .msgDatenew.onlineoner strong {
    color: #0089cd;
}

.reviews-item.prorev {
    border: 0;
    margin-bottom: 0;
}

.reviews-item.prorevToogle {
    border: 0;
    margin-bottom: 0;
    background: #f5f8fa none repeat 0 0;
    padding: 0 20px 19px;
    border-radius: 0;
}

.revTextPanel {
    line-height: 25px;
    padding: 10px 92px 0 26px;
    font-style: italic;
    font-size: 13px;
}

.idboxHolder .ldBox {
    background-color: #f5f8fa;
}

.idboxHolder .testimonial-box-arrow-up-inner {
    border-bottom: 10px solid #f5f8fa;
}

.revFrmMembers {
    border-top: 1px solid #e3e9ef;
    padding-top: 22px;
}


/*Profile Review Page End _k*/


/*ac membership _k*/

.acMembership {
    margin: 0 auto;
    max-width: 347px;
}

.memberInnerCont h2 {
    background: url(../images/dashboard/bluetexture.png) repeat 0 0 transparent;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    font-weight: 300;
    margin: 0;
    padding: 20px;
}

.memberInnerCont h2 strong {
    display: block;
    font-size: 14px;
}

.membershipOverlay {
    display: none;
}

.add-new-card:focus {
    outline: none;
    border: none;
}

.activePaymentBg .ui-dialog {
    background: none;
    border: 0;
    padding: 0 !important;
    margin: 0 !important;
    left: 50% !important;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

.activePaymentBg .ui-dialog-titlebar.ui-widget-header {
    border: 0;
    background: none;
    color: #fff;
}

.activePaymentBg .ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: 0;
    right: 0;
    float: right;
    height: 24px;
    width: 55px;
    position: relative;
}

.activePaymentBg .ui-dialog .ui-dialog-titlebar-close:focus {
    border: 0;
    outline: none;
}

.activePaymentBg .ui-dialog .ui-dialog-titlebar-close:before {
    display: block;
    position: absolute;
    content: "Close";
    right: 0;
    top: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
}

.activePaymentBg .ui-dialog .ui-dialog-titlebar-close:after {
    font-family: 'FontAwesome';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    content: "\f00d";
    right: 40px;
    top: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
}

.activePaymentBg .ui-state-default .ui-icon {
    background: none;
}

body.activePaymentBg:before {
    display: table;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(25, 45, 58, 0.9);
    z-index: 100;
}

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

.radiobuttonSectionnew input[type="radio"] {
    display: none;
}

.radiobuttonSectionnew>span {
    display: block;
    padding-bottom: 10px;
    font-size: 13px;
    color: #8693a7;
}

.radiobuttonSectionnew input[type="radio"]+label {
    background: url(../images/dashboard/radiobutton-normal.jpg) no-repeat 0 10px transparent;
    width: 192px;
    height: 36px;
    display: inline-block;
    color: #4e515e;
    font-size: 13px;
    text-align: right;
}

.radiobuttonSectionnew input[type="radio"]:checked+label {
    background: url(../images/dashboard/radiobutton-checked.jpg) no-repeat 0 10px transparent;
    width: 192px;
    height: 36px;
    display: inline-block;
    color: #4e515e;
    font-size: 13px;
    text-align: right;
}

.fieldBtnone {
    display: inline;
    margin-left: 22px;
}

.radiobuttonSectionnew .fieldBtnone input[type="radio"]+label {
    width: 79px;
}

.radiobuttonSectionnew .fieldBtnone input[type="radio"]:checked+label {
    width: 79px;
}

.expDate {
    color: #8693a7;
    display: block;
    font-size: 13px;
    padding: 0 0 6px;
}

.expdateBox input {
    background: url(../images/dashboard/cal-icon.png) no-repeat 95% 11px transparent;
}

.ageseclectnew {
    float: left;
    width: 62%;
}

.postalcodenew {
    float: right;
    width: 33%;
    padding-top: 6px;
}

.postalcodenew img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.subscribeTxt {
    color: #8693a7;
}

.paynowBtn {
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    border-radius: 8px;
    color: #fff !important;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 11px 18px;
    position: relative;
    text-decoration: none;
    width: auto;
    margin: 0 0 0 5px;
    display: block;
    text-align: center;
}

.paynowBtn:hover {
    opacity: 0.7;
    color: #fff;
}


/*ac membership end _k*/


/*membership Start _k*/

.subscribePanel {
    background: #f5f8fa none repeat scroll 0 0;
    margin-left: 4px;
    overflow: hidden;
    padding: 30px 33px 93px 39px;
}

.subscribePanelInner {
    box-sizing: border-box;
    float: right;
    padding: 24px 10px 0 20px;
    width: 67%;
}

.subscribePanelInner h3 {
    border-bottom: 1px solid #e3e9ef;
    color: #6f7e95;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding-bottom: 12px;
}

.subscribePanelInner p {
    margin: 0;
    padding: 0 55px 0 0;
    color: #6f7e95;
    font-size: 13px;
}

.subscribePanelInner p strong {
    font-style: italic;
}

.subscribePanelInner p a {
    color: #0089cd;
}

.planChat {
    width: 154px;
    padding: 0;
    float: left;
}

.planChat h4 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 14px 0;
    text-align: center;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.planChatInnerBox {
    background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    padding: 19px 0 21px;
    text-align: center;
    position: relative;
}

.reniewTxt {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 44px;
    transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
}

.reniewTxt span {
    text-transform: uppercase;
    font-size: 13px;
    color: #6f7e95;
    display: block;
}

.reniewTxt strong {
    font-weight: 300;
    font-size: 30px;
    padding: 11px 0;
    display: block;
}

.autorenText {
    background: url(/images/dashboard/radiobutton-checked.jpg) no-repeat 22px 3px transparent;
    background-size: 12px auto;
    margin: 20px 0 0;
    padding: 0 0 0 24px;
}

.autorenText a {
    text-decoration: underline;
    color: #0089cd;
}

.messageArea.messageareaPanel {
    margin: -172px 0 0 7px;
}


/*membership End _k*/


/*Competition Section Start*/

@font-face {
    font-family: 'PermanentMarker';
    src: url('../fonts/PermanentMarker.eot?#iefix') format('embedded-opentype'), url('../fonts/PermanentMarker.woff') format('woff'), url('../fonts/PermanentMarker.ttf') format('truetype'), url('../fonts/PermanentMarker.svg#PermanentMarker') format('svg');
    font-weight: normal;
    font-style: normal;
}

.competitionCont {
    background: url(../images/competition/compititon-bg.jpg) no-repeat center 116px #0d294a;
    color: #fff;
    font-size: 25px;
}

.competitionContInner {
    max-width: 421px;
    margin: 0 auto;
}

.financeHealth {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    display: block;
    padding: 29px 0 23px;
}

.socialIconSection {
    text-align: center;
    margin: 0;
    padding: 0 0 32px 0;
}

.socialIconSection li {
    display: inline-block;
    margin: 0;
    padding: ;
}

.socialIconSection li i {
    font-family: fontawesome;
    color: #fff;
}

.socialIconSection li.twitter-icon {
    background-color: #34a9d0;
}

.socialIconSection li.facebook-icon {
    background-color: #32598f;
}

.socialIconSection li.linkden-icon {
    background-color: #4899c6;
}

.socialIconSection li.gplus-icon {
    background-color: #f66a52;
}

.socialIconSection li a {
    box-sizing: border-box;
    display: block;
    padding: 7px 0;
    text-decoration: none;
    vertical-align: middle;
    width: 32px;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
}

.socialIconSection li a:hover {
    opacity: 0.7;
}

.logoCont {
    display: block;
    text-align: center;
    padding: 0 0 19px;
    margin: 0;
}

.logoCont+span {
    font-family: 'PermanentMarker';
    color: #fff;
    font-size: 19px;
    line-height: 26px;
    padding: 0 0 27px 0;
    display: block;
    text-align: center;
}

.adviserBtn {
    width: 220px;
    height: 37px;
    margin: 0 auto 20px;
    display: block;
    background: #f66a52;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 37px;
    padding: 0 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.adviserBtn:hover {
    color: #fff;
    opacity: 0.7;
}

.adviserBtn:focus {
    outline: none;
    border: 0;
}

.compLightBox {
    text-align: center;
    display: none;
}

.activePopBg .ui-dialog {
    background: none;
    border: 0;
    padding: 0 !important;
    margin: 0 !important;
    left: 50% !important;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

.activePopBg .ui-widget-header {
    border: 0;
    background: none;
    color: #fff;
}

.activePopBg .ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: 0;
    right: 50%;
    transform: translate(50%);
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -o-transform: translate(50%);
    -ms-transform: translate(50%);
    height: 24px;
    float: right;
    width: 55px;
    position: relative;
}

.activePopBg .ui-dialog .ui-dialog-titlebar-close:focus {
    border: 0;
    outline: none;
}

.activePopBg .ui-dialog .ui-dialog-titlebar-close:before {
    display: block;
    position: absolute;
    content: "Close";
    right: 0;
    top: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
}

.activePopBg .ui-dialog .ui-dialog-titlebar-close:after {
    font-family: 'FontAwesome';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    content: "\f00d";
    right: 36px;
    top: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
}

.activePopBg .ui-state-default .ui-icon {
    background: none;
}

.compLightBox img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

body.activePopBg:before {
    display: table;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 24, 52, 0.7);
    z-index: 100;
}

.frmsectionContainer {
    padding-bottom: 46px;
}

.frmsectionContainer h2 {
    margin: 0;
    padding: 18px 0;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 300;
    display: block;
    text-align: center;
    background: url(../images/competition/bluebg.jpg) repeat 0 0 transparent;
    font-size: 21px;
    border-radius: 5px 5px 0 0;
}

.frmInnerContainer {
    background-color: #fff;
    padding: 18px 16px 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
}

.Inputholder {
    padding: 0 0 18px;
    margin: 0;
}

.Inputholder label {
    font-size: 13px;
    color: #8693a7;
    display: block;
    padding: 0 0 6px;
}

.radiobuttonSection span {
    font-size: 13px;
    color: #8693a7;
    margin-right: 5px;
}

.Inputholder input {
    width: 100%;
    border: 1px solid #d2dae2;
    background-color: #fff;
}

.Inputholder ::-moz-placeholder {
    color: #4e515e;
    opacity: 1;
}

.Inputholder ::-webkit-input-placeholder {
    color: #4e515e;
}

.Inputholder :-ms-input-placeholder {
    color: #4e515e;
}

.ageseclect {
    width: 47%;
    float: left;
}

.postalcode {
    width: 47%;
    float: right;
}

.Inputholder:after,
.radiobuttonSection:after {
    content: '';
    display: block;
    clear: both;
}

.ageseclect label {
    display: block;
}

.ageseclect select {
    width: 100%;
    background: url(../images/competition/selectarrow.jpg) no-repeat 95% 17px transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
}

.radiobuttonSection {
    padding: 18px 0 29px;
    margin: 0;
}

.quantityBox select {
    width: 100%;
    max-width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url(../images/competition/selectarrow.jpg) no-repeat 97% 17px transparent;
}

.selectwrap {
    position: relative;
}

.Inputholder textarea {
    width: 100%;
    resize: none;
    height: 179px;
    padding: 15px 15px 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #4e515e;
    font-size: 13px;
    line-height: 23px;
}

.textareaBlock {
    position: relative;
}

.remainingWord {
    bottom: 40px;
    color: #00a690;
    font-size: 12px;
    font-style: normal;
    left: 15px;
    position: absolute;
}

.termstexBlock strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #707b8c;
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0;
}

.termstexBlock span {
    font-family: 'Open Sans', sans-serif;
    color: #707b8c;
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0;
}

.termstexBlock span a:hover {
    color: #0d294a;
}

.frmInnerContainer input[type='submit'] {
    box-shadow: none;
    border: none;
    padding: 13px 0;
    margin: 12px 0 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    background-color: rgba(0, 137, 205, 1);
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
}

.frmInnerContainer input[type='submit']:hover {
    opacity: 0.7;
}

.compRules {
    background-color: #e3eaef;
    padding: 33px 39px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #4e515e;
}

.compRules strong {
    padding: 0 0 12px 0;
    display: block;
    text-align: center;
}

.compRules p {
    line-height: 21px;
}

.compRules p a {
    color: #0089cd;
}

.radiobuttonSection input[type="radio"] {
    display: none;
}

.fieldBtn {
    display: inline;
    margin: 0;
}

.radiobuttonSection input[type="radio"]+label {
    background: url(../images/competition/radiobutton-normal.jpg) no-repeat 0 0 transparent;
    width: 46px;
    height: 18px;
    display: inline-block;
    color: #4e515e;
    font-size: 13px;
    text-align: right;
}

.radiobuttonSection input[type="radio"]:checked+label {
    background: url(../images/competition/radiobutton-checked.jpg) no-repeat 0 0 transparent;
    width: 46px;
    height: 18px;
    display: inline-block;
    color: #4e515e;
    font-size: 13px;
    text-align: right;
}


/*Competition Section End*/


/*Widget Section Start _k*/

.addcoustomerWidget .addCustomer {
    width: 120px;
}

.addcoustomerWidget i,
.addmorewidget i {
    font-family: fontawesome;
}

.wigetInnerSection {
    max-width: 950px;
    margin: 0 auto;
}

.widgetContainer {
    text-align: center;
    padding: 29px 0 0;
}

.widgetContainer:after {
    content: '';
    clear: both;
    display: block;
}

.widgetContainer .widgetBox:nth-child(3n+3) {
    margin-right: 0;
}

.widgetBox {
    border-radius: 11px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    float: left;
    height: 461px;
    margin: 0 50px 47px 0;
    width: 280px;
}

.addBlock.widgetBox {
    box-shadow: none;
}

.addmorewidget {
    border: 3px dashed #d2dae2;
    border-radius: 10px;
    display: table;
    height: 454px;
    width: 100%;
}

.addtoClick {
    display: table-cell;
    vertical-align: middle;
}

.addmorewidget i {
    color: #d2dae2;
    font-size: 100px;
}

.addtoClick a {
    text-decoration: none;
}

.addtoClick span {
    color: #8a95a5;
    display: block;
    font-size: 14px;
    padding-top: 21px;
    text-decoration: underline;
}


/*Widget Section End _k*/


/* Profile Top Panel */

.profileTopapart {
    width: 100%;
    background: url('../images/dashboard/profile-top-sec-bg.jpg') repeat-x #0d6aa1;
    overflow: hidden;
}


/* Progressbar Section */

.strongerPanel {
    color: #fff;
    font-size: 15px;
}

.strongerPanel .progressBar {
    width: 78%;
    display: inline-block;
}

.strongerPanel .progressBar .label {
    display: inline-block;
    vertical-align: middle;
}

.strongerPanel .progressBar .value {
    display: inline-block;
    vertical-align: middle;
}

.strongerPanel .bar-outer {
    width: 74%;
    height: 13px;
    display: inline-block;
    margin: 2px 10px;
    background-color: #032c46;
    border: solid 1px #002338;
    overflow: hidden;
    vertical-align: middle;
}

.strongerPanel .bar-outer .bar-inner-darker {
    background: url('../images/dashboard/progress-bar-bg.gif') repeat-x;
    height: 13px;
}

.stronger {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    float: right;
}

.stronger a {
    color: #fff;
    position: relative;
}

.stronger a:before {
    font-family: FontAwesome;
    content: "\f0d7";
    width: 12px;
    height: 12px;
    display: block;
    left: -19px;
    position: absolute;
    top: 2px;
}


/* full body content */


/* left panel */

.companyPage,
.basicProfile,
.statsReport {
    padding: 0px;
}

.companyPage .leftPanel,
.basicProfile .leftPanel,
.statsReport .leftPanel {
    width: 332px;
    float: left;
    /*	-webkit-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, .1);
    box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, .1);*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.companyPage .leftPanel ul.tabPanel,
.basicProfile .leftPanel ul.tabPanel,
.statsReport .leftPanel ul.tabPanel {
    padding: 10px 0;
}

.companyPage .leftPanel ul.tabPanel li,
.basicProfile .leftPanel ul.tabPanel li,
.statsReport .leftPanel ul.tabPanel li {
    display: block;
    padding-left: 35px;
    margin: 0px;
    border-left: solid 4px #fff;
}

.companyPage .leftPanel ul.tabPanel li a,
.basicProfile .leftPanel ul.tabPanel li a,
.statsReport .leftPanel ul.tabPanel li a {
    display: block;
    padding: 20px 0;
    font-size: 15px;
    color: #4e515e;
    text-decoration: none;
    border-bottom: solid 1px #f1f4f6;
}

.companyPage .leftPanel ul.tabPanel li:hover,
.companyPage .leftPanel ul.tabPanel li.active,
.basicProfile .leftPanel ul.tabPanel li:hover,
.basicProfile .leftPanel ul.tabPanel li.active,
.statsReport .leftPanel ul.tabPanel li:hover,
.statsReport .leftPanel ul.tabPanel li.active {
    background-color: #e5f3ff;
    border-left: solid 4px #0099e6;
}

.statsReport .leftPanel ul.tabPanel li.active.active-search {
    background-color: #e5f3ff;
    border-left: solid 4px #0099e6;
}

.statsReport .leftPanel ul.tabPanel li.active.active-search a:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 8px;
    color: rgb(0, 137, 205);
}


/* right panel */

.location-header {
    margin: 0px;
}

.companyPage .rightPanel,
.basicProfile .rightPanel,
.statsReport .rightPanel {
    width: 65%;
    float: right;
    margin-left: 0px;
    -webkit-box-shadow: inset 3px 0px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 3px 0px 3px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 3px 0px 3px 0px rgba(0, 0, 0, .1);
    -o-box-shadow: inset 3px 0px 3px 0px rgba(0, 0, 0, .1);
    padding-left: 0px;
    padding-right: 0px;
}

.companyPage .rightPanel h2,
.basicProfile .rightPanel h2,
.statsReport .rightPanel h2 {
    padding: 0px 30px 20px;
    color: #353537;
    font-weight: 300;
    margin: 0px;
}

.statsReport .rightPanel h2 .fa {
    color: #0089cd;
}

.basicProfile .rightPanel h2 a.basic-profile-preview {
    float: right;
    padding: 10px 15px;
    color: #0089cd;
    border: 2px solid #8ccae8;
    text-decoration: none;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    text-align: center;
}

.basicProfile .rightPanel h2 a.basic-profile-preview .fa {
    padding-right: 6px;
}

.companyPage .rightPanel .profileCred {
    padding: 23px 34px 23px 39px;
    background: #f5f8fa;
    margin-left: 4px;
}

.basicProfile .rightPanel .profileCred {
    padding: 23px 34px 23px 39px;
    background: #f5f8fa;
    overflow: hidden;
    margin-left: 4px;
}

.statsReport-topform {
    padding-left: 39px;
    padding-right: 39px;
}

.statsReport-topform input[type="text"] {}

.statsReport .rightPanel .profileCred {
    padding: 30px 33px 34px 39px;
    background: #f5f8fa;
    overflow: hidden;
    margin-left: 4px;
}

.statsReport .rightPanel .profileCred img {
    float: left;
}


/* 13.10.2015 */

.statsReport .rightPanel .profileCred .statsReportForm {
    float: left;
    width: 77%;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}


/* 13.10.2015 */

.statsReport .rightPanel .profileCred .statsReportForm form {
    width: 100%;
}

.statsReport .rightPanel .profileCred .statsReportForm h3 {
    font-size: 14px;
    line-height: 22px;
    color: #6f7e95;
    font-weight: 600;
    padding-bottom: 12px;
    border-bottom: 1px solid #e3e9ef;
}

.statsReport .rightPanel .profileCred .statsReportForm form label {
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: 31px;
    margin-bottom: 7px;
    color: #8693a7;
}

.statsReport .rightPanel .profileCred .statsReportForm form select {
    display: block;
    width: 100%;
    max-width: 394px;
    height: 39px;
    border: none;
    padding: 0px 15;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 6px;
    -webkit-appearance: none;
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    background: url(/images/dashboard/select-box-bg.png) 95% center no-repeat #fff;
    outline: none;
}

.statsReport .rightPanel .profileCred .statsReportForm form select.property {
    max-width: 300px;
    margin-right: 0px;
    float: left;
}

.statsReport .rightPanel .profileCred .statsReportForm form .statsSearch {
    width: 74px;
    height: 38px;
    background: #0089cd;
    color: #fff;
    -moz-border-radis: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 13px;
    float: right;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
}

.companyPage .rightPanel .profileCred img.profileGraphics {}

.basicProfile .rightPanel .profileCred .basic-profile-pic {
    width: 25%;
    float: left;
}

.basicProfile .rightPanel .profileCred img.profileGraphics {
    position: relative;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    height: auto;
}

.change-pictute {
    width: 100%;
    float: left;
    background: #0089cd;
    padding: 7px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.change-pictute .fa {
    padding-right: 6px;
}

.change-pictute:hover {
    color: #fff;
}

.companyPage .rightPanel .profileCred ul {
    width: 70%;
    float: right;
}

.basicProfile .rightPanel .profileCred .basic-profile-heading {
    width: 74%;
    float: right;
}

.basicProfile .rightPanel .profileCred .basic-profile-heading h3 {
    font-size: 14px;
    line-height: 22px;
    color: #6f7e95;
    font-weight: bold;
    margin-left: 20px;
}

.basicProfile .rightPanel .profileCred .basic-profile-heading h3 a {
    color: #0089cd;
    float: right;
    font-weight: normal;
}

.basicProfile .rightPanel .profileCred .basic-profile-heading h3 a.fa {
    float: right;
    text-decoration: none;
}

.basicProfile .rightPanel .profileCred .basic-profile-heading h3 i.fa {
    margin-right: 10px;
}

.companyPage .rightPanel .profileCred ul li:first-child,
.basicProfile .rightPanel .profileCred ul li:first-child {
    border-top: solid 1px #e3e9ef;
}

.companyPage .rightPanel .profileCred ul li,
.basicProfile .rightPanel .profileCred ul li {
    border-bottom: solid 1px #e3e9ef;
    display: block;
    padding: 10px 0;
    margin: 0px;
    color: #6f7e95;
    font-weight: 600;
}

.basicProfile .rightPanel .profileCred ul li strong .italian {
    font-style: italic;
    font-weight: 700;
}

.companyPage .rightPanel .profileCred ul li label,
.basicProfile .rightPanel .profileCred ul li label {
    width: 50px;
    float: left;
    margin-right: 40px;
    font-weight: 100;
}

.companyPage .rightPanel .profileCred ul li a.edit,
.basicProfile .rightPanel .profileCred ul li a.edit {
    float: right;
    color: #008acb;
    text-decoration: none;
}

.companyPage .rightPanel .profileCred ul li a.edit:hover,
.basicProfile .rightPanel .profileCred ul li a.edit:hover {
    color: #6f7e95;
}

.companyPage .rightPanel .messageArea {
    padding: 25px 39px;
}

.basicProfile .rightPanel .messageArea {
    padding: 25px 34px 25px 39px;
}

.statsReport .rightPanel .messageArea {
    padding: 25px 34px;
}

.companyPage .rightPanel .messageArea h4,
.basicProfile .rightPanel .messageArea h4,
.statsReport .rightPanel .messageArea h4 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 100;
    margin-bottom: 15px;
}

.statsReport .rightPanel .messageArea h4 a {
    float: right;
    color: #0089cd;
    font-size: 13px;
    line-height: 22px;
}

.statsReport .rightPanel .messageArea h4 a .fa {
    font-size: 10px;
    padding-right: 6px;
}

.companyPage .rightPanel .messageArea .messagePost {
    background: #f5f8fa;
    border: solid 1px #e3e9ef;
    padding: 20px;
    margin-bottom: 20px;
}

.basicProfile .rightPanel .messageArea .messagePost {
    background: none;
    padding: 20px 0 24px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.statsReportBlock {
    padding: 18px 17px;
    border: 1px solid #e3e9ef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 18px;
    background: #fff;
}

.statsReportBlock .reportPic {
    float: left;
    margin-right: 17px;
    width: 90px;
}

.statsReportBlock .reportTxt {
    float: left;
    width: 302px;
}

.statsReportBlock .reportTxt h3 {
    font-size: 13px;
    line-height: 13px;
    color: #4e515e;
    padding: 0 0 10px;
}

.statsReportBlock .reportTxt .topText {
    overflow: hidden;
    margin-bottom: 14px;
}

.statsReportBlock .reportTxt .topText .msgDate {
    float: left;
    color: #8a95a5;
    font-size: 12px;
    font-style: italic;
}

.statsReportBlock .reportTxt .topText .msgDate strong {
    margin-right: 10px;
    font-style: normal;
    font-size: 13px;
    position: relative;
    padding-left: 20px;
}

.statsReportBlock .reportTxt .topText .msgDate strong:before {
    font-family: FontAwesome;
    content: "\f111";
    width: 12px;
    height: 12px;
    display: block;
    left: 0px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 0;
    color: #04c0a6;
}

.statsReportBlock .reportTxt .topText a {
    color: #0089cd;
    float: left;
    position: relative;
    margin-left: 18px;
    font-size: 13px;
    line-height: 22px;
    color: #0089cd;
}

.statsReportBlock .reportTxt .topText a .fa {
    padding-right: 6px;
}

.statsReportBlock .reportTxt p {
    font-size: 13px;
    line-height: 21px;
    color: #4e515e;
}

.statsReportBlock .send-btn {
    float: right;
    padding: 8px 12px;
    background: #0089cd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
}

.statsReportBlock .send-btn .fa {
    padding-right: 8px;
}

.companyPage .rightPanel .messageArea .messagePost .topText {
    border-bottom: solid 1px #e3e9ef;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.basicProfile .rightPanel .messageArea .messagePost .topText {
    overflow: hidden;
    margin-bottom: 16px;
}

.companyPage .rightPanel .messageArea .messagePost .topText .msgDate {
    float: left;
    color: #6f7e95;
    font-size: 12px;
    font-style: italic;
}

.basicProfile .rightPanel .messageArea .messagePost .topText .msgDate {
    color: #8693a7;
    font-size: 14px;
    float: left;
    text-transform: uppercase;
}

.companyPage .rightPanel .messageArea .messagePost .topText .msgDate strong {
    margin-right: 10px;
    font-style: normal;
    font-size: 13px;
    position: relative;
    padding-left: 20px;
}

.companyPage .rightPanel .messageArea .messagePost .topText .msgDate strong:before {
    font-family: FontAwesome;
    content: "\f111";
    width: 12px;
    height: 12px;
    display: block;
    left: 0px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 0;
    color: #d2dae2;
}

.companyPage .rightPanel .messageArea .messagePost .topText .msgDate.online strong:before,
.basicProfile .rightPanel .messageArea .messagePost .topText .msgDate.online strong:before {
    color: #00bfa5;
}

.companyPage .rightPanel .messageArea .messagePost .topText .expand {
    color: #0089cd;
    float: right;
    position: relative;
    width: 60px;
}

.basicProfile .rightPanel .messageArea .messagePost .topText .expand {
    color: #0089cd;
    float: right;
    position: relative;
    width: 60px;
    text-align: right;
}

.basicProfile .rightPanel .messageArea .messagePost .topText .expand .fa {
    padding-right: 6px;
}

.companyPage .rightPanel .messageArea .messagePost .topText .expand:after {
    font-family: FontAwesome;
    content: "\f0d7";
    width: 12px;
    height: 12px;
    display: block;
    right: 0px;
    font-size: 17px;
    position: absolute;
    top: 0;
}

.companyPage .rightPanel .messageArea .messagePost h6,
.basicProfile .rightPanel .messageArea .messagePost h6 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #4e515e;
}

.companyPage .rightPanel .messageArea .messagePost .msgDes p {
    color: #4e515e;
}

.basicProfile .rightPanel .messageArea .messagePost .msgDes p {
    color: #4e515e;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
}

.companyPage .rightPanel .messageArea .messagePost .msgDes p a,
.basicProfile .rightPanel .messageArea .messagePost .msgDes p a {
    color: #0089cd;
}

.companyPage .rightPanel .messageArea .messagePost .msgDes a.delete,
.basicProfile .rightPanel .messageArea .messagePost .msgDes a.delete {
    padding-left: 20px;
    color: #eb5666;
    position: relative;
    display: inline-block;
}

.basicProfile .rightPanel .messageArea .messagePost .msgDes ul {
    margin-bottom: 0px;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes,*/

.inerDes {
    min-height: 109px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e3e9ef;
    margin-bottom: 15px;
    background: #f5f8fa;
    width: 100%;
    display: table;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .inerdesLef*/

.inerDes .inerdesLef {
    /*	width:20%;*/
    width: 113px;
    border-right: 1px solid #e3e9ef;
    background: #fff;
    /*float:left;*/
    display: table-cell;
    vertical-align: middle;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .inerdesLef img*/

.inerDes .inerdesLef img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit*/

.inerDes .innerdesRit {
    /*width:79%;
	float:left;*/
    display: table-cell;
    padding: 0 19px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit h3*/

.inerDes .innerdesRit h3 {
    font-size: 14px;
    line-height: 22px;
    color: #4e515e;
    margin: 20px 0 10px;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit h3 span*/

.inerDes .innerdesRit h3 span {
    font-style: italic;
    padding-left: 12px;
    color: #8a95a5;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit ul*/

.inerDes .innerdesRit ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit ul li*/

.inerDes .innerdesRit ul li {
    font-style: italic;
    color: #8a95a5;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px;
}


/*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit ul li a*/

.inerDes .innerdesRit ul li a {
    color: #0089cd;
    text-decoration: none;
}

.companyPage .rightPanel .messageArea .messagePost .msgDes a.delete:before,
.basicProfile .rightPanel .messageArea .messagePost .msgDes a.delete:before {
    font-family: FontAwesome;
    content: "\f1f8";
    width: 12px;
    height: 12px;
    display: block;
    left: 0px;
    font-size: 14px;
    position: absolute;
    top: 0;
}

.companyPage .rightPanel h2 .lhs-nav-arrow,
.basicProfile .rightPanel h2 .lhs-nav-arrow {
    -moz-border-radius: 44px;
    border-radius: 44px;
    color: #ccc;
    border: 1px solid #ccc;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 4px 4px 2px 2px;
    font-size: 18px;
    line-height: 22px;
    vertical-align: top;
    margin-right: 2px;
    cursor: hand;
    cursor: pointer;
}


/**12.10.2015 **/

.candidateSettings {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 22px 0px 22px 10px;
}

@media all and (max-width: 960px) {
    .candidateSettings {
        width: 100%;
    }
}

.candidateSettings .candidatePic {
    float: left;
    width: 77px;
    height: 77px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #fff;
    overflow: hidden;
}

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

.candidateSettings .candidateName {
    /*float: left;*/
    margin-left: 9px;
    padding-left: 90px;
}

.candidateSettings .candidateName h3 {
    font-size: 22px;
    line-height: 27px;
    word-wrap: break-word;
    color: #fff;
    font-weight: 400;
    margin-bottom: 6px;
}

.candidateSettings .candidateName h3 span {
    display: block;
}

.candidateSettings .candidateName a {
    color: #fff;
    text-decoration: none;
}

.candidateSettings .candidateName a .fa {
    margin-right: 9px;
}

.candidateDashboard {
    width: 50%;
    float: right;
}

.candidateDashboard ul {
    list-style-type: none;
    padding: 0;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    display: block;
}

.candidateDashboard ul li {
    display: inline-block;
    width: 25%;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
}

.candidateDashboard ul li a {
    display: block;
    text-align: center;
    padding: 20px 0;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    border-right: 1px solid #0a5889;
}

.candidateDashboard ul li.active a img {
    opacity: 1;
}

.candidateDashboard ul li.active a {
    color: rgba(255, 255, 255, 1);
    background: #0b5d90;
}

.candidateDashboard ul li:first-child a {
    border-left: 1px solid #0a5889;
}

.candidateDashboard ul li:first-child a img {
    margin-bottom: 13px;
}

.candidateDashboard ul li a:hover {
    background: #0b5d90;
    color: rgba(255, 255, 255, 1);
}

.candidateDashboard ul li a img {
    display: block;
    margin: 0px auto 12px;
    /*	vertical-align:top;*/
    opacity: 0.7;
}

.candidateDashboard ul li a:hover img {
    opacity: 1;
}

.dashboardMobile {
    width: 73px;
    height: 127px;
    float: right;
    display: none;
    position: absolute;
    right: 0px;
    top: 0;
    background: #0a598b;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.dashboardMobile img {
    display: block;
    margin: 36px auto 22px;
}


/*12.10.2015 **/


/* location & contact */

.location-head-block {
    background: url(/images/dashboard/contact-page-bg.jpg) 0px 0px repeat !important;
    overflow: hidden;
}

.primary-contact-info {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.primary-contact-info li {
    padding: 14px 0;
    border-top: 1px solid #e3e9ef;
    display: table;
    margin: 0px;
}

.primary-contact-info li span {
    display: table-cell;
    font-size: 12px;
    line-height: 18px;
}

.primary-contact-info li:first-child {
    border-top: none;
}

.primary-contact-info li:last-child {
    border-bottom: 1px solid #e3e9ef;
}

.primary-contact-info li .contact-label {
    width: 100px;
}

.primary-contact-info li .contact-deatils {
    width: 312px;
    font-weight: 600;
    position: relative;
    padding-right: 140px;
    box-sizing: border-box;
    color: #6f7e95;
}

.primary-contact-info li a.fa {
    position: absolute;
    right: 0px;
    top: 0;
    text-decoration: none;
    color: #3a99d3;
    font-size: 12px;
}

.google-map {
    border: 6px solid #f4f4f4;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

.google-map iframe {
    width: 100%;
    height: 380px;
}

.office-hours {
    padding: 24px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.office-hours h3 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 400;
    text-transform: capitalize;
}

.office-hours h3 a {
    float: right;
    color: #0089cd;
    text-decoration: underline;
}

.office-hours h3 a .fa {
    padding-right: 8px;
}

.office-hours ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.office-hours ul li {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
}

.office-hours ul li span {
    width: 112px;
    display: inline-block;
}

.contact-this-adviser {
    padding: 24px 0;
    border-bottom: 1px solid #efefef;
}

.contact-this-adviser h3 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 400;
}

.contact-this-adviser h3 a {
    float: right;
    color: #0089cd;
    text-decoration: underline;
}

.contact-this-adviser h3 a .fa {
    padding-right: 8px;
}

.contact-adviser-block {
    overflow: hidden;
}

.contat-advider-pic {
    float: left;
    width: 123px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dadada;
    margin-right: 20px;
}

.contact-adviser-block img {
    display: block;
    margin: 13px auto;
}

.contact-advisor-txt {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 43%;
    padding: 15px 0;
}


/* location & contact */


/* advanced profile */

.preview-btn {
    float: right;
    padding: 10px 15px;
    color: #0089cd;
    border: 2px solid #8ccae8;
    text-decoration: none;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
}

.preview-btn .fa {
    padding-right: 6px;
}

.profileCred-right-part {
    float: left;
    width: 77%;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.profileCred-right-part h3 {
    font-size: 14px;
    line-height: 22px;
    color: #6f7e95;
    font-weight: 600;
    padding-bottom: 12px;
    border-bottom: 1px solid #e3e9ef;
}

.profileCred-right-part p {
    font-size: 12px;
    line-height: 18px;
    color: #6f7e95;
    margin: 0px;
    padding: 0;
}

.learn-more-btn {
    font-size: 13px;
    line-height: 13px;
    padding: 10px 16px;
    background: #0089cd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    cursor: pointer;
    margin-top: 15px;
}

.my-video {
    padding: 18px 0 24px;
    border-bottom: 1px solid #efefef;
}

.my-video h3 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 500;
}

.my-video h3 a {
    float: right;
    color: #0089cd;
    text-decoration: underline;
}

.my-video h3 a .fa {
    padding-right: 8px;
}

.my-video-block {
    overflow: hidden;
}

.my-video-pic {
    float: left;
    width: 123px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dadada;
    margin-right: 20px;
}

.my-video-pic img {
    display: block;
    margin: 13px auto;
}

.my-video-txt {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 43%;
    padding: 15px 0;
}


/* advanced profile */


/* vouchedfor */

.number-adviser {
    overflow: hidden;
}

.vouched-form {
    margin-top: 5px;
}

.vouched-form h3 {
    margin-bottom: 5px;
}

.vouched-form label {
    margin-bottom: 0px !important;
}

.vouched-form input[type="text"] {
    width: 100%;
    height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    outline: none;
}

.number-adviser-header {
    min-height: 71px;
    width: 100%;
    background: #0089cd;
    font-size: 0;
    line-height: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.number-adviser-logo {
    width: 82px;
    background: #00508a;
    display: inline-block;
    vertical-align: middle;
}

.number-adviser-logo img {
    margin: 11px auto;
    display: block;
}

.number-adviser-header-txt {
    display: inline-block;
    padding: 15px 270px 15px 18px;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
    width: 84%;
    vertical-align: middle;
}

.number-adviser-header-txt p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
}

.number-adviser-header-txt span {
    font-size: 46px;
    line-height: 36px;
    font-weight: 700;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 30px;
    position: absolute;
    color: #fff;
}

.number-adviser-pic {
    overflow: hidden;
    background: #f5f8fa;
    padding: 0 15px;
    border: 1px solid #e3e9ef;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.number-adviser-pic ul {
    list-style-type: none;
    padding: 0;
    margin: 13px 0;
    overflow: hidden;
}

.number-adviser-pic ul li {
    float: left;
    width: 50px;
    height: 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e3e9ef;
    overflow: hidden;
    margin: 0 7px 0 0;
}

.number-adviser-pic ul li:hover {
    border: 1px solid #f5f8fa;
}

.number-adviser-pic ul li.numberAdviser {
    margin-right: 0px;
    width: 100px;
    height: 54px;
    background: #fff;
    text-align: center;
    text-align: center;
    font-size: 20px;
    line-height: 14px;
    font-weight: 700;
    padding: 12px 0 9px;
    box-sizing: border-box;
}

.number-adviser-pic ul li.numberAdviser a {
    text-decoration: none;
    color: #0089cd;
}

.number-adviser-pic ul li.numberAdviser span {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: capitalize;
}

.number-adviser-pic ul li img {
    width: 100%;
    height: auto;
}

.number-parameter {
    border: 1px solid #2386b7;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 0px;
    line-height: 0;
    margin-bottom: 13px;
    width: 99.5%;
    padding: 0 !important;
}

.number-parameter span {
    display: inline-block;
    color: #fff;
    line-height: 14px;
    font-weight: 700;
    font-size: 8px;
    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 5px;
    border-right: 1px solid #2386b7;
    cursor: pointer;
}

.number-parameter span:nth-of-type(even) {
    background: #2795cc;
}

.number-parameter span:nth-of-type(odd) {
    background: #36abdf;
}

.vouched-you-holder {
    overflow: hidden;
    padding: 26px 0 12px 0;
    border-bottom: 1px solid #efefef;
}

.vouched-you-holder:last-child {
    border-bottom: none;
}

.vouched-you-holder h3 {
    font-size: 14px;
    line-height: 18px;
    color: #8693a7;
    margin-bottom: 20px;
}

.vouched-you-holder h3 .fa {
    float: right;
    font-size: 18px;
    color: #0089cd;
}

.vouched-you-holder h3 span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background: #00bfa5;
    font-weight: 700;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-right: 7px;
    float: left;
}

.vouched-you-block {
    padding: 16px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #f5f8fa;
    border: 1px solid #e3e9ef;
    font-size: 0;
    line-height: 0;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.vouched-you-block .vouched-block-pic {
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 1px solid #e4eaef;
    margin-right: 12px;
    /*float:left;
	display:table-cell;*/
    vertical-align: middle;
}

.vouched-you-block .vouched-block-pic img {
    width: 100%;
    height: auto;
}

.vouched-you-block .vouched-block-txt {
    display: inline-block;
    width: 66%;
    vertical-align: middle;
    /*float:left;
	display:table-cell;*/
}

.vouched-you-block .vouched-block-txt h2 {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #4e515e;
    border-bottom: none;
}

.vouched-you-block .vouched-block-txt span {
    font-size: 12px;
    line-height: 22px;
    color: #8a95a5;
    font-style: italic;
    font-weight: 400;
    margin-right: 14px;
    text-transform: capitalize;
}

.vouched-you-block .vouched-block-txt span a {
    color: #0089cd;
    text-decoration: none;
    text-align: right;
}

.vouched-you-block .vouched-block-link {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    /*display:table-cell;
	float:right;*/
    right: 20px;
}

.vouched-you-block .vouched-block-link a {
    color: #0089cd;
    font-size: 13px;
    line-height: 13px;
    text-align: right;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.vouched-you-block .vouched-block-link a.vouch-check {
    color: #33996d;
    text-decoration: none;
}

.vouched-you-block .vouched-block-link a.vouch-check .fa {
    padding-right: 6px;
}

.vouched-you-block .vouched-block-link a.vouch-cancel {
    font-size: 12px;
    color: #8693a7;
    text-decoration: underline;
    margin-top: 10px;
}


/* vouchedfor */


/* toolkit */

.tool-banner {
    overflow: hidden;
    padding-bottom: 26px;
    border-bottom: 1px solid #efefef;
}

.tool-banner h4 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 400;
    margin: 0 0 16px 0;
}

.tool-banner h4 a {
    float: right;
    font-size: 13px;
    line-height: 22px;
    color: #0089cd;
}

.tool-banner p {
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
    padding: 0 150px 0 0;
    margin: 0;
}

.tool-banner-pic {
    width: 200px;
    height: 200px;
    float: left;
    border: 1px solid #d9d9d9;
    margin-top: 26px;
}

.tool-banner-pic img {
    width: 100%;
    height: auto;
}

.embed-code-area {
    padding: 26px 0;
    border-bottom: 1px solid #efefef;
}

.embed-code-area h3 {
    font-size: 13px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 400;
    margin: 0 0 13px 0;
}

.embed-code-area h3 a {
    float: right;
    font-size: 13px;
    line-height: 22px;
    color: #0089cd;
}

.embed-code-area h3 a .fa {
    padding-right: 6px;
    font-size: 12px;
    color: #0089cd;
}

.embed-code-area p {
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
    margin: 0;
}

.embed-code-area textarea {
    width: 100%;
    padding: 15px 17px;
    border: 1px solid #ebebeb;
    background: #f5f8fa;
    margin-top: 14px;
    box-shadow: none;
    resize: none;
}

.tool-social-area {
    padding: 26px 0px;
}

.tool-social-area h3 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    font-weight: 400;
    margin: 0 0 13px 0;
}

.tool-social-area p {
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
    margin: 0;
}

.tool-social-area ul {
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 14px 0 0 0;
}

.tool-social-area ul li {
    float: left;
}

.tool-social-area ul li a {
    display: inline-block;
    padding: 6px 15px;
    background: #0089cd;
    margin-right: 5px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.tool-social-area ul li a .fa {
    font-size: 20px;
    padding-right: 8px;
}

.statsReport .rightPanel .profileCred .statsReportForm form .tool-view-btn {
    height: 39px;
    line-height: 39px;
    display: inline-block;
    background: #0089cd;
    width: auto;
    color: #fff;
    font-size: 13px;
    float: right;
    padding: 0px 16px;
    cursor: pointer;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
}

.statsReport .rightPanel .profileCred .statsReportForm form select.item-select {
    max-width: 316px;
    float: left;
}


/* toolkit */


/* trans-history */

.payment-method-block {
    padding: 22px 19px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin-bottom: 15px;
    position: relative;
}

.payment-card-pic,
.payment-card-detail,
.payment-card-delet,
.payment-card-default {
    display: inline-block;
}

.payment-card-pic {
    width: 53px;
    height: 36px;
    vertical-align: middle;
}

.payment-card-detail {
    width: 56%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0 10px;
    vertical-align: middle;
}

.statsReport .rightPanel .messageArea .payment-card-detail h4 {
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 12px;
    color: #4e515e;
    font-weight: 600;
    margin-bottom: 6px;
}

.statsReport .rightPanel .messageArea .payment-card-detail p {
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 12px;
    color: #8a95a5;
    font-style: italic;
}

.payment-card-delet {
    width: 50px;
    vertical-align: middle;
    position: absolute;
    right: 120px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.payment-card-delet a {
    font-size: 13px;
    line-height: 22px;
    color: #0089cd;
    font-weight: 400;
}

.payment-card-default {
    width: 100px;
    vertical-align: middle;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    text-align: right;
}

.add-new-card {
    max-width: 125px;
    height: 40px;
    background: #0089cd;
    color: #fff;
    font-size: 13px;
    line-height: 40px;
    font-weight: 600;
    padding: 0px;
    margin: 13px 0 0;
    text-align: center;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
}

.payment-card-default input[type="radio"] {
    display: none;
}

.payment-card-default input[type="radio"]+label {
    background: url(../images/dashboard/radiobutton-normal.jpg) 100% 0px no-repeat;
    padding-right: 25px;
    display: block;
}

.payment-card-default input[type="radio"]:checked+label {
    background: url(../images/dashboard/radiobutton-checked.jpg) 100% 0px no-repeat;
}


/* trans-history */

.makeProfileBlock {
    padding: 30px 0 40px;
    background: #192d3a;
    position: absolute;
    width: 100%;
    top: 67px;
    z-index: 100;
    left: 0;
}

.makeProfileBlock .wrapAdd h3 {
    font-size: 21px;
    line-height: 31px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: center;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox {
    width: 100%;
    margin-right: 20px;
    background: #fff;
    position: relative;
    text-align: center;
    padding-bottom: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox .picPan {
    padding: 20px 0;
    position: relative;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
}

.makeProfileBlock .wrapAdd .profileDropdown .slide:nth-of-type(even) .picPan {
    background: url(../images/dashboard/blue-pattern.gif) 0px 0px repeat;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide:nth-of-type(odd) .picPan {
    background: url(../images/dashboard/green-pattern.gif) 0px 0px repeat;
}

.makeProfileBlock .bx-wrapper .bx-pager.bx-default-pager a.active,
.makeProfileBlock .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
    width: 10px;
    height: 10px;
    background-image: none !important;
}

.makeProfileBlock .bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    border: 2px solid #fff;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    display: block;
}

.makeProfileBlock .bx-pager-item {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background: none;
}

.makeProfileBlock .bx-wrapper .bx-pager.bx-default-pager a:hover,
.makeProfileBlock .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox .picPan img {
    display: block;
    margin: 0px auto;
}

.numberCount {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox h4,
.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox p {
    padding: 0 12px;
    text-align: center;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox h4 {
    font-size: 19px;
    line-height: 24px;
    color: #4e515e;
    font-style: italic;
    font-weight: 300;
    padding: 0px;
    margin: 18px 0 0;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox p {
    font-size: 13px;
    line-height: 24px;
    color: #4e515e;
    font-style: italic;
    font-weight: 300;
    padding: 0px;
    margin: 18px 0 22px;
}

.makeProfileBlock .wrapAdd .profileDropdown .slide .profileBox a {
    width: 100px;
    height: 32px;
    background: url(../images/dashboard/do-it-bg.jpg) 85px center no-repeat #0089cd;
    margin: 0px auto;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    font-weight: 700;
    text-decoration: none;
}

.makeProfileBlock .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.makeProfileBlock .bx-wrapper .bx-prev,
.makeProfileBlock .bx-wrapper .bx-prev:hover {
    left: -40px;
    background: url(../images/dashboard/basic-profile-slide-left.png) 0px 0px no-repeat;
}

.makeProfileBlock .bx-wrapper .bx-next,
.makeProfileBlock .bx-wrapper .bx-next:hover {
    right: -40px;
    background: url(../images/dashboard/basic-profile-slide-right.png) right 0px no-repeat;
}


/*membership starts here */


/*membership starts here */

.membership-block {
    overflow: hidden;
    width: 541px;
}

.membership-price-block {
    height: 105px;
    display: table;
    width: 541px;
}

.membership-price-blank {
    display: table-cell;
    width: 192px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 0 16px;
    font-size: 13px;
    line-height: 15px;
    color: #4e515e;
    font-weight: 700;
}

.membership-price-basic {
    display: table-cell;
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/dashboard/table-price-bg.jpg) 0px 0px repeat;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5x;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    min-height: 105px;
    padding: 12px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.membership-price-basic h3 span {
    display: block;
}

.membership-price-standard {
    display: table-cell;
    display: table-cell;
    width: 117px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/dashboard/table-price-bg.jpg) 0px 0px repeat;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5x;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    min-height: 105px;
    padding: 12px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.membership-price-premium {
    display: table-cell;
    display: table-cell;
    width: 117px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/dashboard/table-price-bg.jpg) 0px 0px repeat;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5x;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    min-height: 105px;
    padding: 12px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.membership-price-circle {
    width: 80px;
    height: 80px;
    background: none;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border: 2px solid #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.membership-price-circle h3 {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin: 20px 0 0;
    padding: 0;
}

.membership-block-heading {
    display: table;
    height: 38px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    overflow: hidden;
}

.membership-heading-feature {
    display: table-cell;
    width: 191px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 0 16px;
    background: #e1e6eb;
    font-size: 13px;
    line-height: 15px;
    color: #4e515e;
    font-weight: 700;
}

.membership-heading-basic {
    display: table-cell;
    display: table-cell;
    width: 115px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/dashboard/table-dark-heading.jpg) 0px 0px repeat;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
}

.membership-heading-standard {
    display: table-cell;
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/dashboard/table-dark-heading.jpg) 0px 0px repeat;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
}

.membership-heading-premium {
    display: table-cell;
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/dashboard/table-dark-heading.jpg) 0px 0px repeat;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
}

.membership-block-info {
    border: 1px solid #e3e9ef;
    overflow: hidden;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.membership-details {
    display: table;
    min-height: 64px;
    background: #0088cc;
}

.membership-details-feature {
    display: table-cell;
    width: 190px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 26px 16px;
    background: #f5f8fa;
    font-size: 13px;
    line-height: 15px;
    color: #4e515e;
}

.membership-details-feature a {
    color: #0089cd;
    text-decoration: none;
}

.membership-details-feature span {
    display: block;
}

.membership-details:nth-of-type(even) .membership-details-feature {
    background: #fff;
}

.membership-details-features span {
    display: block;
}

.membership-details-basic {
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.membership-details-basic-bottom {
    background: #e3e9ef;
}

.membership-details-basic-bottom a {
    color: #6f7e95;
}

.membership-details-basic .fa {
    width: 17px;
    height: 17px;
    background: #fff;
    color: #d0dbe2;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    text-align: center;
    line-height: 17px;
}

.membership-details-standard {
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
}

.membership-details-standard span {
    display: block;
}

.membership-details-standard-bottom {
    background: #e3e9ef;
}

.membership-details-standard-bottom a {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 7px 18px;
    color: #bcc9d1;
    background: #fff;
    border: 1px solid #cfdbe3;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    text-decoration: none;
}

.membership-details-standard .fa {
    width: 17px;
    height: 17px;
    background: #fff;
    color: #d0dbe2;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    text-align: center;
    line-height: 17px;
}

.membership-details-premium {
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    text-align: center;
    background: url(/images/dashboard/membership-details-premium-light.jpg) 0px 0px repeat;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
}

.membership-details-premium-bottom {
    background: #e3e9ef;
}

.membership-details-premium-bottom a {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 7px 18px;
    color: #fff;
    background: #0089cd;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    text-decoration: none;
}

.membership-details:nth-of-type(even) .membership-details-premium {
    background: url(/images/dashboard/membership-details-premium-light-very.jpg) 0px 0px repeat;
}

.membership-details-premium .fa {
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    background: #fff;
    color: #1a95d2;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
}

.grey-pattern-dark {
    background: url(/images/dashboard/grey-pattern-dark.jpg) 0px 0px repeat;
}

.grey-pattern-light {
    background: url(/images/dashboard/grey-pattern-light.jpg) 0px 0px repeat;
}

.blue-pattern-dark {
    background: url(/images/dashboard/membership-details-premium-light.jpg) 0px 0px repeat;
}

.blue-pattern-light {
    background: url(/images/dashboard/membership-details-premium-light-very.jpg) 0px 0px repeat;
}

.blue-pattern-light .fa,
.blue-pattern-dark .fa {
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    background: #fff;
    color: #1a95d2;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
}


/*membership ends here */


/*membership ends here */


/**/


/**All Customer CSS Start**/

.contentLeftN {
    width: 320px;
    height: 100%;
    float: left;
    background: #fff;
}

.contentRightN {
    box-sizing: border-box;
    width: 630px;
    -webkit-box-shadow: -3px 0 3px #e4e4e4;
    -moz-box-shadow: -3px 0 3px #e4e4e4;
    box-shadow: -3px 0 3px #e4e4e4;
    float: right;
    color: #4e515e;
    font-size: 13px;
    line-height: 19px;
    background-color: #fff;
}

.contentRightN h2 {
    padding: 20px 0 0 30px;
}

.contentRightN .padding {
    padding: 28px 35px 30px 35px;
}

.addCustomer {
    color: #fff;
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: middle;
    width: 110px;
}

.addCustomer a {
    color: #fff;
}

.contentRightScroll {
    width: 630px;
    padding: 0 0 0 320px;
}

.contentRightScroll .pading {
    padding: 28px 35px 30px;
}

ul.customerMenu {
    background: #124c70;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

ul.customerMenu li {
    font-size: 13px;
    font-weight: 600;
    height: 41px;
    line-height: 41px;
    display: inline-block;
    color: #fff;
    padding: 0 20px;
    margin: 0;
}

ul.customerMenu li span {
    background: #00ab94;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    padding: 0 4px;
    font-weight: 700;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.contentNew .adviserName:after {
    background: none;
}

ul.customerMenu li:first-child {
    background: #0c4061;
}

ul.customerMenu li:last-child {
    color: #99aeb9;
}

.picBlock .textBlk {
    font-size: 22px;
    border: 1px solid #d8e0e8;
    border-radius: 5px;
    float: left;
    line-height: 51px;
    height: 51px;
    margin: 0 12px 0 0;
    overflow: hidden;
    width: 51px;
    text-align: center;
    color: #0089cd;
    font-weight: 300;
}

.contentRightN hr {
    margin-bottom: 30px;
    margin-top: 35px;
}

.contentRightN .reviews-item hr {
    background-color: #e3e9ef;
    color: #e3e9ef;
    margin: 13px 0;
}

.messageAreaGreyPan {
    padding: 26px 38px 18px;
    background: #ebf1f5;
    border-top: solid 1px #e3e9ef;
    border-bottom: solid 1px #e3e9ef;
}

.reviews-item .ldBox {
    background: #f5f8fa;
}

.reviews-item .testimonial-box-arrow-up-inner {
    border-bottom: 10px solid #f5f8fa;
}

.customerProfileDetails {
    background: #f5f8fa;
    border-top: solid 1px #e3e9ef;
    padding: 18px 38px 10px;
}

.customerProfileDetails .textPicBlk {
    background: #fff;
    border: 1px solid #d8e0e8;
    border-radius: 5px;
    color: #0089cd;
    float: left;
    font-size: 30px;
    font-weight: 300;
    height: 71px;
    line-height: 71px;
    margin: 0 12px 0 0;
    overflow: hidden;
    text-align: center;
    width: 71px;
}

.customerProfileDetails .details {
    position: relative;
}

.customerProfileDetails .details p {
    color: #6f7e95;
    padding: 0 0 5px;
    margin: 0;
}

.customerProfileDetails .details p span {
    display: inline-block;
    width: 70px;
}

.customerProfileDetails .details p span.details-info {
    width: auto;
}

.customerProfileDetails .editBtn {
    position: absolute;
    right: 0;
    top: 0;
    color: #0089cd;
}

.customerProfileDetails .btmPan {
    margin: 15px 0 0 0;
    padding: 12px 0;
    border-top: solid 1px #e3e9ef;
}

.customerProfileDetails .btmPan strong {
    color: #6f7e95;
}

.customerProfileDetails .btmPan strong i {
    color: #ffa726;
}

.customerProfileDetails a.sendBtn {
    color: #0089cd;
    float: right;
}

.addMoreCustomerPan {
    background: rgba(5, 27, 41, 0.92);
    left: 0;
    position: absolute;
    top: 66px;
    width: 100%;
    z-index: 1000;
    text-align: center;
    display: none;
    padding-bottom: 39px;
}

.addMoreCustomerPan .wrapAdd {
    max-width: 310px;
    margin: 0 auto;
    padding: 4%;
}

.addMoreCustomerPan img {
    display: inline-block;
    padding: 0 0 14px;
}

.addMoreCustomerPan h3 {
    font-size: 21px;
    line-height: 27px;
    color: #fff;
    font-weight: 300;
    padding: 0 0 5px;
    margin: 0;
}

.addMoreCustomerPan em {
    display: block;
    color: #92979c;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 14px;
}

.addMoreCustomerPan .inputBlock {
    margin: 0 0 5px;
}

.inputButton {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background: rgba(0, 137, 205, 0.6);
    content: "\f0da";
    width: 220px;
    height: 40px;
    margin: 0 auto 5px;
    position: relative;
}

.inputButton:after {
    color: #fff;
    content: "\f0da";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.inputButton input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    height: 100%;
    line-height: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: pointer;
}

.browseBlock {
    width: 140px;
    padding: 12px 0 0;
    margin: 0 auto;
}

.browseBlock input {
    display: none;
}

.browseBlock label {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    padding: 0 0 0 20px;
    position: relative;
}

.browseBlock label:before {
    font-size: 14px;
    font-family: "FontAwesome";
    position: absolute;
    display: table;
    content: "\f15c";
    color: #fff;
    top: 0;
    left: 0;
}


/**All Customer CSS End**/


/**Transaction History CSS Start**/

.subscriptionFileBlock {
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-bottom: 15px;
    padding: 18px;
    position: relative;
}

.subscriptionFileBlock:after {
    content: '';
    display: block;
    clear: both;
}

.subscriptionFile {
    width: 35px;
    float: left;
    font-size: 42px;
    line-height: 42px;
    color: #e3e9ef;
    margin: 0 10px 0 0;
}

.downloadReceipt {
    width: 120px;
    float: right;
    text-align: right;
}

.downloadReceipt strong {
    display: block;
}

.downloadReceipt a {
    color: #0089cd;
}

.dateInputholder p {
    font-size: 12px;
    line-height: 18px;
    color: #6f7e95;
    padding: 0 0 7px;
    margin: 0;
}

.dateInputholder .dateWrap {
    width: 35%;
    margin: 0 10px 0 0;
    float: left;
}

.dateInputholder .dateWrap input {
    background: url(../images/dashboard/cal-icon.png) no-repeat 95% 50% #fff;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

.dateWrapBtn {
    width: 24%;
    float: left;
}

.dateInputholder .dateWrapBtn input {
    background: #0089cd;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    cursor: pointer;
    color: #fff;
    border: 0;
    font-size: 13px;
    font-weight: 600;
}


/**Transaction History CSS End**/


/**My Adviser Soft Launch CSS Start**/

.licenseBox.licenseBoxNoBg {
    background: none;
}

.licenseBox.licenseBoxNoBg .licenseBoxLeft {
    background: url(../images/userdash/blue-bg-pattern.gif) repeat 0 0;
}

.borderDashPan {
    box-sizing: border-box;
    border: dashed 3px #d2dae2;
    text-align: center;
    padding: 30px 24px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin: 0 0 36px;
}

.borderDashPan p {
    font-size: 21px;
    line-height: 25px;
    color: #4e515e;
    font-weight: 300;
    margin: 0;
    padding: 0;
}


/**My Adviser Soft Launch CSS End**/


/**My Adviser Connect CSS Start**/

.connectBlueTop {
    background: #0c4061;
    text-align: center;
    padding: 18px;
}

.connectBlueTop p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}

.adviserConnectPan {
    background: rgba(5, 27, 41, 0.92);
}

.adviserConnectPan .landWrap {
    padding: 3% 0 6%;
}

.adviserConnectPan .landWrap h3 {
    padding: 0 0 15px;
}

.adviserConnectPan .landWrap h3 span {
    display: block;
}

.adviserConnectPan .landWrap p {
    text-align: center;
    color: #8d9397;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 5px;
    margin: 0 0 10px;
}

.adviserConnectPan .inputBlock {
    margin: 0 0 10px;
}

.listextLinkText {
    text-align: center;
    padding: 10px 0 0;
}

.listextLinkText a {
    color: #fff;
}

.listextLinkText a:hover {
    text-decoration: none;
}


/**My Adviser Connect CSS End**/


/**Userdash Shortlist Message CSS Start**/

.shortlistMessage {
    padding: 30px 0;
}

.shortlistMessage h3 {
    font-size: 21px;
    line-height: 25px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    padding: 0 0 30px;
    margin: 0;
}

.shortlistMessagePopup {
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
}

.srtMagblueHead {
    background: #0d6aa1;
    padding: 16px 18px;
}

.srtMagblueHead:after {
    content: '';
    display: table;
    clear: both;
}

.srtMagblueHead .pic {
    width: 34px;
    height: 34px;
    float: left;
    margin: 0 14px 0 0;
    border: solid 1px #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
}

.srtMagblueHead .pic img {
    display: block;
    max-width: 100%;
    height: auto;
}

.srtMagblueHead p {
    font-size: 15px;
    line-height: 18px;
    padding: 8px 0 0 0;
    margin: 0;
    color: #fff;
}

.srtMagblueHead p span {
    float: right;
}

.whiteConectBlock {
    padding: 16px 18px;
    position: relative;
}

.whiteConectBlock:after {
    content: '';
    display: table;
    clear: both;
}

.whiteConectBlock label {
    font-size: 13px;
    line-height: 19px;
    color: #8693a7;
    padding: 0 0 10px;
    display: inline-block;
}

.copyMsgBtn {
    font-size: 13px;
    line-height: 19px;
    color: #0089cd;
    display: inline-block;
    float: right;
}

.whiteConectBlock textarea {
    display: block;
    width: 100%;
    resize: none;
    margin: 0 0 18px;
}

.interestField {
    border: 1px solid #d2dbe2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #353537;
    font-size: 13px;
    line-height: 19px;
    padding: 10px;
    margin: 0 0 18px;
}

.interestField>div {
    font-size: 12px;
    line-height: 19px;
    color: #4e515e;
    background: url(../images/userdash/gradient-grey-bg.gif) repeat-x 0 100% #f8f8f8;
    display: inline-block;
    margin: 0 10px 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border: solid 1px #aaa;
    padding: 3px 8px;
    text-align: center;
}

.interestField>div i {
    font-size: 14px;
    color: #888;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.whiteConectBlock label.chkLabelTxt {
    display: block;
}

.informationChekbox {
    width: 25%;
    padding: 0 2% 20px 0;
    box-sizing: border-box;
    float: left;
}

.informationChekbox input[type='checkbox'] {
    display: none;
}

.informationChekbox label {
    position: relative;
    font-size: 13px;
    line-height: 21px;
    color: #4e515e;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.informationChekbox label:before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(../images/userdash/chekbox-bg.png) no-repeat 0 0;
}

.informationChekbox input[type='checkbox']:checked+label:before {
    background: url(../images/userdash/chekbox-bg.png) no-repeat 0 100%;
}

.informationChekbox label em {
    font-size: 12px;
    display: block;
}

.infoButtonBloc {
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.infoButtonBloc a {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #92a1b0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin: 0 3px 0 0;
}

.infoButtonBloc button {
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 20px;
    padding: 9px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #0089cd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 0;
    cursor: pointer;
}


/**Userdash Shortlist Message CSS End**/


/**Userdash My Profile CSS Start**/

.profileRadioBox {
    padding: 0 0 14px;
}

.profileRadioBox input[type='radio'],
.profileRadioBox input[type="checkbox"] {
    display: none;
}

.profileRadioBox label {
    font-size: 13px;
    line-height: 19px;
    color: #4e515e;
    position: relative;
    padding: 3px 0 0 24px;
    cursor: pointer;
}

.profileRadioBox label:before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/userdash/chekbox-bg.png) no-repeat 0 0;
}

.profileRadioBox input[type='radio']:checked+label:before,
.profileRadioBox input[type="checkbox"]:checked+label:before {
    background: url(../images/userdash/chekbox-bg.png) no-repeat 0 100%;
}

.selectOptionBlock select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url(../images/userdash/select-arrow-bg.png) no-repeat 95% 50% #fff;
    padding-right: 30px;
}

.profileSaveButton {
    font-family: 'Open Sans';
    margin: 24px 0 0 0;
    background: #0089cd;
    padding: 5px 18px;
    font-size: 13px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: pointer;
}


/**Userdash My Profile CSS End**/


/**Userdash Social Connect CSS Start**/

.socialConectBlock {
    padding: 24px 0;
    border-bottom: solid 1px #efefef;
    margin: 0 30px;
}

.content-right.socialConnectTitle h2 {
    margin: 0 30px;
    padding-left: 0;
}

.socialConectBlock a.sIcon {
    display: inline-block;
    vertical-align: middle;
    width: 121px;
    height: 42px;
}

.socialContrlButton {
    display: inline-block;
    float: right;
    vertical-align: middle;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    text-transform: uppercase;
}

.socialContrlButton a {
    display: inline-block;
    text-decoration: none;
    color: #8693a7;
    vertical-align: top;
}

.socialContrlButton span.ctrlBtn {
    display: inline-block;
    width: 30px;
    height: 20px;
    background: #00bfa5;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    margin: 0 5px;
    position: relative;
}

.socialContrlButton span.ctrlBtn strong.ctrlCircle {
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    cursor: pointer;
}

.socialContrlButton span.ctrlBtn strong.ctrlCircle.active {
    left: 2px;
    right: inherit;
}


/**Userdash Social Connect CSS End**/


/*shortlist-compare Page _k*/

.compareSection {
    padding: 10px 0;
    background-color: #0c4061;
    /*box-shadow:0 8px 8px -12px #0b3b5b inset;*/
}

.compareInner {
    padding: 0 0 0 12px;
}

.compareInner:after {
    content: '';
    display: block;
    clear: both;
}

.proBlocks {
    position: relative;
    float: left;
    margin: 0 7px 0 0;
}

.proBlocks img {
    border: 2px solid #dfe6eb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.proBlocks a {
    position: absolute;
    right: 0;
    top: 0;
}

.proBlocks.blankAdd {
    border: 2px dashed #7290a5;
    border-radius: 5px;
    height: 43px;
    width: 43px;
}

.compareMessageblock {
    float: right;
    font-size: 0;
}

.compareMessageblock a i {
    display: block;
    font-size: 20px;
    font-family: fontawesome;
}

.compareMessageblock a {
    background-color: #0089cd;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    color: #fff;
    display: inline-block;
    padding: 3px 9px 6px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-family: open sans;
    margin-left: 5px;
}

.compareMessageblock a:hover {
    opacity: 0.7;
}

.compairAdviser {
    background-color: #172c39;
    padding: 39px 0 50px;
}

.compairWrapper {
    margin: 0 auto;
    max-width: 950px;
}

.compairWrapper h1 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 21px;
    color: #fff;
    text-align: center;
}

.ratingReviewSection:after {
    content: '';
    display: block;
    clear: both;
}

.ratingReviewSection {
    padding: 35px 0 0 0;
}

.singleBoxCont:last-child {
    margin-right: 0;
}

.singleBoxCont {
    display: inline-block;
    margin-right: 4%;
    padding: 10px 0 0;
    width: 30.3%;
    vertical-align: top;
}

.singleBoxCont h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 10px 14px 17px;
}

.singleBoxContInner {
    background-color: #fff;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
    padding: 19px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
}

.cusSingle {
    padding: 0 0 15px 0;
}

.cusSingle:after {
    content: '';
    display: block;
    clear: both;
}

.cusSingle img {
    border: 1px solid #efefef;
    border-radius: 5px;
    display: block;
    float: left;
    width: 33px;
    height: 33px;
}

.barBlock {
    display: inline-block;
    padding-left: 13px;
    width: 74%;
}

.cusNameText {
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
}

.cusNameText span {
    float: left;
    font-size: 14px;
}

.cusNameText strong {
    float: right;
    font-weight: 600;
    font-size: 14px;
}

.positiveRating .cusNameText strong {
    color: #0089cd;
}

.positiveRev .cusNameText strong {
    color: #00aa93;
}

.expYear .cusNameText strong {
    color: #fc9553;
}

.barOuter {
    background-color: #d2dae2;
    border-radius: 5px;
    display: block;
    height: 10px;
    margin-top: 8px;
}

.barinnerDarker {
    border-radius: 5px;
    height: 10px;
}

.blueprogBar {
    background: url("../images/userdash/blue-Bar.png") repeat-x 0 0 rgba(0, 0, 0, 0);
}

.greenprogBar {
    background: url("../images/userdash/green-pattern.gif") repeat-x 0 0 rgba(0, 0, 0, 0);
}

.orangeprogBar {
    background: url("../images/userdash/orange.png") repeat-x 0 0 rgba(0, 0, 0, 0);
}

.reviewsBox {
    display: block;
    padding-top: 25px;
}

.reviewsBox h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 10px 14px 17px;
}

.revInnerBox {
    /*background:url("../images/userdash/blue-texture.png") repeat-x 0 0 #fff;
	background-color:#fff;*/
    border-radius: 0 0 5px 5px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
    padding: 0;
    overflow: hidden;
}

.revInnerBox:after {
    content: '';
    display: block;
    clear: both;
}

.reviewSingle {
    width: 33.3%;
    float: left;
}

.revInnerBox .reviewSingle:nth-child(3) .queBox {
    border: none;
}

.reviewSingleTop {
    background: url("../images/userdash/blue-texture.png") repeat 0 0 rgba(0, 0, 0, 0);
    padding: 19px 0 19px 17px;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #035380;
}

.reviewSingleTop img {
    border-radius: 5px;
    border: 1px solid #efefef;
    float: left;
    margin: 0 13px 0 0;
    width: 33px;
    height: 33px;
}

.reviewSingleTop strong {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 8px;
}

.reviewSingleTop span {
    background-color: #02456b;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -o-border-radius: 14px;
    -ms-border-radius: 14px;
    color: #fff;
    font-size: 15px;
    padding: 7px 13px;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.txtRev {
    border-right: 1px solid #f2f2f2;
    padding: 24px 50px 30px 19px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
    background: #fff;
}

.reviewSingle:nth-child(3) .txtRev {
    border: none;
}

.txtRev p {
    font-size: 12px;
    color: #4e515e;
    line-height: 20px;
    padding: 16px 0 12px;
    margin: 0;
}

.txtRev a {
    color: #0089cd;
}

.txtRev em {
    font-size: 12px;
    color: #8a95a5;
}

.txtRev span {
    margin: 0 6px;
}

.locationBlock {
    display: block;
    padding-top: 25px;
}

.locationBlock h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 10px 14px 17px;
}

.mapBottomBlock {
    background: url(../images/userdash/grey-texture.png) repeat 0 0 transparent;
    padding: 14px 0 16px 15px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.mapUser {
    display: inline-block;
    padding-right: 36px;
}

.mapUser img {
    float: left;
    width: 33px;
    height: 33px;
    border: 1px solid #d0d6d9;
    border-radius: 3px;
    margin-right: 10px;
}

.lachlan i {
    color: #5cbc89;
}

.bishop i {
    color: #fb8253;
}

.thompson i {
    color: #6475c5;
}

.mapUser i {
    font-size: 15px;
    padding-top: 11px;
    margin-right: 5px;
}

.queBox {
    border-right: 1px solid #f2f2f2;
    padding: 0;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
    background: #fff;
}

.quelogBox {
    min-height: 74px;
    box-sizing: border-box;
    padding: 15px 0 0 19px;
    position: relative;
}

.quelogBox:nth-child(2n+1) {
    background-color: #f7f7f7;
}

.queImg {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #5f86d1;
    border-radius: 5px;
    display: table;
    height: 33px;
    text-align: center;
    width: 33px;
    position: absolute;
    top: 15px;
    left: 19px;
}

.queImg p {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.queTextBox {
    padding: 0 0 0 52px;
    font-size: 12px;
}

.queTextBox strong {
    display: block;
    font-weight: 400;
    color: #4e515e;
    margin-top: -5px;
}

.queTextBox em {
    color: #8a95a5;
    display: block;
    display: block;
}

.queTextBox span {
    font-style: italic;
    color: #0089cd;
    display: block;
}

.expInnerBlock {
    background-color: #fff;
    border-radius: 0 0 5px 13px;
    -moz-border-radius: 0 0 5px 13px;
    -webkit-border-radius: 0 0 5px 13px;
    -o-border-radius: 0 0 5px 13px;
    -ms-border-radius: 0 0 5px 13px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
    padding: 0;
    position: relative;
}

.expInnerBlock:after {
    display: block;
    content: '';
    clear: both;
}

.expLeft {
    width: 87px;
    position: absolute;
}

.expProfileImg {
    height: 77px;
    display: table;
    background: url("../images/userdash/blue-texture.png") repeat 0 0 rgba(0, 0, 0, 0);
    width: 100%;
    text-align: center;
}

.expProfileImg:nth-child(2n+1) {
    opacity: 0.97;
}

.expProfileImg span,
.dragIcon span {
    display: table-cell;
    vertical-align: middle;
}

.expProfileImg img,
.dragIcon img {
    border-radius: 5px;
}

.dragIcon {
    height: 53px;
    display: table;
    background: url("../images/userdash/blue-texture.png") repeat 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    width: 100%;
    text-align: center;
}

.iconBlockBox {
    overflow-x: auto;
}

.iconBlockBoxInner {
    padding-left: 87px;
}

.iconBlockSingle {
    width: 106px;
    height: 77px;
    border-right: 1px solid #f2f2f2;
    display: table;
    text-align: center;
    float: left;
}

.iconBlockSingle:last-child,
.iconBlockSingleTxt:last-child {
    border: 0;
}

.iconRow.iconRowTxt {
    height: 53px;
    background: url("../images/userdash/blue-texture.png") repeat 0 0 rgba(0, 0, 0, 0);
}

.iconRow.iconRowTxt .iconBlockSingle {
    width: 106px;
    height: 53px;
    border-right: 1px solid #035380;
    display: table;
    text-align: center;
    float: left;
}

.iconRow.iconRowTxt .iconBlockSingle span {
    color: #fff;
    font-size: 12px;
    padding: 0 13px;
    font-weight: 600;
}

.iconBlockSingle span {
    display: table-cell;
    vertical-align: middle;
}

.iconRow {
    height: 77px;
    overflow: hidden;
}

.iconRow:nth-child(2n+1) {
    background-color: #f7f7f7;
}

.contactBtn {
    text-align: center;
    padding: 24px 0 0;
}

.contactBtn .qusmore {
    display: inline-block;
    padding: 8px 29px 10px;
    font-size: 14px;
}


/*shortlist-compare Page End _k*/


/*My Adviser Page Start _k*/

.myadviser .nonCustomer i {
    color: #00bfa5;
    font-size: 15px;
    margin-right: 8px;
}

.myadviser .statusBoxRight p {
    margin: 10px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #e3e9ef;
}

.statsReport .rightPanel .messageArea.myAdvMessage {
    padding-top: 0;
}

.vouched-you-block.myadvVouchBox {
    border-radius: 5px;
}

.myadvVouchBox .vouched-block-pic,
.myadvVouchBox .vouched-block-pic img {
    border-radius: 5px;
}

.warningsBox {
    border-bottom: 1px solid #e3e9ef;
    padding: 10px 0 25px;
    margin-bottom: 20px;
}

.warningsBoxInner {
    padding: 20px 70px 32px;
    border-radius: 8px;
    border: 1px dashed #fb6e52;
    text-align: center;
}

.warningsBoxInner strong {
    font-size: 13px;
    font-weight: 600;
    color: #fb6e52;
}

.warningsBoxInner strong i {
    color: #fb6e52;
    margin-right: 3px;
    font-size: 15px;
}

.warningsBoxInner p {
    font-size: 13px;
    color: #6f7e95;
    padding: 7px 0 10px;
}

.warningsBoxInner a {
    color: #fff;
    padding: 10px 17px;
    font-weight: 600;
    font-size: 13px;
    background-color: #fb6e52;
    border-radius: 8px;
    text-decoration: none;
}

.myadviser .qusmore {
    display: inline-block;
    margin: 16px 0 0;
}

.myadviser .nonCustomer i.colOrange {
    color: #fb6e52;
}


/*My Adviser Page End _k*/


/*Adviser Shortlist List Style Start*/

.adviserShortlistPan {
    background: #ecf2f6;
    padding: 3% 0;
}

.adviserShortlistPan h3 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    color: #353537;
    margin: 0;
    padding: 0 0 30px;
}

.compareMsgBoxPanel:after {
    content: '';
    display: block;
    clear: both;
}

.compareMsgBox {
    width: 31%;
    float: left;
    background: #fff;
    margin: 0 3% 22px 0;
    border: solid 1px #d5dade;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 5px #d8dde1;
    -webkit-box-shadow: 0 0 5px #d8dde1;
    -moz-box-shadow: 0 0 5px #d8dde1;
    -o-box-shadow: 0 0 5px #d8dde1;
    -ms-box-shadow: 0 0 5px #d8dde1;
    overflow: hidden;
}

.compareMsgBox.active {
    border: solid 1px #0089cd;
}

.compareMsgBox.active .delSelectBlock {
    background: url(../images/userdash/blue-gradient.gif) repeat-x 0 0 #0089cd;
}

.compareMsgBox.active .delSelectBlock .delete {
    color: #fff;
}

.compareMsgBox.active .delSelectBlock .select em {
    color: #fff;
}

.compareMsgBox.active .delSelectBlock .select span.ctrlBtn {
    border-color: #fff;
}

.compareMsgBox.active .delSelectBlock .select span.ctrlBtn strong.ctrlCircle {
    border-color: #fff;
    background: #0089cd;
    right: -2px;
}

.compareMsgBox:nth-of-type(3n+3) {
    margin-right: 0;
}

.compareMsgBox .pic {
    width: 64px;
    height: 64px;
    float: right;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    margin: 16px;
    border: solid 1px #efefef;
}

.compareMsgBox .pic img {
    display: block;
    max-width: 100%;
    height: auto;
}

.compareMsgBox h4 {
    font-size: 21px;
    line-height: 31px;
    color: #353537;
    font-weight: 300;
    padding: 16px 55% 16px 16px;
}

.delSelectBlock {
    clear: both;
    background: url(../images/userdash/grey-gradient.gif) repeat-x 0 0 #f5f8fa;
    overflow: hidden;
    padding: 16px 16px 12px;
}

.delSelectBlock .delete {
    width: 70px;
    font-size: 12px;
    line-height: 24px;
    color: #8693a7;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
}

.delSelectBlock .delete i {
    font-size: 20px;
    padding: 0 2px 0 0;
}

.delSelectBlock .select {
    width: 85px;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
}

.delSelectBlock .select em {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #8693a7;
    font-weight: 600;
    font-style: normal;
    vertical-align: top;
}

.delSelectBlock .select span.ctrlBtn {
    background: #fff;
    border: solid 2px #d4d9e1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    display: inline-block;
    height: 15px;
    margin: 0 0 0 5px;
    position: relative;
    width: 28px;
}

.delSelectBlock .select span.ctrlBtn strong.ctrlCircle {
    background: #fff;
    border: solid 2px #d4d9e1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 15px;
    top: -2px;
    width: 14px;
}


/*Adviser Shortlist List Style End*/


/*Area of Interest Start _k*/

.selectedAreaChk {
    padding: 25px 34px;
}

.selectedAreaChk:after {
    display: block;
    clear: both;
    content: '';
}

.selectSingle {
    width: 260px;
    min-height: 108px;
    padding: 0;
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    display: inline-block;
    margin: 0 18px 15px 0;
    vertical-align: top;
}

.selectSingle:nth-child(2n+2) {
    margin-right: 0;
}

.imageBoxLft {
    display: table-cell;
    text-align: center;
    width: 30%;
    padding: 24px 0 24px 0;
    border-right: 1px solid #e3e9ef;
}

.textBlockRight {
    background-color: #f5f8fa;
    display: table-cell;
    vertical-align: middle;
    width: 42%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.interestChk {
    display: block;
}

.textBlockRight p {
    margin: 0;
    padding: 0 0 10px 0;
}

.interestChkBlock {
    padding: 0 0 14px;
}

.interestChkBlock input[type='checkbox'] {
    display: none;
}

.interestChkBlock label {
    font-size: 12px;
    line-height: 19px;
    color: #8a95a5;
    position: relative;
    padding: 0 0 0 24px;
    cursor: pointer;
    font-style: italic;
}

.interestChkBlock label:before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/userdash/chekbox-bg.png) no-repeat 0 0;
}

.interestChkBlock input[type='checkbox']:checked+label:before {
    background: url(../images/userdash/chekbox-bg.png) no-repeat 0 100%;
}

.imageBoxLft span {
    background: #b7bfcb none repeat 0 0;
    border-radius: 60px;
    display: table-cell;
    height: 60px;
    left: 38%;
    margin-left: 20px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 60px;
}

.imageBoxLft span.active {
    background: #0089cd none repeat 0 0;
}


/*Area of Interest End _k*/


/*Create Account Section Start _k*/

.createacBlock {
    width: 300px;
    display: none;
}

.accountHeaderSection {
    background: transparent url("../images/dashboard/bluetexture.png") repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    font-weight: 300;
    margin: 0;
    padding: 13px 28px 20px 20px;
    position: relative;
}

.accountHeaderSection h2 {
    margin: 0;
    padding: 0 0 5px 0;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    font-weight: 300;
}

.accountHeaderSection p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
}

.close-popup i {
    color: #fff;
    position: absolute;
    top: 14px;
    right: 12px;
    font-size: 18px;
}

.createAccountSection h2 {
    text-align: center;
    margin: 0;
    padding: 0;
}

.createAccountSection {
    background-color: #fff;
    padding: 18px 0 14px;
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
}

.socialIconBlock {
    text-align: center;
    font-size: 0;
    padding: 19px 0 0;
}

.socialIconBlock a {
    display: inline-block;
    margin: 0 5px 10px;
}

.accountLoginSection {
    padding: 22px 24px;
    background: url("../images/wizard/pattern.gif") repeat 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 8px 8px -12px #696868 inset;
    -moz-box-shadow: 0 8px 8px -12px #696868 inset;
    -webkit-box-shadow: 0 8px 8px -12px #696868 inset;
    -o-box-shadow: 0 8px 8px -12px #696868 inset;
    -ms-box-shadow: 0 8px 8px -12px #696868 inset;
    border-radius: 0 0 5px 5px;
}

.accountLoginSection h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    text-align: center;
    font-weight: 300;
    margin: 0;
    padding: 0 0 10px;
}

.inputWrapper {
    position: relative;
    text-align: center;
}

.inputWrapper input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding-left: 46px;
}

.inputWrapper:before {
    content: "";
    position: absolute;
    display: block;
    width: 39px;
    height: 38px;
    background-color: #b7beca;
    color: #fff;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    top: 5px;
    left: 1px;
    font-size: 18px;
}

.inputWrapper:after {
    font-family: fontawesome;
    content: "\f003";
    left: 11px;
    position: absolute;
    top: 14px;
    color: #fff;
    font-size: 18px;
}

.inputWrapper:nth-of-type(2):after {
    content: "\f084";
}

.acButton {
    position: relative;
}

.acButton a {
    background-color: #0089cd;
    display: block;
    color: #fff;
    font-size: 13px;
    padding: 12px 0 12px 54px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 8px;
    font-weight: 600;
}

.acButton a:hover {
    opacity: 0.7;
}

.acButton:before {
    background-color: #007bb8;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    color: #fff;
    content: "";
    display: block;
    font-size: 18px;
    height: 42px;
    left: 0;
    position: absolute;
    top: 0;
    width: 39px;
}

.acButton:after {
    font-family: fontawesome;
    content: "\f234";
    left: 11px;
    position: absolute;
    top: 12px;
    color: #fff;
    font-size: 18px;
}

.createAccountBg .ui-dialog {
    background: none;
    border: 0;
    padding: 0 !important;
    margin: 0 !important;
    left: 50% !important;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: 101;
}

.createAccountBg .ui-dialog-titlebar.ui-widget-header {
    border: 0;
    background: none;
    color: #fff;
}

.createAccountBg .ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: 0;
    right: 0;
    float: right;
    height: 24px;
    width: 55px;
    position: relative;
    z-index: 250;
    top: 33px;
}

.createAccountBg .ui-dialog .ui-dialog-titlebar-close:focus {
    border: 0;
    outline: none;
}

.createAccountBg .ui-dialog .ui-dialog-titlebar-close:before {
    color: #fff;
    content: "\f00d";
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 200;
    font-family: 'FontAwesome';
}

.createAccountBg .ui-dialog .ui-dialog-titlebar-close:after {
    font-family: 'FontAwesome';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    right: 40px;
    top: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
}

.createAccountBg .ui-state-default .ui-icon {
    background: none;
}

body.createAccountBg:before {
    display: table;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(25, 45, 58, 0.9);
    z-index: 100;
}

.createAccountBg .ui-button-text {
    display: none;
}


/*Create Account Section End _k*/


/**Dashboard Widget Dropdown Tilese CSS Start**/

.myProfileStatusFullPan {
    background: #ecf2f6;
    overflow: hidden;
    padding: 2% 2% 0;
}

.myProfileStatusFullPan .bx-wrapper .bx-viewport {
    border: 0 none;
    left: 0;
    box-shadow: 0 -2px 2px #ddd;
    -webkit-box-shadow: 0 -2px 2px #ddd;
    -moz-box-shadow: 0 -2px 2px #ddd;
    -o-box-shadow: 0 -2px 2px #ddd;
    -ms-box-shadow: 0 -2px 2px #ddd;
}

.myProfileStatusFullPan .sectionrightSide {
    min-width: 282px;
    float: left;
    margin: 0 20px 0 0;
}

.myProfileStatusFullPan .sectionrightSide:nth-last-of-type(1) {
    margin: 0;
}

.myProfileStatusFullPan .profilephotoInner p {
    padding: 0 20px;
}

.quickActionsFullPan {
    background: #172c39;
    padding: 2% 4%;
}

.quickActionsFullPan .wrapAdd h3 {
    font-size: 21px;
    line-height: 31px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: center;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox {
    width: 100%;
    margin-right: 20px;
    background: #fff;
    position: relative;
    text-align: center;
    padding-bottom: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox .picPan {
    padding: 20px 0;
    position: relative;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .picPan {
    background: url(../images/dashboard/blue-pattern.gif) 0px 0px repeat;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide.green .picPan {
    background: url(../images/dashboard/green-pattern.gif) 0px 0px repeat;
}

.quickActionsFullPan .bx-wrapper .bx-pager.bx-default-pager a.active,
.quickActionsFullPan .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
    width: 10px;
    height: 10px;
    background-image: none !important;
}

.quickActionsFullPan .bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    border: 2px solid #fff;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    display: block;
}

.quickActionsFullPan .bx-pager-item {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background: none;
}

.quickActionsFullPan .bx-wrapper .bx-pager.bx-default-pager a:hover,
.quickActionsFullPan .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox .picPan img {
    display: block;
    margin: 0px auto;
}

.quickActionsFullPan .numberCount {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox h4,
.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox p {
    padding: 0 12px;
    text-align: center;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox h4 {
    font-size: 19px;
    line-height: 24px;
    color: #4e515e;
    font-style: italic;
    font-weight: 300;
    padding: 0px;
    margin: 18px 0 0;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox p {
    font-size: 13px;
    line-height: 24px;
    color: #4e515e;
    font-weight: 300;
    padding: 0px 24px;
    margin: 18px 0 22px;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox p em {
    font-weight: 600;
    font-style: italic;
}

.quickActionsFullPan .wrapAdd .profileDropdownTiles .slide .profileBox a {
    width: 100px;
    height: 32px;
    background: url(../images/dashboard/do-it-bg.jpg) 85px center no-repeat #0089cd;
    margin: 0px auto;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    font-weight: 700;
    text-decoration: none;
}

.quickActionsFullPan .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.quickActionsFullPan .bx-wrapper .bx-prev,
.quickActionsFullPan .bx-wrapper .bx-prev:hover {
    left: -40px;
    background: url(../images/dashboard/basic-profile-slide-left.png) 0px 0px no-repeat;
}

.quickActionsFullPan .bx-wrapper .bx-next,
.quickActionsFullPan .bx-wrapper .bx-next:hover {
    right: -30px;
    background: url(../images/dashboard/basic-profile-slide-right.png) right 0px no-repeat;
}

.quickActionsFullPan .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: -50px;
}


/**Dashboard Widget Dropdown Tilese CSS End**/


/**Dashboard Desktop CSS Start**/

.profilePageViewPan {
    padding: 0 0 24px;
}

.profilePageViewPan:after {
    content: '';
    clear: both;
    display: table;
}

.profilePageViewPan .areaimp {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.qukBox.activityBox h2:before {
    width: 34px;
    height: 33px;
    background-image: url(../images/dashboard/activity-tick-icon.png);
}

.qukBoxText {
    font-size: 18px;
    line-height: 22px;
    padding: 15px 15px 15px 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	height:327px; 
	background-color: #fff;
}

.qukBox.activityBox .listItems:after {
    display: none;
}

.qukBox.activityBox .listItems {
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
}

.qukBox.activityBox .listItems ul li {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 12px 12px 0;
    font-weight: 400 !important;
}

.qukBox.activityBox .listItems ul li em {
    color: #0089cd;
    text-decoration: underline;
}

.qukBox.activityBox .listItems ul li img {
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: block;
    margin: 0 10px 0 0;
}

.qukBox.activityBox .listItems ul li a {
    color: #4e515e;
}

.profilePageViewSection h2 {
    background-color: #0d6aa1;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 14px 15px 14px 62px;
    position: relative;
}

.profilePageViewSection h2:before {
    background-image: url(../images/dashboard/profile-page-view-icon.png);
    content: "";
    display: block;
    height: 33px;
    left: 17px;
    position: absolute;
    top: 12px;
    width: 33px;
}

.segmentedPan,
.chartMapContainer {
    background: #fff;
    padding: 24px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.chartMapContainer .highcharts-legend {
    display: none !important;
}

.segmentBox {
    width: 152px;
    border: solid 2px #0089cd;
    height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    float: left;
}

.segmentBox span {
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    color: #0089cd;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0 12px;
    cursor: pointer;
}

.segmentBox span.active {
    background: #0089cd;
    color: #fff;
}

.adviserBlue {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #4e515e;
    margin: 0 0 0 15px;
    padding: 10px 0 0 18px;
    display: inline-block;
}

.adviserBlue:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: #0089cd;
    left: 2px;
    top: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.adviserGreen {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #4e515e;
    margin: 0 0 0 4px;
    padding: 10px 0 0 20px;
    display: inline-block;
}

.adviserGreen:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: #eb5666;
    left: 2px;
    top: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.adviserGreen em {
    font-size: 13px;
}

.areaimp .bx-pager {
    display: none;
}

.adviserSliderViewProfile .slide {
    width: 53px;
    border: solid 1px #d1dce3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.adviserSliderViewProfile .slide img {
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
}

.profilePageViewPan .areaimp {
    position: static;
}

.areaimp span.altText {
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    background: #37404d;
    padding: 6px 8px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    transform: translateX(-20%);
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
}

.areaimp span.altText:before {
    content: '';
    display: block;
    border-color: #37404d transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: -21px;
    height: 7px;
}

.areaimp .bx-wrapper {
    margin: 0 auto 20px;
}

.profilePageViewPan .areaimp h3 {
    color: #4e515e;
}

.profilePageViewPan .bx-wrapper .bx-controls-direction a {
    width: 16px;
    height: 16px;
}

.profilePageViewPan .bx-wrapper .bx-prev {
    background: url(../images/dashboard/prev-btn-dashbrd.png) no-repeat 0 0;
    left: -20px;
    top: 35px;
}

.profilePageViewPan .bx-wrapper .bx-next {
    background: url(../images/dashboard/next-btn-dashbrd.png) no-repeat 0 0;
    right: -20px;
    top: 35px;
}

.profilePageViewPan .bx-wrapper .bx-next:hover {
    background: url(../images/dashboard/next-btn-dashbrd.png) no-repeat 0 0;
}


/**Dashboard Desktop CSS End**/


/*_ks*/

.filterPanelCont {
    background-color: #0c4061;
    padding: 23px 0 0;
    position: relative;
}

.filterPanelCont::after {
    clear: both;
    content: "";
    display: block;
}

.filterBox {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    padding-left: 19px;
}

.filterBox a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-right: 25px;
    position: relative;
}

.filterBox a:before {
    font-family: FontAwesome;
    content: "\f0b0";
    width: 12px;
    height: 12px;
    display: block;
    left: -19px;
    position: absolute;
    top: 0;
}

.listTiles {
    display: inline-block;
    float: right;
}

.listTiles ul {
    margin: 0;
    padding: 0;
}

.listTiles ul li {
    display: inline-block;
    font-size: 15px;
    margin: 0 0 0 27px;
    padding: 0 0 15px 0;
}

.listTiles ul li a {
    font-size: 15px;
    text-decoration: none;
}

.listTiles ul li i {
    font-size: 19px;
    margin: 0 8px 0 0;
}

.listTiles ul li.act {
    border-bottom: 3px solid #fff;
}

.listTiles ul li.act a {
    color: #fff;
}

.toogleBox {
    padding: 24px 0 0;
    border-bottom: 1px solid #cdd2d5;
    display: none;
    background: #fff;
}

.rangeInner {
    padding: 24px 0 28px 0;
    border-bottom: 1px solid #e3e3e3;
}

.rangeInner:after {
    content: '';
    display: block;
    clear: both;
}

.rngBlock {
    width: 30%;
    display: inline-block;
    margin: 0 1.7%;
}

.rngBlock:nth-child(3) {
    margin-right: 0;
}

.rngBlock .ui-slider-horizontal {
    height: 13px;
}

.rngBlock .ui-slider .ui-slider-handle {
    height: 30px;
    width: 30px;
    top: -10px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}

.rngBlock .ui-widget-header {
    background: url(../images/wizard/range-bg.png) repeat-x 0 0 #2996cc;
}

.rngBlock .ui-widget-content {
    background: #bfcad5;
}

.rngBlock .ui-widget-content {
    border: none;
}

.rngTxt:after,
.secTwo:after {
    clear: both;
    display: block;
    content: '';
}

.rngTxt {
    padding: 0 0 13px 0;
}

.rngTxt strong {
    font-size: 14px;
    font-weight: 600;
}

.rngTxt span {
    font-size: 13px;
    color: #0089cd;
    float: right;
    font-weight: 600;
}

.genderBox {
    display: inline-block;
    padding: 0 0 14px;
    width: 89px;
}

.genderWrap {
    float: right;
}

.genderBox.femaleChk {
    margin-right: 15px;
}

.genderBox input[type='checkbox'] {
    display: none;
}

.genderBox label {
    font-size: 14px;
    line-height: 19px;
    color: #6f7e95;
    position: relative;
    padding: 0 0 0 0;
    cursor: pointer;
}

.genderBox label:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -5px;
    right: -35px;
    /*background:url(../images/wizard/gender-chkbox-bg.png) no-repeat 0 0;*/
}

.genderBox input[type='checkbox']:checked+label:before {
    /*background:url(../images/wizard/gender-chkbox-bg.png) no-repeat 0 100%;*/
}

.genderSection span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.genderBox.femaleChk label:before {
    background: url(../images/wizard/female-chk.png) no-repeat 0 0;
}

.genderBox.femaleChk input[type='checkbox']:checked+label:before {
    background: url(../images/wizard/female-chk.png) no-repeat 0 100%;
}

.genderBox.maleChk label:before {
    background: url(../images/wizard/male-chk.png) no-repeat 0 0;
}

.genderBox input[type='checkbox']:checked+label:before {
    background: url(../images/wizard/male-chk.png) no-repeat 0 100%;
}

.genderSection {
    padding: 21px 0 0 19px;
    display: inline-block;
    margin: 0 1.7% 0 0;
    width: 30%;
}

.queSection {
    padding: 21px 0 0 19px;
    display: inline-block;
    margin: 0 1.7% 0 0;
    width: 30%;
}

.chkTxt {
    font-size: 14px;
    font-weight: 600;
}

.ctrlCirclenew {
    background: #fff;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    position: absolute;
    top: 3px;
    width: 17px;
}

.ctrlBtnnew {
    background: #bfcad5;
    border-radius: 15px;
    display: inline-block;
    height: 23px;
    margin: 0 0 0 20px;
    position: relative;
    width: 40px;
    padding: 0 2px;
    top: 5px;
}

.ctrlBtnnew.activebutton {
    background: #00bfa5;
}

.ctrlBtnnew.activebutton .ctrlCirclenew {
    right: 2px;
}

.queSectionLast {
    display: inline-block;
    padding: 21px 0 0 10px;
    width: 30%;
}

.sklTxt {
    float: left;
    font-size: 14px;
    padding: 10px 0 0 0;
    font-weight: 600;
}

.secTwo {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 11px;
}

.skillSection {
    padding: 20px 0 20px 20px;
    display: block;
}

.singleSkill {
    border: 1px solid #d1d9e0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 9px 34px 9px 14px;
    text-align: left;
    font-size: 13px;
    color: #6f7e95;
    position: relative;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    margin: 0 10px 10px 0;
    float: left;
    cursor: pointer;
}

.singleSkill i {
    color: #ed6b6d;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.singleSkill i:hover {
    color: #ed6b6d;
}

.skillList {
    box-sizing: border-box;
    float: left;
    padding: 0 50px 0 17px;
    position: relative;
    width: 90%;
}

.clearskill a {
    color: #e05a5c;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding-top: 10px;
    position: absolute;
    right: 0;
}

.skillSection:after,
.skillInner:after {
    display: block;
    clear: both;
    content: '';
}

.skillInner {
    display: block;
    width: 75%;
    float: left;
}

.addSkill a {
    color: #14af9b;
}

.addSkill a i {
    margin-left: 10px;
}

.addSkill {
    float: right;
    padding: 10px 0 0 0;
}

.addSkillBox {
    background: #bfcad5;
    padding: 20px 0;
    display: none;
}

.addSkillBox:after {
    display: block;
    clear: both;
    content: '';
}

.applySkill {
    width: 119px;
    height: 159px;
    background-color: #e1e7ed;
    float: left;
    margin: 0 14px 15px 0;
    text-align: center;
    padding: 16px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
}

.imageBlock {
    background-repeat: no-repeat;
    background-position: 0 100%;
    height: 65px;
    width: 60px;
    display: block;
    margin: 0 auto;
}

.imageBlock.build {
    background-image: url(../images/skill/building-super.png);
}

.imageBlock.sevingsInv {
    background-image: url(../images/skill/sevings.png);
}

.imageBlock.derivative {
    background-image: url(../images/skill/derivatives.png);
}

.imageBlock.marginlending {
    background-image: url(../images/skill/margin-lending.png);
}

.imageBlock.pensionsuk {
    background-image: url(../images/skill/pensions.png);
}

.imageBlock.retirementuk {
    background-image: url(../images/skill/retirement.png);
}

.imageBlock.est-planning {
    background-image: url(../images/skill/est-planning.png);
}

.imageBlock.m-debt {
    background-image: url(../images/skill/m-debt.png);
}

.imageBlock.protection {
    background-image: url(../images/skill/protection.png);
}

.imageBlock.tax {
    background-image: url(../images/skill/tax.png);
}

.imageBlock.super-fund {
    background-image: url(../images/skill/super-fund.png);
}

.imageBlock.bft {
    background-image: url(../images/skill/benifits.png);
}

.imageBlock.household-budget {
    background-image: url(../images/skill/household-budget.png);
}

.imageBlock.advice {
    background-image: url(../images/skill/advice.png);
}

.imageBlock.investment {
    background-image: url(../images/skill/investment.png);
}

.imageBlock.eco {
    background-image: url(../images/skill/eco.png);
}

.imageBlock.loan {
    background-image: url(../images/skill/loan.png);
}

.imageBlock.aged {
    background-image: url(../images/skill/aged.png);
}

.active .imageBlock {
    background-position: 0 0;
}

.applySkill p {
    color: #4e515e;
    font-size: 13px;
    line-height: 16px;
    padding: 12px 11px 0;
}

.applySkill.activebox {
    background-color: #fff;
}

.singleSkill a {
    cursor: pointer;
}

.applyButton {
    display: block;
    float: right;
    margin: 0 10px;
}

.applyButton a {
    background-color: #00c0a5;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 29px;
    text-decoration: none;
    display: inline-block;
}

.applyButton i {
    margin-left: 5px;
}


/*New Css*/

.newDetailsSectionTiles {
    position: absolute;
    width: 100%;
    bottom: 22px;
}

.newDetailsSectionTiles h2 {
    border-bottom: 1px solid #efefef;
    margin: 0;
    padding: 30px 30px;
}

.newDetailsSectionTiles h2:after {
    clear: both;
    content: '';
    display: block;
}

.newDetailsSectionTiles h2 a.fullprofile {
    border: 2px solid #8ccae8;
    border-radius: 40px;
    color: #0089cd;
    float: right;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    padding: 10px 15px;
    text-decoration: none;
    margin-left: 10px;
}

.newDetailsSectionTiles h2 a.fullprofile .fa {
    padding-left: 6px;
    padding-right: 6px;
}

.newDetailsSection h2 {
    border-bottom: 1px solid #efefef;
    margin: 0;
    padding: 30px 30px;
}

.newDetailsSection h2:after {
    clear: both;
    content: '';
    display: block;
}

.newDetailsSection h2 a.fullprofile {
    border: 2px solid #8ccae8;
    border-radius: 40px;
    color: #0089cd;
    float: right;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    padding: 10px 15px;
    text-decoration: none;
    margin-left: 10px;
}

.newDetailsSection h2 a.fullprofile .fa {
    padding-left: 6px;
    padding-right: 6px;
}

.newDetailsSection .profileCred {
    background: #f5f8fa none repeat scroll 0 0;
    margin-left: 4px;
    overflow: hidden;
    padding: 23px 34px 23px 39px;
}

.newDetailsSection .messageArea {
    padding: 25px 34px 25px 39px;
}

.newDetailsSection .messagePost {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #efefef;
    padding: 20px 0 24px;
}

.newDetailsSection .messageArea .messagePost .topText {
    margin-bottom: 16px;
    overflow: hidden;
}

.newDetailsSection .messageArea .messagePost .topText .msgDate {
    color: #8693a7;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
}

.newDetailsSection .messageArea .messagePost .topText .expand {
    color: #0089cd;
    float: right;
    position: relative;
    text-align: right;
    width: 60px;
}

.newDetailsSection .expand .fa {
    padding-right: 6px;
}

.newDetailsSection .msgDes p {
    color: #4e515e;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
}

.newDetailsSection .messageArea .messagePost .msgDes ul {
    margin-bottom: 0;
}

.padingNew {
    padding: 28px 0px 30px;
}

.newDetailsSection h2 a.fullprofile.backtolist {
    float: left;
    border: 2px solid #bec4cf;
    color: #6f7e95;
}

.proPic {
    float: left;
    width: 36%;
    position: relative;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    border-radius: 5px;
    display: block;
    overflow: hidden;
}

.proPic strong {
    background: rgba(80, 80, 88, 0.5) none repeat scroll 0 0;
    bottom: 0;
    font-size: 16px;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
}

.loaderImg {
    height: 16px;
    position: relative;
    top: 20px;
    width: 16px;
}

.proRightSection {
    float: right;
    width: 60%;
}

.applySkill.active {
    background: #fff;
}

.arrowIcon {
    background: url(../images/wizard/arshow.png) no-repeat 100% 10px transparent;
}

.arrowIcon.arw {
    background: url(../images/wizard/arwhide.png) no-repeat 100% 10px transparent;
}

.statBox:after {
    content: '';
    display: block;
    clear: both;
}

.statBox {
    width: 30.8%;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    margin: 0 9px 0 0;
}

.statBox:nth-child(3) {
    margin-right: 0;
}

.statBox h2 {
    color: #4e515e;
    font-size: 10px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
}

.statBox span {
    background-color: #6f7e94;
    padding: 7px 0 8px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 22px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    min-height: 24px;
}

.statBox span i {
    padding: 0 3px 0 0;
}

.statBox span sub {
    vertical-align: baseline;
    font-size: 12px;
}


/* Abir - 10-12-2015 */

.proRightSection .ratings-block {
    display: block;
    clear: both;
    font-size: 11px;
    color: #4e515e;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
}

.proRightSection .ratings-block .single-profile-rating-block {
    padding: 9px 0 0;
}

.proRightSection .ratings-block .single-profile-rating-block p {
    float: left;
    margin: 0;
}

.proRightSection .ratings-block .single-profile-rating-block span {
    float: right;
}

.proRightSection .ratings-block .single-profile-rating-block div.user-rating-progressbar {
    clear: both;
    height: 14px;
    background: #dfe6eb;
    border-radius: 4px;
    border: none;
}

.proRightSection .ratings-block .single-profile-rating-block div.user-rating-progressbar.ui-progressbar .ui-progressbar-value {
    background: url(../images/wizard/res-ui-pregressbar-bg.png) 0 0 repeat-x #2299d4;
}


/* Abir - 11-12-2015 */


/* for home post code */

.home-postcode-form {
    width: 300px;
    height: 54px;
    display: inline-block;
    text-align: center !important;
    margin-top: 15px;
}

.home-postcode-form * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.home-postcode-form .label {
    display: block;
    height: 54px;
    float: left;
    width: 246px;
    border: 1px solid #6f7176;
    border-right: none;
    border-radius: 5px 0 0 5px;
    background: rgba(255, 255, 255, 0.08);
}

.home-postcode-form span {
    display: block;
    float: left;
    width: 52px;
    line-height: 54px;
}

.home-postcode-form input {
    display: block;
    width: 190px;
    float: left;
    line-height: 54px;
    text-align: left !important;
    color: #fff;
    font-weight: 600;
    background: none;
    border: none;
    height: 54px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 300;
    padding: 9px 8px 9px 0px;
}

.home-postcode-form.fname input {
    width: 50%;
    float: left;
    padding-left: 14px;
}

.psttggle::after,
.psttggle::before {
    content: '';
    display: block;
    clear: both;
}

#postcode {
    display: none;
}

.psttggle {
    width: 145px;
    height: 20px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background: rgba(0, 0, 0, 0.45);
    display: inline-block;
    text-align: center !important;
    margin-top: 15px;
}

.psttggle .socialContrlButton span.ctrlBtn {
    display: inline-block;
    width: 24px;
    height: 14px;
    background: #cdcdcd;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    margin: 0 5px;
    position: relative;
}

.psttggle .socialContrlButton a {
    display: inline-block;
    text-decoration: none;
    color: #8693a7;
    vertical-align: top;
    font-size: 12px;
    line-height: 13px;
    text-transform: none;
}

.psttggle .socialContrlButton span.ctrlBtn strong.ctrlCircle {
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    cursor: pointer;
}

.bluecont::after,
.bluecont::before {
    content: '';
    display: block;
    clear: both;
}


/* .bluecont .btn-black {
	background: url(../images/home/black-bg.png) repeat 0 0; 
	font-weight: 600;
	background: transparent;
	border: 1px solid #fff;
	float: right;
	margin-right: 153px;
}
*/

.bluecont .btn-black {
    /* background: url(../images/home/black-bg.png) repeat 0 0; */
    font-weight: 600;
    background: transparent;
    border: 1px solid #fff;
    /* float: right; */
    position: absolute;
    /* margin-right: 153px; */
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bluecont .btn-black i {
    margin-left: 13px;
}


/*.bluecont p {
	width: 70%;
	text-align: left;
	padding-left: 70px;
	float: left;
	font-size: 15px;
	line-height: 28px;
}*/

.bluecont p {
    width: auto;
    text-align: left;
    padding-left: 50px;
    padding-right: 250px;
    float: left;
    font-size: 15px;
    line-height: 25px;
}

.home-postcode-form.fname input:first-child {
    border-right: 1px solid #6D6F74;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.home-postcode-form input:focus {
    outline: none;
}

.home-postcode-form a,
.home-postcode-form button {
    display: block;
    height: 54px;
    float: right;
    width: 54px;
    border: 1px solid #288276;
    border-left: none;
    border-radius: 0 5px 5px 0;
    background: rgba(0, 153, 128, 0.58);
    color: #fff;
    line-height: 54px;
    cursor: pointer;
}

.home-postcode-form a:hover,
.home-postcode-form button:hover {
    background: rgba(0, 153, 128, 1);
}

.home-postcode-form span i,
.home-postcode-form a i {
    line-height: 54px;
    vertical-align: middle;
    font-size: 24px;
}


/*license-dashboard*/

.proLr .profileCred {
    background: #f5f8fa none repeat scroll 0 0;
    margin-left: 4px;
    overflow: hidden;
    padding: 23px 34px 23px 39px;
}

.proLr .profileCred .basic-profile-pic {
    float: left;
    width: 25%;
}

.proLr .profileCred img.profileGraphics {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: auto;
    position: relative;
    width: 100%;
}

.proLr .profileCred .basic-profile-heading {
    float: right;
    width: 74%;
}

.proLr .profileCred .basic-profile-heading h3 {
    color: #6f7e95;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-left: 20px;
}

.proLr .profileCred .basic-profile-heading h3 i.fa {
    margin-right: 10px;
}

.proLr .profileCred .basic-profile-heading h3 a {
    color: #0089cd;
    float: right;
    font-weight: normal;
}

.proLr .profileCred ul li:first-child {
    border-top: 1px solid #e3e9ef;
}

.proLr .profileCred ul li {
    border-bottom: 1px solid #e3e9ef;
    color: #6f7e95;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
}

.proLr .profileCred ul li label {
    float: left;
    font-weight: 100;
    margin-right: 40px;
    width: 50px;
}

.proLr .profileCred ul li strong .italian {
    font-style: italic;
    font-weight: 700;
}

.proLr .profileCred ul li a.edit {
    color: #008acb;
    float: right;
    text-decoration: none;
}

.filterPanelInner p i {
    margin-right: 8px;
}

.candidateDashboard.licensepro ul li a {
    padding: 27px 0;
}

.advisertab .ui-widget-header {
    background: #124c70;
    box-shadow: none;
    border-radius: 0px;
}

.advisertab .ui-tabs {
    padding: 0;
}

.advisertab .ui-tabs li {
    font-weight: 600;
}

.advisertab .ui-tabs .ui-tabs-nav {
    padding: 0;
}

.advisertab .ui-state-active,
.advisertab .ui-widget-content .ui-state-active,
.advisertab .ui-widget-header .ui-state-active {
    background: #0c4061;
    border: none;
    outline: none;
}

.advisertab .ui-state-active a,
.advisertab .ui-state-active a:link,
.advisertab .ui-state-active a:visited {
    background: #0c4061;
    color: #fff;
}

.advisertab .ui-state-default,
.advisertab .ui-widget-content .ui-state-default,
.advisertab .ui-widget-header .ui-state-default {
    border: none;
    background: none;
}

.advisertab .ui-state-default a,
.advisertab .ui-state-default a:link,
.advisertab .ui-state-default a:visited {
    color: #99aeb9;
    font-weight: 600;
}

.advisertab .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 11px 32px;
}

.advisertab .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #fff;
}

.advisertab ul li {
    position: relative;
}

.filteradv i {
    position: absolute;
    right: 10px;
}

.advisertab .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.advisertab .picBlock p:before {
    display: none;
}

.advisertab .picBlock p {
    padding-left: 0;
    color: #8a95a5;
}

.sortBySection:after {
    content: '';
    display: block;
    clear: both;
}

.sortBySection {
    padding: 24px 20px 18px;
    background-color: #f5f8fa;
}

.sortBySection select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url(../images/license-dashboard/greyarrow.png) no-repeat 95% 50% #fff;
    width: 100%;
    max-width: 100%;
}

.sortBySection span {
    display: block;
    color: #6f7e95;
    font-weight: 600;
}

.prodetails a {
    margin-left: 10px;
}

.basicProfile .rightPanel h2 a.basic-profile-preview.trashbox {
    border: 2px solid #ebb7a8;
    color: #cf522d;
    height: 33px;
    width: 33px;
    position: relative;
    padding: 0;
}

.trashbox i {
    position: absolute;
    left: 12px;
    top: 10px;
    font-weight: 600;
}

.basic-profile-heading::after {
    clear: both;
    content: "";
    display: block;
    height: 20px;
}

.basic-profile-heading em {
    display: block;
    font-style: normal;
    padding-left: 91px;
}

.tagSectionBox {
    border-top: 1px solid #e3e9ef;
    color: #6f7e95;
    display: block;
    font-weight: 600;
    margin: 25px 0 0;
    padding: 15px 0;
    clear: both;
    text-align: left;
}

.basic-profile-heading.licensebox ul {
    margin-bottom: 0;
}

.basic-profile-heading.licensebox {
    border-bottom: none;
}

.companyPage .rightPanel .profileCred .basic-profile-heading.licensebox ul li:last-child,
.basicProfile .rightPanel .profileCred .basic-profile-heading.licensebox ul li:last-child {
    border-bottom: none;
}

.tagSectionBox span {
    display: inline-block;
    color: #6f7e95;
}

.tagSectionBox strong {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    color: #4e515e;
}

.tagSectionBox strong i {
    color: #b7bfcb;
    margin: 0 8px;
}

.basicProfile .rightPanel .profileCred.licensepro {
    padding: 23px 34px 4px 39px;
}

.addRemoveTag {
    color: #0089cd;
    float: right;
    font-weight: normal;
    text-decoration: underline;
}

.basicProfile .rightPanel .messageArea .messagePost.bordernone {
    border-bottom: none;
}

.filtertabInner {
    padding: 0 0 0 32px;
}

.filtertabInner .topText {
    margin-bottom: 16px;
    overflow: hidden;
}

.filtertabInner .topText .msgDate {
    color: #8693a7;
    float: left;
    font-size: 14px;
}

.filtertabInner .messagePost {
    border-bottom: 1px solid #efefef;
    padding: 26px 0;
}

.filtertabInner .profileRadioBox {
    padding-bottom: 20px;
}

.licenseeSelect {
    border-bottom: 1px solid #efefef;
    padding: 26px 0;
}

.licenseeSelect select {
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    position: relative;
    background: #fff url("../images/license-dashboard/greyarrow.png") no-repeat 95% 50%;
}

.messagePost.cactive .socialContrlButton {
    float: none;
}

.messagePost.cactive .socialContrlButton a {
    font-weight: normal;
    color: #4e515e;
}

.filtertabInner .profileRadioBox {
    position: relative;
}

.delIcon {
    position: absolute;
    right: 20px;
    top: 2px;
    color: #cf522d;
}

.delIcon i {
    color: #cf522d;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
}

.ui-widget-content {
    border: none !important;
}

.lastAdminLogin {
    background: #fff;
    position: relative;
    padding-right: 100px;
}

.lastAdminLogin .closebutton {
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.lastAdminLogin:after {
    clear: both;
    display: block;
    content: '';
}

.lastAdminLogin h2 {
    background: url(../images/license-dashboard/grey-bg-one.png) repeat 0 0;
    padding: 10px 20px 10px 32px;
    color: #6f7e95;
    font-size: 13px;
    font-weight: 600;
    float: left;
    margin: 0;
}

.lastAdminLogin h3 {
    float: left;
    padding: 16px 0 0 020px;
    font-size: 13px;
    margin: 0;
    color: #4e515e;
    font-weight: 600;
}

.lastAdminLogin h3 i {
    color: #46a8d9;
    margin-right: 6px;
}


/*.peopleChoice .contentContainer .licenseBox{
	height:auto;	
}*/

.peopleChoice .licenseBoxRight {
    float: left;
    padding-left: 22px;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.peopleChoice .contentContainer {
    margin-bottom: 0;
}

.rank-tag {
    background: url(../images/influencers/rankgreen.png) no-repeat 0 0 transparent;
    width: 40px;
    height: 57px;
    position: absolute;
    right: 18px;
    top: -2px;
    text-align: center;
}

.rank-tag.red-tag {
    background: url(../images/influencers/rankred.png) no-repeat 0 0 transparent;
}

.rank-txt {
    display: block;
    font-size: 24px;
    font-weight: 600;
    padding-top: 18px;
}

.peopleChoice .closebutton a:after {
    top: 0;
}

.peopleChoice .licenseBoxLeft {
    padding: 10px;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
    height: 100%;
}

.peopleChoice .licenseBoxLeft img {
    position: relative;
    top: 22px;
}

.islide-title {
    position: relative;
}

.islide-title .rank-tag {
    top: -14px;
}

.islide-title .rank-txt {
    padding-top: 13px;
    color: #fff;
}

.influencers-grid-panel-share-read i {
    margin-left: 8px;
}


/*developer changes*/

.adviser-search-box:nth-child(3n+3) {
    margin-right: 0;
}

.adviser-search-box .adviser-search-box-inner {
    float: right;
}

.adviser-search-box-profile-right {
    padding: 0px 0 0 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.adviser-search-box-profile-right.with-margin {
    padding: 14px 0 0 14px;
}

.adviser-search-box-profile-middle {
    margin: 0 0px;
    width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.adviser-search-box-profile-middle.with-margin {
    margin: 0 14px;
}

.adviser-search-box-profile-company {
    padding: 15px 0px;
}

.adviser-search-box-profile-company.with-margin {
    padding: 15px 14px;
}


/*.newDetailsSection{
	position: absolute;
    width: 100%;
    bottom: 20px;
}*/

.info-window-style {
    padding-left: 0px !important;
}

.adviser-search-box-profile-right h3 a {
    font-weight: 400;
}

.adviser-search-box-inner img {
    border-radius: 5px;
}

.qukBox.activityBox.wigetsscroll .listItems ul li {
    padding: 15px 15px 12px 0;
}

.adviserBlue.widgetpage {
    margin-left: 0;
}

.qukBox.activityBox.wigetsscroll h2 {
    padding-left: 58px;
}

.Leftinnercontbox.livefeatire .statusSection h2:before {
    background-image: url(../images/license-dashboard/live-feature.png);
    top: 18px;
    background-repeat: no-repeat;
}

.quickStartCont.widgrtarea .listItems {
    border-radius: 0 0 5px 5px;
}

.quickStartCont.widgrtarea .listItems:after {
    border-width: 0;
}

.negativeRev {
    background: transparent url("../images/license-dashboard/Icon_customerReview.png") no-repeat scroll 21px center;
}

.quickStartCont.widgrtarea .listItems ul li:after {
    top: 70%;
    transform: translate(0, -70%);
    -moz-transform: translate(0, -70%);
    -webkit-transform: translate(0, -70%);
    -o-transform: translate(0, -70%);
    -ms-transform: translate(0, -70%);
}

.feature-slider {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
}

.feature-slider:after {
    content: '';
    display: block;
    clear: both;
}

.feature-slider ul {
    margin: 0;
    padding: 0;
}

.feature-slider li {
    border: 1px solid #d3dbe3;
    width: 23%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin: 0 0px 5px;
    list-style: none;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.feature-slider-inner {
    padding: 16px 0 19px;
}

.featureTop {
    padding: 14px 0 0;
    text-align: center;
}

.featureTop strong {
    color: #0089cd;
    display: block;
    padding: 10px 0;
}

.featureTop em {
    color: #0089cd;
    display: block;
    padding: 0 12px 21px;
    min-height: 62px;
}

.featureBtm {
    display: block;
    overflow: hidden;
    background: #f7fafc;
    border-top: 1px solid #d3dbe3;
    padding: 17px 10px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
}

.featureBtm span {
    color: #576178;
    font-size: 13px;
    font-weight: 600;
}

.featureBtm p {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.featureBtm span:nth-of-type(1) {
    float: left;
}

.featureBtm span:nth-of-type(2) {
    float: right;
}

.featureBtm a {
    font-size: 12px;
    color: #0089cd;
    padding: 16px 0 7px;
    display: block;
    text-align: center;
}

.featureBtm a i {
    margin-right: 5px;
}

.feature-slider-inner:after {
    clear: both;
    content: "";
    display: block;
}

.feature-slider-inner .bx-wrapper img {
    display: inline;
}

.feature-slider-inner .bx-wrapper .bx-pager.bx-default-pager a {
    height: 10px;
    background: none;
    border: 1px solid #73b1dd;
}

.feature-slider-inner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.feature-slider-inner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none;
}

.feature-slider-inner .bx-wrapper .bx-pager {
    bottom: -44px;
}

.addEditSection {
    background: url("../images/wizard/pattern.gif") repeat 0 0 rgba(0, 0, 0, 0);
    padding: 18px 29px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
}

.addEditSection:after {
    content: '';
    display: block;
    clear: both;
}

.featureTxt {
    color: #6f7e95;
    font-weight: 600;
    padding-top: 10px;
    display: inline-block;
}

.featureTxt strong {
    background-color: #33c6b2;
    border-radius: 18px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin: 0 8px 0 0;
    padding: 1px 7px 1px 5px;
}

.addEditInner a {
    float: right;
    padding: 8px 14px;
    color: #fff;
    background-color: #0089cd;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
}

.addEditInner a:hover {
    opacity: 0.7;
}

.addEditInner a i {
    margin-left: 5px;
}

.quickStartCont.widgrtarea .listItems {
    padding: 0;
}

.quickStartCont.widgrtarea .listItems ul li {
    padding: 19px 0 18px 77px;
}

.quickStartCont.widgrtarea .listItems ul li.activelicenseequickstats:hover {
    background-color: #f7fafc;
}

.prophotoCon.completelicenseebox {
    margin: 0;
    padding: 0;
    position: relative;
    top: -40px;
}

.prophotoCon.completelicenseebox>li {
    text-align: center;
}

.prophotoCon.completelicenseebox h4 {
    color: #4e515e;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
    padding: 15px 20px;
    text-align: center;
}

.prophotoCon.completelicenseebox p {
    color: #4e515e;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding: 0 25px;
    text-align: center;
}

.leaderbordin.widgetpage .leaderboard-number {
    background: #0089cd;
}

.leaderbordin.widgetpage .leaderboard-number strong {
    padding-left: 5px;
}

.leaderbordin.widgetpage .vouch-box-info p.vouch-small {
    font-style: normal;
    font-size: 13px;
}

.leaderbordin.widgetpage .vouch-box-info p.vouch-small strong {
    color: #0089cd;
    padding: 0 9px;
}


/*#ctl02 .mapBlock .gm-style-iw {
    left: 9px !important;
}*/

#ctl02 .mapBlock .info-window-style h2 {
    color: #8693a7;
    font-size: 14px;
    line-height: 20px;
}


/*17-12-2015*/

.fullleadboard.widget .boardInner {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 30px;
}

.fullleadboard.widget {
    border-radius: 0px 0px 5px 5px;
}

.fullleadboard.widget .boardInner h4 strong {
    color: rgb(0, 137, 205);
    margin-left: 5px;
}

.fullleadboard.widget .boardInner h4 {
    display: inline-block;
    float: left;
    padding: 10px 0px 0px;
}

.fullleadboard.widgets .boardInner {
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 10px 0px 18px;
}

.fullleadboard.widgets .boardInner h4 {
    float: left;
    padding-top: 8px;
    margin-right: 20px;
}

.fullleadboard.widgets {
    border-radius: 0px 0px 5px 5px;
}

.fullleadboard.widgets .qusmore i {
    margin-left: 8px;
}

.fullleadboard.widgets .boardInner .qusmore {
    top: 30px;
}

.fullleadboard.widgets .qusmore {
    padding: 8px 31px 8px 20px;
}

body.HomeMaster #ui-id-2 {
    left: 50% !important;
    transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
}

.info-window-style p:nth-of-type(2):before {
    clear: both;
    content: "";
    display: block;
}

.proPic img {
    width: 100%;
}

.procrdModified .statBox h2 {
    color: #4e515e;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.procrdModified .statBox {
    margin: 0 8px 0 0;
    vertical-align: top;
}

.procrdModified .statBox:nth-child(3) {
    margin-right: 0;
}

.procrdModified .proPic>span {
    display: block;
}

.procrdModified .statBox:nth-child(3) i {
    font-size: 12px;
}

.procrdModified .statBox:nth-child(3) span {
    font-size: 12px;
}

.single-profile-rating-block.blue .ui-progressbar-value {
    background: #2299d4 url("../images/license-dashboard/bluebar.png") repeat-x 0 0 !important;
}

.single-profile-rating-block.green .ui-progressbar-value {
    background: #2299d4 url("../images/dashboard/progress-bar-bg.gif") repeat-x 0 0 !important;
}

.proRightSection .ratings-block .single-profile-rating-block.sky span {
    color: #1f8dc3;
}

.proRightSection .ratings-block .single-profile-rating-block.blue span {
    color: #5c73bb;
}

.proRightSection .ratings-block .single-profile-rating-block.green span {
    color: #00aa93;
}

.procrdModified {
    overflow: hidden;
    padding-bottom: 18px;
}

.tabnavbox ul {
    border: 2px solid #0089cd !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 5px !important;
    overflow: hidden;
}

.tabnavbox ul li {
    margin: 0 !important;
    padding: 0;
    border-right: 2px solid #007fff !important;
}

.tabnavbox ul li:last-child {
    border-right: none !important;
}

.tabnavbox ul li a {
    /*padding: 12px 33px !important;
	font-weight: bold;*/
    font-size: 13px;
    line-height: 11px;
    padding: 10px !important;
    font-weight: 600;
    display: block;
    float: none !important;
    color: #8693a7 !important;
}

.tabnavbox ul li.ui-state-active a,
.tabnavbox ul li.ui-state-hover a {
    color: #fff !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff;
}

.tabnavbox ul li:last-child a {
    padding: 12px 27px !important;
}

#profileTab {
    font-size: 0;
}

.tabnavbox {
    padding: 0 29px 18px 38px;
    background: #f5f8fa;
    font-size: 13px;
}

.tabContentBox {
    font-size: 12px;
}

.profileTabInner .ui-corner-all,
.profileTabInner .ui-corner-top,
.profileTabInner .ui-corner-right,
.profileTabInner .ui-corner-tr {
    border-top-right-radius: 0;
    border: 0;
}

.profileTabInner .ui-state-default,
.profileTabInner .ui-widget-content .ui-state-default,
.profileTabInner .ui-widget-header .ui-state-default {
    border: none;
}

.profileTabInner .ui-widget-header {
    background: transparent;
    border: none;
}

.profileTabInner .ui-state-default,
.profileTabInner .ui-widget-content .ui-state-default,
.profileTabInner .ui-widget-header .ui-state-default {
    background: #fff;
}

.profileTabInner .ui-state-active,
.profileTabInner .ui-widget-content .ui-state-active,
.profileTabInner .ui-widget-header .ui-state-active {
    background: #0089cd;
    border-radius: 0;
}

.profileTabInner .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
}

.profileTabInner .ui-state-default,
.profileTabInner .ui-widget-content .ui-state-default,
.profileTabInner .ui-widget-header .ui-state-default {
    border-radius: 0;
}

.profileTabInner .ui-state-hover,
.profileTabInner .ui-widget-content .ui-state-hover,
.profileTabInner .ui-widget-header .ui-state-hover,
.profileTabInner .ui-state-focus,
.profileTabInner .ui-widget-content .ui-state-focus,
.profileTabInner .ui-widget-header .ui-state-focus {
    border: none;
    background: #007fff;
    font-weight: normal;
    color: #fff;
}

.profileTabInner .ui-state-hover a,
.profileTabInner .ui-state-hover a:hover,
.profileTabInner .ui-state-hover a:link,
.profileTabInner .ui-state-hover a:visited,
.profileTabInner .ui-state-focus a,
.profileTabInner .ui-state-focus a:hover,
.profileTabInner .ui-state-focus a:link,
.profileTabInner .ui-state-focus a:visited {
    color: #fff;
    text-decoration: none;
}

.profileTabInner {
    padding-left: 4px;
}

.profileTabInner .ui-tabs .ui-tabs-nav {
    display: table;
    width: 100%;
    text-align: center;
}

.profileTabInner .ui-tabs .ui-tabs-nav li {
    display: table-cell;
}

.profileTabInner .ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

.messagePost.comptag .three-cols {
    margin-top: 0;
}

.messagePost.comptag .logo-box-bottom {
    text-align: center;
    font-size: 14px;
}

.messagePost.comptag .logo-box-bottom i {
    color: #0089cd;
    margin-left: 5px;
}

.messagePost.bordernone h3 a {
    color: #008acb;
}

.messagePost.bordernone .testimonial-item:last-child {
    margin-bottom: 0;
}

.basicProfile .rightPanel .messageArea .messagePost.bordernone {
    padding-bottom: 0;
}

.profileOverview {
    font-size: 21px;
    color: #353537;
    font-weight: 300;
    padding-bottom: 14px;
    border-bottom: 1px solid #efefef;
    font-family: "Open Sans", sans-serif;
    margin: 0;
}

.reviewNegative select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url(../images/license-dashboard/greyarrow.png) no-repeat 95% 50% #fff;
    width: 100%;
}

.reviewNegative span {
    color: #6f7e95;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 45px;
    width: 10%;
}

.reviewNegative .selectVal {
    display: block;
    float: right;
    width: 88%;
}

.reviewNegative .selectVal select {
    display: block;
    max-width: 100%;
    width: 100%;
}

.reviewNegative {
    padding: 20px 0;
}

.reviewNegative:after {
    content: '';
    clear: both;
    display: block;
}

.advRatingBox .vouched-you-block {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.advRatingBox .vouched-you-block .vouched-block-pic {
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.greenradius {
    background: #00bfa5 none repeat 0 0;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -o-border-radius: 17px;
    color: #fff !important;
    font-weight: 600;
    padding: 1px 4px;
    font-style: normal;
}

.grayradius {
    background: #cccccc none repeat 0 0;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -o-border-radius: 17px;
    color: #fff !important;
    font-weight: 600;
    padding: 1px 4px;
    font-style: normal;
}

.redradius {
    background: #f55254 none repeat 0 0;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -o-border-radius: 17px;
    color: #fff !important;
    font-weight: 600;
    padding: 1px 4px;
    font-style: normal;
}

.greyradius {
    background: #6d7c92 none repeat 0 0;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -o-border-radius: 17px;
    color: #fff !important;
    font-weight: 600;
    padding: 1px 4px;
    font-style: normal;
}

.advRatingBox .vouched-you-block .vouched-block-link a.vouch-check {
    color: #0089cd;
    font-size: 14px;
}

.advRatingBox .vouched-you-block .vouched-block-link a.vouch-cancel {
    text-decoration: none;
    cursor: default;
    font-style: italic;
}

.advRatingBox .vouched-you-block .vouched-block-txt {
    width: 72%;
}

.advRatingBox .vouched-you-block .vouched-block-pic img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.contactInfoCont {
    background: #f5f8fa;
    border: 1px solid #efefef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 18px;
}

.infoBoxWrp {
    overflow: hidden;
}

.leftinfoCont {
    display: block;
    float: left;
    width: 60%;
    border-right: 1px solid #efefef;
}

.leftinfoCont p {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.leftinfoCont p:last-child {
    border-bottom: none;
}

.leftinfoCont p span {
    font-size: 12px;
    color: #6f7e95;
    display: inline-block;
    padding: 0 0 0 22px;
    width: 20%;
    vertical-align: top;
}

.leftinfoCont p strong {
    display: inline-block;
    color: #6f7e95;
}

.leftinfoCont p:first-child strong {
    font-weight: bold;
}

.leftinfoCont strong em {
    display: block;
    font-style: normal;
}

.rightTimeCont {
    color: #6f7e95;
    float: right;
    width: 39%;
}

.hours {
    font-size: 12px;
    padding: 17px 0 12px 18px;
    margin: 0;
}

.timingday p {
    display: block;
    margin: 0;
    padding: 1px 0;
    font-weight: bold;
}

.timingday p span {
    color: #6f7e95;
    display: inline-block;
    font-size: 12px;
    padding: 0 0 0 18px;
    vertical-align: top;
    width: 50%;
}

.timingday p strong {
    color: #6f7e95;
    display: inline-block;
}

.infoMap {
    border-top: 4px solid #d8dde3;
}

.conDetails {
    padding: 0;
}

.conDetails p {
    padding: 23px 0 0;
    margin: 0;
}

.conDetails p label {
    font-size: 14px;
    color: #8693a7;
    display: block;
    padding: 0 0 13px 0;
}

.conDetails p input {
    max-width: 100%;
    width: 100%;
}

.conDetails p textarea {
    width: 100%;
    height: 182px;
    resize: none;
}

.conDetails input[type='submit'] {
    margin: 15px 0 0;
    padding: 10px 24px;
    width: auto;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
}

.conDetails input[type='submit']:hover {
    background: #f6fbfe;
}

.tagAdviser {
    padding: 22px 0 20px;
}

.tagAdviser:after,
.tagwrap:after {
    content: '';
    clear: both;
    display: block;
}

.tagAdviser span {
    display: block;
    float: left;
    padding: 9px 16px 9px 22px;
    border: 2px solid #d1d9e0;
    margin: 0 12px 12px 0;
    color: #6f7e95;
    font-size: 13px;
    border-radius: 24px;
}

.tagAdviser span i {
    color: #ed6b6d;
    margin-left: 10px;
    cursor: pointer;
}

.tagAdding {
    border-top: 1px solid #efefef;
    padding: 22px 0 0;
}

.tagwrap p {
    margin: 0;
    padding: 0;
    width: 85%;
    float: left;
}

.tagwrap p input {
    width: 100%;
    max-width: 100%;
}

.tagwrap span {
    display: block;
    font-size: 14px;
    color: #8693a7;
    padding-bottom: 5px;
}

.addtagBtn {
    border: 1px solid #8a95a5;
    border-radius: 5px;
    color: #4e515e;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 28px 0 0;
    padding: 10px 17px;
    cursor: pointer;
}

.addmytag {
    cursor: pointer;
}

.addmytag i {
    font-size: 20px;
    color: #b7bfcb;
    margin-right: 7px;
}

.addmytag span {
    vertical-align: top;
}

.sortlist {
    padding: 18px 0;
}

.sortlist a {
    background: #0089cd;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-weight: bold;
    padding: 11px 19px;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
}

.sortlist a:hover {
    background: #04a0ed;
}

.tabPanel.publicProfile i {
    margin-right: 16px;
    color: #8a95a5;
}

.tabPanel.publicProfile li {
    cursor: pointer;
}

.sectionBlockOne {
    display: none;
}


/*.sectionBlockOne:nth-child(1){
	display:block;	
}*/

.basicProfile .rightPanel h2 a.basic-profile-preview.pPro {
    background: #0099e6;
    color: #fff;
    border: none;
}

.basicProfile .rightPanel h2 a.basic-profile-preview.pPro i {
    color: #fff;
}

.vouchPublicBox .vouch-public-box-top h2 {
    padding: 15px 20px 20px;
    font-weight: 600;
    color: #fff;
}

.vouch-public-box-bottom a {
    background: #e3e9ef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    height: 50px;
    margin: 0 10px 12px;
    vertical-align: top;
    width: 50px;
}

.vouchComp {
    display: inline-block;
    padding: 1px 0 0 5px;
}

.skillSection .skills-ranking-icon img {
    width: 47px;
    height: 47px;
}

.watchAdvFrm {
    padding: 39px 0 0;
}

.watchAdvFrm p label {
    display: block;
}

.watchAdvFrm p input[type='submit'] {
    width: auto;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
}

.watchAdvFrm p input[type='submit']:hover {
    background: #e5f3ff;
}

.messagePost h4 {
    font-weight: 600;
}

.mpost p {
    width: 48%;
}

.mpost p input {
    width: 100%;
}

.mpost p:nth-child(1) {
    float: left;
}

.mpost p:nth-child(2) {
    float: right;
}

.mpost:after,
.contactVia:after {
    content: '';
    clear: both;
    display: block;
}

.contvia input[type='checkbox'] {
    display: none;
}

.contvia label {
    font-size: 12px;
    line-height: 19px;
    color: #8a95a5;
    position: relative;
    padding: 0 0 0 24px;
    cursor: pointer;
    font-style: italic;
}

.contvia label:before {
    content: '';
    display: block;
    width: 14px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/adviser/grychk.png) no-repeat 0 0;
}

.contvia input[type='checkbox']:checked+label:before {
    background: url(../images/adviser/grychkdone.png) no-repeat 0 0;
}

.interestCont {
    float: left;
    padding: 0 12px 0 0;
}

.interestCont .contvia label {
    font-style: normall;
}

.contactVia {
    margin-bottom: 25px;
}

.contactVia .contvia label {
    font-style: normal;
}

.contactVia textarea {
    width: 100%;
    resize: none;
    height: 69px;
}

.contactVia p input[type='submit'] {
    width: auto;
    margin-top: 17px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
}

.contactVia p input[type='submit']:hover {
    background: #e5f3ff;
}

.messagePostfrm {
    border-bottom: 1px solid #efefef;
}

.profilemapBlock {
    padding: 19px 0 0;
}

.profilemapContainer {
    border: 6px solid #f4f4f4;
}

.basicProfile .rightPanel .profileVideoBox .messageArea .messagePost {
    padding-top: 0;
}

.messagePost.noborder {
    border-bottom: none !important;
}

.videoplay img {
    max-width: 545px;
    width: 100%;
}

.publicSherePro {
    padding: 41px 5px 0 0;
    float: right;
}

.mySocialIcon {
    float: right;
}

.publicSherePro span:first-child {
    line-height: 37px;
    padding: 0 10px 0 0;
}

.publicSherePro span {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    /*padding: 7px 10px 0 0;*/
    padding: 0;
}

.mySocialIcon>a {
    margin-right: 2px;
}

.candidateName em {
    font-style: normal;
}

.candidateDashboardPro {
    float: right;
    width: 50%;
}

.ratingChat .AwardPanelOne,
.ratingChat .CustomerPanelOne,
.ratingChat .AvPanelOne {
    margin: 0 2px 0 0;
}

.ratingChat .TotalPanelOne {
    margin: 0 0px 0 0;
}


/*18-01-2016*/

.main-two-cont {
    margin: 0 auto;
    max-width: 875px;
}

.main-two-cont::after {
    clear: both;
    content: "";
    display: block;
}

.subimgIcon {
    width: 74px;
    height: auto;
}

.subimgIconBox {
    float: left;
    padding-right: 20px;
    text-align: left;
    width: 8.7%;
}

.subs-info {
    float: left;
    width: 88%;
}

.subs-info>div {
    float: right;
    padding-top: 14px;
    text-align: left;
    width: 42%;
}

.ThanksPanel h3 strong {
    color: #fff;
}

.Sliderbuttonfix .bx-prev:first-child {
    display: none;
}

.Sliderbuttonfix .bx-next:first-child {
    display: none;
}


/*Mobile Css Start*/


/* Wizerd filter responsive start */

@media screen and (max-width: 960px) {
    #extra.toogleBox .wrapper-950,
    #extra.toogleBox .addSkillBox {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }
    .genderSection {
        padding-left: 11px;
        width: 33%;
    }
    .queSection,
    .queSectionLast {
        width: 45%;
    }
    .applySkill {
        width: 18%;
    }
    .proPic {
        width: 33%;
    }
    .proPic img {
        width: 100%;
    }
    .proRightSection {
        width: 63%;
    }
    .newDetailsSection .lhs-nav-arrow {
        display: none;
    }
    .influencers-grid-panel {
        float: none;
    }
    .subs-info>div {
        width: 38%;
        float: right;
    }
    .main-two-grey input.field {
        width: 64%;
    }
}

@media screen and (max-width: 767px) {
    .filterPanelCont {
        padding-left: 15px;
        padding-right: 15px;
    }
    .genderSection {
        width: 40%;
    }
    .queSection,
    .queSectionLast {
        width: 50%;
        padding: 21px 0px 0px 10px;
    }
    .queSection {
        padding-top: 9px;
    }
    .queSectionLast {
        padding-bottom: 9px;
    }
    .skillList {
        padding: 0px 10px 0px 10px;
        width: 80%;
    }
    .applySkill {
        width: 22%;
    }
    .proPic {
        width: 35%;
    }
    .proRightSection {
        width: 60%;
    }
    .peopleChoice .licenseBoxLeft img {
        top: 0;
    }
    #ctl02 .filterPanelInner p {
        width: 100%;
    }
    .filterPanelInner {
        padding: 0 10px;
    }
    .basicProfile .rightPanel h2 a.basic-profile-preview.carl {
        width: 140px;
    }
    .procrdModified .statBox {
        margin-bottom: 10px;
    }
    .basicProfile .rightPanel .profileCred.licensepro {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
    }
    .tabnavbox {
        padding-left: 10px;
        padding-right: 10px;
    }
    .tabnavbox ul li a {
        font-weight: bold;
        padding: 12px 20px !important;
    }
    .tabnavbox ul li:last-child a {
        padding: 12px 20px !important;
    }
    .companyPage .rightPanel,
    .basicProfile .rightPanel,
    .statsReport .rightPanel {
        box-shadow: none;
    }
    .leftinfoCont {
        float: none;
        width: 100%;
    }
    .rightTimeCont {
        float: none;
        width: 100%;
        padding-bottom: 20px;
    }
    .leftinfoCont p:last-child {
        border-bottom: 1px solid #efefef;
    }
    .advRatingBox .vouched-you-block .vouched-block-txt {
        width: 100%;
    }
    .tagwrap p {
        width: 100%;
        float: none;
    }
    .addtagBtn {
        float: none;
        text-align: center;
        margin: 10px auto;
        width: 150px;
        display: block;
    }
    .reviewNegative span {
        float: none;
        width: 100%;
    }
    .reviewNegative .selectVal {
        float: none;
        width: 100%;
    }
    .tagAdviser {
        text-align: center;
    }
    .tagAdviser span {
        float: none;
        display: inline-block;
    }
    .main-two-grey img.subimgIcon {
        height: auto;
        width: 74px;
    }
    .subimgIconBox {
        float: none;
        padding-right: 0;
        text-align: center;
        width: auto;
    }
    .subs-info {
        float: none;
        width: 100%;
    }
    .main-two .subs-info p {
        text-align: center;
    }
    .subs-info>div {
        text-align: center;
        width: 100%;
    }
    .main-two-grey input.field {
        width: 62%;
    }
}

@media screen and (max-width: 734px) {
    body.HomeMaster #ui-id-2 {
        left: 20px !important;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
}

@media screen and (max-width: 639px) {
    .filterPanelCont {
        padding-left: 10px;
        padding-right: 10px;
    }
    .filterPanelInner {
        padding: 0;
    }
    .listTiles ul li {
        margin: 0px 0px 0px 5px;
    }
    .listTiles ul li a {
        font-size: 12px;
    }
    .filterBox {
        width: auto;
    }
    .filterBox a {
        font-size: 12px;
        padding-right: 15px;
    }
    .rngBlock {
        width: 100%;
        margin: 0;
        padding: 0 0 17px;
    }
    .genderSection {
        width: 240px;
        padding-left: 0;
    }
    .queSection,
    .queSectionLast {
        width: 100%;
        padding: 21px 0px 0px 0px;
    }
    .skillSection {
        padding-left: 0;
    }
    .sklTxt {
        display: block;
        float: none;
        width: 100%;
        padding: 0 0 10px;
    }
    .skillList {
        width: 100%;
        padding: 0 0;
    }
    .applySkill {
        width: 44%;
    }
    .newDetailsSection>h2 {
        padding: 0px 34px 20px;
    }
    .newDetailsSection h2 a.fullprofile {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        margin: 0 0 10px;
        box-sizing: border-box;
    }
    .newDetailsSection .profileCred {
        margin-left: 0;
        padding: 23px 34px 23px 34px;
    }
    .proPic {
        width: 100%;
        margin-bottom: 15px;
    }
    .proRightSection {
        width: 100%;
    }
    .statBox {
        margin: 0 0 10px;
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .tabScrollX {
        overflow-x: auto;
    }
    .contentNew.dashMenu {
        /*height: 740px !important;*/
    }
    .adviserName h3,
    .popView h3 {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .popView {
        width: 100%;
        background: #fff;
        left: 0;
        top: 0;
        z-index: 9999;
    }
    .tabScrollX .tabContent {
        padding: 0;
        width: 100%;
        z-index: 99999;
    }
    .contentNew {
        margin: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
    }
    .filterPanelInner {
        padding: 0 20px;
    }
    .contentLeftN {
        position: absolute;
    }
    .contentRightN {
        width: 100%;
        position: absolute;
        margin: 0;
        padding: 0 10px;
        left: 0;
    }
    /** 12.10.2015 **/
    .companyPage .rightPanel,
    .basicProfile .rightPanel,
    .statsReport .rightPanel {
        width: 100%;
    }
    .dashboardMobile {
        display: block;
    }
    .candidateDashboard {
        width: 100%;
    }
    .candidateDashboard ul {
        display: none;
        background: url(../images/dashboard/dashboard-menu-bg.png) 0px 0px repeat-x #0c4061;
    }
    .candidateDashboard ul li {
        float: none;
        display: block;
        width: auto;
    }
    .candidateDashboard ul li a {
        text-align: left;
        overflow: hidden;
        border-bottom: 1px solid #0a344f;
    }
    .candidateDashboard ul li a img {
        float: left;
        margin: 0 18px 0 24px;
        vertical-align: middle;
    }
    .candidateDashboard ul li a span {
        line-height: 60px;
    }
    /*	.statsReportBlock .reportPic{
		width:18%;}	*/
    .statsReport .rightPanel .profileCred .statsReportForm {
        width: 82%;
    }
    /**12.10.2015 **/
    /* 13.10.2015 */
    .statsReport .rightPanel .profileCred .statsReportForm form select {
        max-width: 100%;
    }
    .statsReport .rightPanel .profileCred .statsReportForm form select.property {
        max-width: 100%;
        overflow: hidden;
        margin-bottom: 16px;
    }
    .statsReport .rightPanel .profileCred .statsReportForm form .statsSearch {
        display: block;
        float: none;
        margin: 20px auto;
        width: 150px;
    }
    .statsReportBlock .reportTxt {
        width: 70%;
    }
    /* 13.10.2015 */
    /* location & contact */
    .primary-contact-info li {
        width: 100%;
    }
    .primary-contact-info li .contact-label {
        width: 20%;
    }
    .primary-contact-info li .contact-deatils {
        width: 80%;
    }
    /* location & contact */
    /* advanced profile */
    /* advanced profile */
    /* progress-bar */
    .strongerPanel .bar-outer {
        width: 68%;
    }
    /* progress-bar */
    .strongerPanel .progressBar {
        width: 70%;
    }
    .stronger {
        width: 29%;
    }
    /*vouched for */
    .vouched-you-block .vouched-block-link {
        float: right;
        padding: 5px 0 0 0;
    }
    /*vouched  for */
    /* toolkit */
    .statsReport .rightPanel .profileCred .statsReportForm form select.item-select {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .statsReport .rightPanel .profileCred .statsReportForm form .tool-view-btn {
        display: block;
        margin: 0px auto 20px;
        float: none;
        width: 150px;
    }
    .tool-banner p {
        padding: 0px;
        margin: 0px;
    }
    /* toolkit */
    .makeProfileBlock .bx-wrapper .bx-prev,
    .makeProfileBlock .bx-wrapper .bx-prev:hover {
        left: 10px;
    }
    .makeProfileBlock .bx-wrapper .bx-next,
    .makeProfileBlock .bx-wrapper .bx-next:hover {
        right: 10px;
    }
    .contentRightN h2 {
        padding: 20px 0 0 0;
    }
    /*shortlist-compare Page Start _k*/
    .cusNameText span,
    .cusNameText strong {
        float: none;
        display: block;
    }
    .barOuter {
        margin-top: 3px;
    }
    .compareInner {
        padding-right: 12px;
    }
    .compairAdviser {
        padding-left: 12px;
        padding-right: 12px;
    }
    .expInnerBlock {
        overflow: hidden;
    }
    /*shortlist-compare Page End _k*/
    .quickActionsFullPan .bx-wrapper .bx-prev,
    .quickActionsFullPan .bx-wrapper .bx-prev:hover {
        left: -20px;
    }
    .quickActionsFullPan .bx-wrapper .bx-next,
    .quickActionsFullPan .bx-wrapper .bx-next:hover {
        right: -10px;
    }
}

@media screen and (max-width: 600px) {
    .serviceBlock {
        max-width: 320px;
    }
    .serviceBlock .box {
        margin: 0 10px 10px;
    }
    .landingPan {
        padding-bottom: 30%;
    }
    .landingPan p.bottomText {
        padding: 10px 0;
    }
    .landBlock .listText {
        padding: 0 10px;
    }
    .inputBlock {
        padding: 0 10px;
    }
    .radioBlock {
        margin: 0 auto 18px;
        width: 300px;
    }
    .expandclk {
        top: 20px;
    }
    .msgDatenew em {
        display: block;
        padding: 5px 0 0;
    }
    /**Dashboard Shortlist Message CSS Start**/
    .informationChekbox {
        box-sizing: border-box;
        float: left;
        padding: 0 0 10px;
        width: 50%;
    }
    .interestField>div {
        margin-bottom: 2px;
    }
    .infoButtonBloc {
        clear: both;
        position: static;
        width: 100%;
    }
    /**Dashboard Shortlist Message CSS End**/
}

@media screen and (max-width:1024px) {
    /* Company License */
    .companyPage,
    .basicProfile {
        /*	height:auto !important;*/
        width: auto;
        /*	margin:20px;*/
    }
    /** right panel **/
    .companyPage .rightPanel .profileCred {
        overflow: hidden;
    }
    /** right panel **/
    .bluecont {
        padding: 0 20px;
    }
    .bluecont .btn-black {
        right: 20px!important;
    }
}

@media screen and (max-width:868px) {
    /* Progressbar Section */
    .filterPanel {
        padding-left: 10px;
        padding-right: 10px;
    }
    .strongerPanel .bar-outer {
        width: 63%;
    }
    /* Progressbar Section */
    /* right panel */
    .companyPage .rightPanel .profileCred img.profileGraphics {
        width: 100px;
        height: 100px;
    }
    /* right panel */
    /*basic profile */
    .basicProfile .rightPanel .profileCred .basic-profile-heading h3 {
        margin-left: 10px;
    }
    .basicProfile .rightPanel .profileCred .basic-profile-heading ul {
        padding-left: 10px;
    }
    .companyPage .rightPanel .profileCred ul li label,
    .basicProfile .rightPanel .profileCred ul li label {
        margin-right: 30px;
    }
    .change-pictute {
        font-size: 10px;
    }
    /* basic profile */
}

@media screen and (max-width:767px) {
    /* left panel */
    .companyPage .leftPanel,
    .basicProfile .leftPanel {
        /*	width:100%;
	float:none;*/
    }
    /* left panel */
    /* right panel */
    .companyPage .rightPanel,
    .basicProfile .rightPanel {
        /*	width: 100%;
	float: none;*/
        padding-top: 0;
    }
    .strongerPanel .bar-outer {
        width: 60%;
    }
    /* right panel */
    /* 13.10.2015 */
    .statsReport .rightPanel .profileCred .statsReportForm {
        width: 78%;
    }
    /*.statsReportBlock .reportPic{
	width:13%;}	*/
    .statsReportBlock .reportTxt {
        width: 65%;
    }
    .strongerPanel .progressBar {
        width: 74%;
    }
    .stronger {
        width: 20%;
    }
    /* 13.10.2015 */
    /* vouched for */
    .number-adviser-pic ul li {
        margin-bottom: 5px;
    }
    /* vouched for */
    .new-head-2 .new-head-inner {
        width: 100%;
    }
    #ctl03 {
        width: 100%;
        overflow-x: hidden;
    }
}

@media screen and (max-width:667px) {
    /* Progressbar Section */
    .strongerPanel .progressBar {
        width: 70%;
    }
    .strongerPanel .bar-outer {
        width: 50%;
    }
    /* Progressbar Section */
    /* basic profile*/
    .basicProfile .rightPanel .messageArea {
        padding: 25px 15px;
    }
    /*26.10.2015 */
    .makeProfileBlock .bx-wrapper {
        width: 300px;
        margin: 0px auto 40px;
    }
    /*26.10.2015 */
    /* basic profile*/
    /* 12.10.2015 */
    .content-right {
        left: 0px;
    }
    .statsReport .rightPanel .messageArea {
        padding: 25px 15px;
    }
    /* 12.10.2015*/
    /* 13.10.2015 */
    .statsReport .rightPanel .profileCred img {
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
    .statsReport .rightPanel .profileCred .statsReportForm {
        width: 100%;
        float: none;
        padding: 0px;
    }
    .statsReportBlock .reportTxt {
        width: 60%;
    }
    .strongerPanel .progressBar {
        width: 66%;
    }
    .stronger {
        width: 30%;
    }
    /* 13.10.2015 */
    /* advanced profile */
    .profileCred-right-part {
        width: 100%;
        float: none;
        padding: 0;
    }
    /* advanced profile */
    /*.filterPanelInner{
		padding:0px;
}*/
    /* vouched for */
    .number-adviser-header-txt {
        padding: 15px 150px 15px 18px;
    }
    /* vouched for */
    /*Adviser Shortlist List Style Start*/
    .compareMsgBox {
        float: none;
        margin: 0 auto 20px;
        width: 96%;
    }
    .compareMsgBox:nth-of-type(3n+3) {
        margin: 0 auto 20px;
    }
    /*Adviser Shortlist List Style End*/
}

@media screen and (max-width:568px) {
    /* Progressbar Section */
    .strongerPanel .progressBar {
        width: 60%;
    }
    .stronger {
        width: 35%;
    }
    .strongerPanel .bar-outer {
        width: 35%;
    }
    /* Progressbar Section */
    /** right panel **/
    .companyPage .rightPanel .profileCred ul {
        padding: 0 0 0 10px;
    }
    /** right panel **/
    /*	basic profile */
    .basicProfile .rightPanel .profileCred {
        padding: 23px 15px;
    }
    .basicProfile .rightPanel .profileCred ul li label {
        margin-right: 20px;
    }
    /* basic profile */
    /* 12.10.2015 */
    .statsReport .rightPanel .profileCred {
        padding: 30px 15px 34px 15px;
    }
    .statsReport .rightPanel .profileCred img {
        display: block;
        margin: 20px auto;
    }
    .statsReport .rightPanel .profileCred .statsReportForm {
        width: 100%;
        margin: 0 auto;
    }
    .statsReport .rightPanel .profileCred .statsReportForm form select {
        max-width: 100%;
    }
    .statsReport .rightPanel .profileCred .statsReportForm form select.property {
        max-width: 100%;
    }
    /* 12.10.2015 */
    /* 13.10.2015 */
    .statsReportBlock .reportPic {
        float: none;
        display: block;
        margin: 20px auto;
    }
    .statsReportBlock .reportTxt {
        float: none;
        display: block;
        width: auto;
    }
    .statsReportBlock .send-btn {
        float: left;
    }
    /* 13.10.2015 */
    .filterPanelInner p {
        width: 50%;
    }
    /* vouchedfor */
    .vouched-you-block .vouched-block-pic {
        display: block;
        margin: 0px auto 10px;
    }
    .vouched-you-block .vouched-block-txt {
        display: block;
        width: 100%;
        margin: 0px auto 15px;
        text-align: center;
    }
    .vouched-you-block .vouched-block-link {
        display: block;
        width: 100%;
        margin: 0px auto;
        float: none;
        padding: 0px;
        position: relative;
        right: 0;
        top: 0%;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
    .vouched-you-block .vouched-block-link a {
        text-align: center;
    }
    .number-adviser-logo {
        display: block;
        margin: 0 auto;
        padding: 5px;
        width: 100%;
    }
    .number-adviser-header-txt {
        display: inline-block;
        padding: 15px 15px;
        width: 100%;
        text-align: center;
    }
    .number-adviser-header-txt span {
        position: relative;
        display: block;
        width: 100%;
        right: 0px;
        top: 0%;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        margin: 10px 0;
    }
    /* vouchedfor */
    #ctl02 .filterPanel .arrowIcon {
        background: transparent url("../images/wizard/arshow.png") no-repeat scroll 100% 6px;
    }
}

@media screen and (max-width:479px) {
    /*.tabnavbox ul li a {
    font-weight: bold;
    padding: 12px 5px !important;
}
.tabnavbox ul li:last-child a {
    padding: 12px 5px !important;
}
.profileTabInner{
	padding-left:0;	
}*/
    .tabnavbox ul li a {
        float: none !important;
        display: block;
    }
    .tabnavbox ul li {
        float: none !important;
        border: none !important;
    }
    .profileTabInner {
        padding-left: 0;
    }
}

@media screen and (max-width:480px) {
    /* Progressbar Section */
    .strongerPanel .progressBar {
        width: 100%;
        text-align: center;
    }
    .stronger {
        text-align: center;
        width: 100%;
        padding: 15px 0 0;
    }
    .strongerPanel .progressBar .label {
        display: block;
        margin-bottom: 10px;
    }
    .strongerPanel .bar-outer {
        width: 50%;
    }
    /* Progressbar Section */
    /* right panel */
    .companyPage .rightPanel .profileCred img.profileGraphics {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .companyPage .rightPanel .profileCred {
        padding: 35px 8px;
    }
    .companyPage .rightPanel .profileCred ul {
        float: none;
        width: 100%;
        padding: 0px;
        margin: 20px 0;
    }
    .companyPage .rightPanel .messageArea {
        padding: 25px 10px;
    }
    .companyPage .rightPanel .messageArea .messagePost {
        padding: 10px;
    }
    .add-new-card {
        display: block;
        margin: 0px auto;
    }
    /* right panel */
    /* basic profile */
    /*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .inerdesLef*/
    .inerDes .inerdesLef {
        width: 90px;
        padding: 0 10px;
    }
    /*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .innerdesRit*/
    .inerDes .innerdesRit {
        padding: 0 9px;
    }
    /*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .inerdesLef img*/
    .inerDes .inerdesLef img {
        width: 100%;
    }
    .basicProfile .rightPanel h2,
    .statsReport .rightPanel h2 {
        overflow: hidden;
    }
    .basicProfile .rightPanel .profileCred .basic-profile-pic {
        float: none;
        width: 130px;
        overflow: hidden;
        display: block;
        margin: 0 auto 20px;
    }
    .basicProfile .rightPanel .profileCred .basic-profile-heading {
        float: none;
        width: auto;
    }
    /* basic profile */
    /* 13.10.2015 */
    .filterPanelInner {
        padding: 0 10px;
    }
    /* 13.10.2015 */
    /***** media query ends  here *****/
    .customerProfileDetails .textPicBlk {
        float: none;
        display: block;
        margin: 20px auto;
    }
    .customerProfileDetails {
        padding: 18px 20px 10px;
    }
    .customerProfileDetails .details p {
        display: table;
    }
    .customerProfileDetails .details p span {
        display: table-cell;
    }
    .contentRightN .padding {
        padding: 18px 0 24px;
    }
    /* 14.10.2015 */
    .customerProfileDetails a.sendBtn {
        display: block;
        float: none;
        margin: 10px 0;
    }
    /* 14.10.2015 */
    /* location & contact */
    .primary-contact-info li .contact-label {
        width: 30%;
    }
    .primary-contact-info li .contact-deatils {
        width: 70%;
        padding-right: 50px;
    }
    .contat-advider-pic img {
        float: none;
        display: block;
        margin: 0 auto 20px;
    }
    .contat-advider-pic p {
        text-align: center;
    }
    .contact-this-adviser h3 a {
        float: none;
        margin: 10px 0;
        display: block;
    }
    .contat-advider-pic {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .contact-advisor-txt {
        width: auto;
        display: block;
        float: none;
    }
    /* location & contact */
    /* advanced profile */
    .my-video h3 a {
        float: none;
        margin: 10px 0;
        display: block;
    }
    .my-video-pic {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .my-video-txt {
        width: auto;
        display: block;
        float: none;
    }
    /* advanced profile */
    /*compitetion*/
    .competitionContInner {
        padding: 0 10px;
    }
    .basicProfile .rightPanel h2 a.basic-profile-preview {
        width: 100px;
        display: block;
        float: none;
        margin: 15px auto;
        white-space: nowrap;
    }
    .preview-btn {
        width: 90px;
        display: block;
        float: none;
        margin: 15px auto;
    }
    /* vouched for */
    .vouched-you-block {
        padding: 16px 10px;
    }
    .vouched-you-block .vouched-block-txt span {
        margin-right: 7px;
    }
    /* vouched for */
    /* trans-history */
    .payment-card-pic {
        display: block;
        margin: 0px auto;
    }
    .payment-card-detail {
        display: block;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }
    .payment-card-delet {
        position: relative;
        right: 0px;
        top: 0%;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        width: 100%;
        text-align: center;
    }
    .payment-card-default {
        position: relative;
        right: 0px;
        top: 0%;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        text-align: center;
        margin: 10px auto 0;
        display: inline-block;
    }
    .payment-method-block {
        text-align: center;
    }
    /* trans-history */
    .acMembership {
        margin: 0 auto;
        max-width: 300px;
    }
    .activePaymentBg .ui-dialog .ui-dialog-titlebar-close {
        right: 20px;
    }
    .fieldBtnone {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
    /** Transction History Style**/
    .subscriptionFile {
        color: #e3e9ef;
        float: none;
        margin: 0 auto;
    }
    .downloadReceipt {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .dateInputholder .dateWrap {
        float: none;
        margin: 0;
        width: 100%;
    }
    .dateWrapBtn {
        float: right;
        width: 30%;
    }
    .adviserConnectPan .landWrap ul {
        margin: 0 10px;
    }
}


/* ------------------------------320px ---------------------- */

@media screen and (max-width:320px) {
    .basicProfile .rightPanel,
    .companyPage .rightPanel {
        padding: 0 10px;
    }
    /*.basicProfile .rightPanel .messageArea .messagePost .msgDes .inerDes .inerdesLef*/
    .inerDes .inerdesLef {
        width: 50px;
    }
    .basicProfile .rightPanel .profileCred ul li label {
        margin-right: 5px;
    }
    .companyPage .rightPanel .profileCred ul li,
    .basicProfile .rightPanel .profileCred ul li {
        font-size: 12px;
    }
    .basicProfile .rightPanel .messageArea {
        padding: 25px 0px;
    }
    .basicProfile .rightPanel .profileCred .basic-profile-heading h3 {
        margin-left: 0px;
    }
    .basicProfile .rightPanel .profileCred .basic-profile-heading ul {
        padding-left: 0px;
    }
    .basicProfile .rightPanel h2,
    .statsReport .rightPanel h2 {
        padding: 20px 5px;
    }
    .basicProfile .rightPanel h2 a {
        border: 2px solid #8ccae8;
        border-radius: 40px;
        color: #0089cd;
        /*    float: right;*/
        font-size: 11px;
        font-weight: 600;
        line-height: 13px;
        padding: 10px 8px;
        text-decoration: none;
    }
    .messageAreaGreyPan {
        padding: 26px 0px 18px;
    }
    .messageAreaGreyPan h3 {
        margin: 0 10px;
        padding-bottom: 15px;
    }
    .expertise-icon-box {
        margin: 0 15px 20px;
    }
    /* vouchedfor */
    .vouched-block-txt h2 {
        padding: 0px !important;
    }
    /* vouchedfor */
    /* Download Dashboard Data start */
    .graphLeftContainerSection {
        padding: 10px 0 10px 5px!important;
    }
    .s-date,
    .e-date {
        margin: 0 5px 10px 0!important;
        width: 97px!important;
    }
    .s-date input,
    .e-date input {
        background-position: 95% 50%;
    }
    .ddd-select-region {
        width: 187px!important;
    }
    /* Download Dashboard Data End */
    /***************************************************
**
*** Style for https://cn.teamwork.com/tasks/8123365
**
***************************************************/
    .chartMapContainer {
        overflow: scroll;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    /*Dashboard*/
    .BodyContHolder {
        padding: 0 10px;
    }
    .contentContainer {
        margin: 30px 10px 40px;
    }
    .licenseBoxRight {
        width: 73%;
    }
    .licenseBoxRight h4 {
        padding: 13px 0 12px;
    }
    .sectionleftSide {
        float: left;
        width: 59%;
    }
    .vouch-box-info {
        width: 52%;
    }
    .AwardPanelOne,
    .CustomerPanelOne,
    .AvPanelOne,
    .TotalPanelOne {
        height: 70px;
        width: 70px;
    }
    .AwardPanelOne canvas,
    .CustomerPanelOne canvas,
    .AvPanelOne canvas,
    .TotalPanelOne canvas {
        height: 70px !important;
        margin-bottom: 15px;
        width: 70px !important;
    }
    .AwardPanelOne>canvas {
        margin-bottom: 15px;
    }
    .chatVal strong {
        font-size: 10px;
    }
    .chatVal span {
        font-size: 9px;
    }
    .chatVal {
        left: 1px;
        top: 15px;
    }
    .barChartBox {
        overflow: hidden;
    }
}

@media screen and (min-width:768px) and (max-width:960px) {
    /*membership page _k*/
    .membership-block {
        margin: 0 auto;
    }
    /*membership page end _k*/
    /*area-of-interest page _k*/
    .selectedAreaChk {
        text-align: center;
    }
    .textBlockRight p {
        text-align: left;
        padding-left: 12px;
    }
    .publicSherePro {
        padding-right: 10px;
    }
    .ratingChat .reviewloader {
        text-align: center;
    }
    /*area-of-interest page end _k*/
}

@media screen and (min-width:768px) and (max-width:959px) {
    .tabnavbox ul {
        text-align: center;
        font-size: 0;
    }
    .tabnavbox ul li {
        float: none !important;
        display: inline-block;
        font-size: 13px;
    }
    .tabnavbox ul li a,
    .tabnavbox ul li:last-child a {
        padding: 12px 30% !important;
    }
}

@media screen and (min-width:768px) and (max-width:945px) {
    /*Widget Section MObile Start _k*/
    .widgetBox {
        float: none;
        display: inline-block;
    }
    .widgetContainer .widgetBox:nth-child(3n+3) {
        margin-right: 50px;
    }
}

@media screen and (min-width:300px) and (max-width:767px) {
    /*Dashboard Page*/
    .BodyContHolder {
        padding: 0 16px;
    }
    .contentContainerHolder {
        margin: 0 20px;
    }
    .sectionleftSide,
    .sectionrightSide {
        float: none;
        width: auto;
    }
    .sectionrightSide {
        max-width: 100%;
    }
    .leaderbordin {
        background: #fff none repeat scroll 0 0;
        padding-left: 12px;
        padding-right: 9px;
    }
    .leaderboard .vouch-box-info {
        width: 100%;
    }
    .leaderboard .vouch-box {
        position: relative;
    }
    .sub-button {
        position: absolute;
        right: 17px;
    }
    .licenseBox {
        height: auto;
        padding-right: 0;
    }
    .licenseBoxLeft {
        float: none;
        text-align: center;
        padding-top: 46px;
    }
    .licenseBoxRight {
        float: none;
        width: auto;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 25px;
    }
    .licenseBoxRight p {
        line-height: 25px;
    }
    .areaimp p {
        line-height: 25px;
        padding-top: 15px;
    }
    .areaimp h4 {
        padding-bottom: 23px;
    }
    .areaimp h4::before {
        font-size: 17px;
    }
    .areaimp em {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .leaderbordin .vouch-box {
        padding: 15px 0;
    }
    .leaderbordin .vouch-box-info>em {
        display: block;
        padding-top: 10px;
    }
    .leaderbordin .leaderboard-number+a {
        text-decoration: none;
        font-weight: 600;
    }
    .leaderbordin .leaderboard-number,
    .boardInner .leaderboard-number {
        border-radius: 10px;
        padding: 2px 6px 3px;
    }
    .boardInner .qusmore {
        bottom: 0;
        display: inline-block;
        left: 0;
        margin-bottom: 21px;
        position: relative;
        top: 0;
    }
    .fullleadboard {
        padding: 21px 8px 1px 12px;
    }
    .cusrevTotal .allrev .sub-button {
        position: static;
    }
    .revtotal {
        display: block;
        float: none;
    }
    .allrev {
        display: block;
        float: none;
        padding-top: 16px;
    }
    .cusrevTotal .allrev .sub-button {
        float: none;
    }
    .recentReviewInner .reviews-item-white p {
        line-height: 25px;
    }
    .rtlskl {
        padding: 0 30px 14px;
        text-align: center;
        line-height: 25px;
    }
    .barChartBox .highcharts-container {
        display: block;
    }
    /*Dashboard MObile View end*/
    /*Widget Section MObile Start _k*/
    .widgetBox {
        float: none;
        display: inline-block;
        margin: 0 20px 47px;
    }
    .widgetContainer .widgetBox:nth-child(3n+3) {
        margin-right: 20px;
    }
    /*Profile Page Start _k*/
    .statusCheckBox {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .statusBoxRight {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .statusCheckBox img {
        float: none;
    }
    .renualSection {
        padding: 0 15px;
    }
    .profileCheckBoxSingle {
        padding-left: 0;
        padding-right: 0;
    }
    .circularGraph {
        float: none;
        margin: 0 auto;
    }
    .policyChkTxt {
        float: none;
        max-width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .reniewNow {
        float: none;
        margin: 0 auto;
    }
    .policyChkTxt p {
        margin-bottom: 0;
    }
    /*Profile Page End _k*/
    /*customer review _k*/
    .revNonmemberGraphInner {
        padding: 26px 10px;
    }
    .inputSend span {
        margin-bottom: 20px;
    }
    /*membership page _k*/
    .subscribePanel {
        padding: 30px 10px 93px;
    }
    .planChat {
        margin: 0 auto;
        float: none;
    }
    .messageArea.messageareaPanel {
        margin-top: 0;
    }
    .subscribePanelInner {
        float: none;
        padding: 24px 0 0;
        width: auto;
    }
    .subscribePanel {
        padding-bottom: 32px;
    }
    .statsReport .rightPanel .messageArea {
        max-width: 541px;
        overflow-x: auto;
    }
    .subscribePanelInner p {
        padding: 0;
    }
    /*membership page end _k*/
    .compareMessageblock a {
        font-size: 11px;
    }
    .compareMessageblock {
        padding-right: 10px;
    }
    .compProfileblock {
        text-align: center;
        /*kumarjit*/
    }
    .proBlocks {
        display: inline-block;
        float: none;
        margin-bottom: 5px;
        margin-right: 5px;
        vertical-align: top;
        /*kumarjit*/
    }
    /*shortlist-compare Page End _k*/
    .singleBoxCont {
        display: block;
        margin-right: 0;
        width: 100%;
    }
    .cusSingle img {
        position: absolute;
        float: none;
    }
    .barBlock {
        display: block;
        padding-left: 52px;
        width: auto;
    }
    .reviewSingle,
    .reviewSingle:last-child {
        display: block;
        float: none;
        width: 100%;
    }
    .mapUser {
        margin-bottom: 10px;
    }
    .queBox {
        border-right: 0;
    }
    .compareMessageblock {
        padding-right: 0;
        /*kumarjit*/
        float: none;
        text-align: center;
    }
    /*shortlist-compare Page End _k*/
    .quelogBox.quelogBoxblank {
        display: none;
        /*kumarjit*/
    }
    /*my-adviser start _k*/
    /*my-adviser End _k*/
    .warningsBoxInner {
        padding: 20px 20px 32px;
    }
    .selectSingle:nth-child(2n+2) {
        margin-right: 18px;
    }
    .selectedAreaChk {
        text-align: center;
    }
    /*area-of-interest start _k*/
    .textBlockRight p {
        text-align: left;
        padding-left: 10px;
    }
    .statusCheckBox {
        margin-left: 0;
    }
    /*area-of-interest _k*/
    .basicProfile .rightPanel .sectionBlockOne h2 a.basic-profile-preview {
        width: 171px;
    }
    .messagePost.bordernone h3 a {
        display: block;
        float: none;
        margin: 10px 0;
        text-align: right;
    }
    .candidateName em {
        display: block;
    }
    .candidateDashboardPro {
        float: right;
        width: 41%;
    }
    .publicSherePro span {
        display: block;
        padding: 0;
    }
    .ratingChat .reviewloader {
        text-align: center;
    }
}

@media screen and (min-width:300px) and (max-width:479px) {
    .wistia_popover_embed {
        width: 300px !important;
        height: 168px !important;
    }
    #wistia_grid_25_main,
    #wistia_grid_25_wrapper,
    #wistia_chrome_11 {
        height: 100% !important;
        width: 100% !important;
    }
}


/*Mobile Css End*/


/* VOUCH */

.vouch-box {
    background-color: #f5f8fa;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 0 15px 0;
    padding: 12px 15px 10px 15px;
}

.vouch-box-image {
    float: left;
    width: 50px;
    margin-right: 11px;
    overflow: hidden;
}

.vouch-box-image img {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
}

.vouch-box-info {
    float: left;
    width: 300px;
    font-size: 13px;
    line-height: 19px;
}

.vouch-box-info span {
    padding: 0 5px 0 0;
}

.vouch-box-info p {
    font-style: italic;
    padding: 4px 0 0 0;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 0 0;
}

.vouch-box-info p.vouch-small {
    font-size: 12px;
    line-height: 16px;
    color: #8a95a5;
}

.vouch-box-info span {
    color: #0089cd;
}

.vouch-box-link {
    float: right;
    color: #0089cd;
    font-size: 13px;
    line-height: 19px;
    margin: 14px 0 0;
}

@media screen and (max-width: 500px) {
    .vouch-box-info {
        width: 250px;
    }
    .vouch-box-link {
        float: left;
        clear: left;
        margin: -2px 0 4px 60px;
    }
}

@media screen and (max-width: 400px) {
    .vouch-box-info {
        width: 180px;
    }
    .vouch-box-link {
        margin: 2px 0 4px 60px;
    }
    .mySocialIcon img {
        width: 28px;
    }
}

.vouch-search-box {
    background-color: #f5f8fa;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 0 15px 0;
    padding: 12px 15px 9px 15px;
}

.vouch-search-box hr {
    margin: 20px 0 20px 0;
}

.vouch-box-link-box {
    width: 100px;
    font-size: 12px;
    line-height: 18px;
    float: right;
    text-align: right;
    margin: 4px 0 0 0;
}

@media screen and (max-width: 550px) {
    .vouch-box-link-box {
        clear: left;
        float: left;
        margin: 2px 0 0 60px;
        text-align: left;
    }
}

.vouch-box-link-box span {
    font-size: 13px;
    line-height: 19px;
    color: #33996d;
}

.vouch-search-box-left {
    width: 50%;
    float: left;
    padding: 12px 0 0 0;
}

.vouch-search-box-right {
    width: 50%;
    float: left;
}

@media screen and (max-width: 600px) {
    .vouch-search-box-left {
        width: 100%;
        padding-top: 0;
    }
    .vouch-search-box-right {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .vouch-search-box-right input {
        width: 100%;
    }
}

.vouch-public-box-top {
    background-color: #0089cd;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 71px;
    overflow: hidden;
}

.vouch-icon {
    width: 81px;
    height: 71px;
    float: left;
    background: url(../images/vouch-icon.png) center center no-repeat #00508a;
}

.vouch-icon h3 {
    display: none;
}

.vouch-public-box-top h2 {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    font-weight: 600;
    width: 220px;
    padding: 15px 20px 20px 20px;
    float: left;
}

.vouch-public-box-top h3 {
    font-size: 47px;
    line-height: 53px;
    float: right;
    color: #fff;
    font-weight: 700;
    padding: 7px 15px 0 0;
}

@media screen and (max-width: 500px) {
    .vouch-public-box-top h2 {
        width: 180px;
        font-size: 13px;
        line-height: 18px;
        padding: 8px 0px 20px 15px;
    }
    .vouch-icon {
        background-image: none;
    }
    .vouch-public-box-top .vouch-icon h3 {
        display: block;
    }
    .vouch-public-box-top h3 {
        display: none;
    }
}

.vouch-public-box-bottom {
    background-color: #f5f8fa;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 15px 15px 15px 15px;
}

.vouch-public-box-bottom img {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 10px 10px 0;
    float: left;
}

.vouch-public-box-bottom-counter {
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 22px;
    line-height: 22px;
    color: #0089cd;
    font-weight: 700;
    text-align: center;
    background-color: #fdfefe;
    border: 1px solid #e7ecf1;
    float: left;
    width: 79px;
    padding: 7px 0 9px 0;
}

.vouch-public-box-bottom-counter span {
    font-size: 10px;
    line-height: 11px;
}

.vouch-range {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #2386b7;
    color: #fff;
    height: 16px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 14px;
    font-weight: 700;
    overflow: hidden;
    background-color: #2795cc;
}

.vouch-dealer {
    border-right: 1px solid #2386b7;
    float: left;
    overflow: hidden;
    padding: 1px 3px 0 3px;
    height: 16px;
    cursor: hand;
    cursor: pointer;
    box-sizing: border-box;
}

.vouch-dealer:nth-child(even) {
    background-color: #2795cc;
}

.vouch-dealer:nth-child(odd) {
    background-color: #36abdf;
}

.skills-ranking-icon {
    width: 60px;
    float: left;
}

.skills-ranking-customers {
    float: left;
    width: 15%;
}

.skills-ranking-box {
    float: left;
    width: 70%;
    padding: 4px 0 0 0;
}

@media screen and (max-width: 600px) {
    .skills-ranking-box {
        width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .skills-ranking-box {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .skills-ranking-box {
        width: 40%;
    }
}

.skills-ranking {
    margin: 10px 0 30px 0;
}

.skills-ranking hr {
    margin: 15px 0 15px 0;
}

.skills-ranking-number {
    background-color: #7d8b9f;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 2px 4px 3px 4px;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin: 1px 4px 0 0;
    vertical-align: middle;
}

.skills-ranking-customers {
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 22px;
    line-height: 22px;
    color: #0089cd;
    font-weight: 700;
    text-align: center;
    background-color: #fdfefe;
    border: 1px solid #e7ecf1;
    float: right;
    width: 79px;
    padding: 7px 0 9px 0;
    margin: 0 0 0 10px;
}

.skills-ranking-customers span {
    font-size: 10px;
    line-height: 11px;
    color: #6f7e95;
    text-transform: uppercase;
}

@media screen and (max-width: 400px) {
    .skills-ranking-customers {
        font-size: 18px;
        line-height: 18px;
        width: 59px;
    }
    .skills-ranking-customers span {
        font-size: 8px;
        line-height: 8px;
    }
}

@media screen and (min-width:300px) and (max-width:767px) {
    .graphLeftContainerSection {
        padding-left: 10px;
        /*kumarjit*/
    }
    .companyPage .rightPanel h2,
    .basicProfile .rightPanel h2,
    .statsReport .rightPanel h2 {
        padding: 20px 5px;
    }
    .rightQukStatusSection {
        margin-top: 30px;
    }
}

.skill-bar-outer {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #d2dae2;
    height: 10px;
    margin: 8px 0 0 0;
    position: relative;
}

.skill-bar-inner {
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 10px;
    background-color: #33a1d7;
    position: absolute;
}

.skill-strength {
    color: #fff;
    position: absolute;
    font-size: 8px;
    line-height: 8px;
    text-transform: uppercase;
    padding: 1px 0 0 5px;
    font-weight: 700;
}


/* VOUCH */

.peopleChoice .contentContainer {
    margin-bottom: 0;
}


/* -----------------------------------------------------------------------------------------------------------------------*/


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

h1 {}

h2 {}

h3 {}

h4 {}

.grey-text {}

.yellow-button {}

.image-align-left {}

.image-align-right {}

.new-search-bar img.loading {
    display: none;
    left: 140px;
    right: auto;
    top: 15px;
}


/*-----------new customer page 120216-----------*/


/*.addMoreCustomerPan{
	display: block !important;
}*/


/*=================remove block=======================*/

.popncustadd {
    padding: 50px 0 50px;
}

.popncustadd .header {
    max-width: 885px;
    margin: 0 auto;
    padding: 15px 30px;
    background: #0d6aa1;
    border: 0px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -ms-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -ms-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
}

.popncustadd .header::after,
.popncustadd .header::before {
    content: '';
    display: block;
    clear: both;
}

.popncustadd .header h2 {
    font-size: 16px;
    color: #fff;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
}

.popncustadd .header span.count {
    display: inline-block;
    float: right;
    padding-top: 5px;
    color: #fff;
}

.popncustadd .maincont {
    padding: 35px 30px;
    background: #fff;
    max-width: 885px;
    margin: 0 auto;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -ms-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -ms-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
}

.popncustadd .maincont::after,
.popncustadd .maincont::before {
    content: '';
    display: block;
    clear: both;
}

.lftpen {
    width: 48%;
    float: left;
    height: 210px;
    position: relative;
    background: transparent;
    border: 2px dashed #d2dae2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding-bottom: 80px;
}

.rghtpen {
    width: 48%;
    float: right;
    position: relative;
    height: 210px;
    background: #f5f7f9;
    border: 2px solid #e3e7ec;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding-bottom: 80px;
}

.lftpen .send-btn,
.rghtpen .send-btn {
    position: absolute !important;
    left: 50%;
    bottom: 25px;
    margin-left: -50px;
    top: auto !important;
}

.miditemcnt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding-bottom: 40px;
}

#fileupload {
    height: 0;
    width: 0;
    border: 0px;
    padding: 0px;
    outline: none;
}

#fileupload-label {
    border: 0px;
    padding: 5px 18px 6px;
    background: #0099e6;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    border-radius: 6px;
}

.uploadbtnico {
    margin-right: 5px;
}

.fa.mainico {
    font-size: 47px;
    color: #d2dae2;
}

.maincont p {
    font-size: 15px;
    margin: 11px 0;
    color: #8693a7;
}

.maincont p.upld {
    margin: 0px;
}

.fa.rghtico {
    font-size: 57px;
    color: #d2dae2;
}


/***
Styles below are only required if you're using <iframe> fallback in
addition to HTML5 drag & drop (only working in Firefox/Chrome).
***/


/* Essential FileDrop zone element configuration: */

.fd-zone {
    position: relative;
    overflow: hidden;
    /* The following are not required but create a pretty box: */
    /*width: 15em;*/
    margin: 0 auto;
    text-align: center;
}


/* Hides <input type="file"> while simulating "Browse" button: */

.fd-file {
    opacity: 0;
    font-size: 118px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    font-family: sans-serif;
}


/* Provides visible feedback when use drags a file over the drop zone: */

.fd-zone.over {
    border-color: maroon;
    background: #f5f7f9;
}

.datatable {
    overflow-x: auto;
}

table.datalist {
    width: 100%;
}

table.datalist tr {
    text-align: center;
}

table.datalist tr td {
    color: #8693a7;
    padding: 14px 5px 14px 14px;
}

table.datalist tr td.delete {
    text-align: right;
    font-size: 18px;
    color: #f66a52;
}

table.datalist tr td.delete a {
    color: #f66a52;
    text-decoration: none;
}

table.datalist tr td a {
    color: #8693a7;
    text-decoration: none;
}

table.datalist tr {
    text-align: left;
}

table.datalist tr th {
    font-size: 14px;
    font-weight: 600;
    color: #020202;
    padding-bottom: 10px;
}

.addanthr {
    text-align: left;
    padding-right: 35px;
    margin-top: 20px;
    position: relative;
}

.addanthr a {
    text-decoration: none;
}

.addinr {
    /*padding: 10px 18px;*/
    border: 2px dashed #d2dae2;
    color: #8693a7;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    position: relative;
}

.addan {
    width: 100%;
    margin: 0px;
    border: 0px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    outline: none;
}

.addinr::after {
    content: "\f067";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: -33px;
    top: 7px;
    font-size: 20px;
    color: #00bfa5;
}

.addtrigg {
    display: inline-block;
    width: 35px;
    height: 41px;
    position: absolute;
    top: -3px;
    right: -40px;
    z-index: 999;
}

.popncustadd .maincont.dtbpresent {
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -ms-border-bottom-left-radius: 0px;
    -o-border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -ms-border-bottom-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
}

.popncustadd .footer::after,
.popncustadd .footer::before {
    content: '';
    display: block;
    clear: both;
}

.popncustadd .footer {
    max-width: 895px;
    margin: 0 auto;
    padding: 14px 25px 18px;
    background: url(../images/line-drag.jpg) left top #ebf1f5;
    border-top: 1px solid #ccd1d4;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -ms-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -ms-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
}

.popncustadd .footer .lft {
    width: 50%;
    float: left;
    text-align: left;
}

.popncustadd .footer .rght {
    width: 50%;
    float: right;
    text-align: right;
}

.footerbtn {
    background: #0089cd;
    color: #fff;
    text-decoration: none;
    padding: 10px 23px;
    display: inline-block;
    font-size: 14px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.footerbtn span {
    display: inline-block;
    margin: 0 2px;
}

.footerbtn:hover {
    color: #fff;
    background: rgb(2, 120, 179);
}

.footerbtn.disable {
    background: #92a1b0;
    cursor: not-allowed;
}

.popncustadd .maincont.dtbpresent {
    min-height: 293px;
}

#wtext {
    border: 0px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    resize: none;
    display: none;
}

.wytextarea .mce-statusbar {
    display: none;
}

.wytextarea .mce-panel {
    border: 0px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -ms-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -ms-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
}

.wytextarea .mce-toolbar-grp {
    background: #f5f8fa;
    padding: 10px 15px;
}

.wytextarea .mce-btn {
    background: #F5F8FA;
}

body#tinymce {
    background: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.mce-edit-area:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
}

.mce-btn-group .mce-btn {
    padding: 2px 2px 7px;
}

.mce-btn.mce-active,
.mce-btn.mce-active:hover,
.mce-btn:hover {
    background-color: rgba(99, 118, 132, 0.18) !important;
    border-color: rgba(34, 63, 82, 0.07) !important;
}

.mce-btn:hover,
.mce-btn:focus {
    background-color: rgba(99, 118, 132, 0.18) !important;
    border-color: rgba(34, 63, 82, 0.07) !important;
}

.maincont p.tipforweditr {
    margin: 25px 0 0;
    text-align: left;
    color: #7d8a96;
}

.mce-ico,
.mce-btn .mce-caret {
    color: #9facb5 !important;
}

.mce-btn .mce-caret {
    border-top: 4px solid #9facb5 !important;
}

.wtextlabl {
    font-size: 14px;
    color: #4e515e;
}

.wtextlabl input[type="text"] {
    width: 100%;
    height: 45px;
    margin-bottom: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border: 0px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
    outline: none;
}

.wtextlabl input[type="text"]:focus,
.wtextlabl input[type="text"]:active {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    outline: none;
}

.wtextlabl span {
    text-align: left;
    display: block;
    margin-bottom: 8px;
}

#customermanually {
    width: 100%;
    margin: 0px;
    height: 210px;
    padding: 20px;
    position: relative;
    z-index: 1;
    display: none;
}

@media all and (max-width: 568px) {
    .lftpen,
    .rghtpen {
        width: 100%;
    }
    .lftpen {
        margin-bottom: 15px;
    }
}


/*-----------new customer page 120216-----------*/


/*-----------preregistration page 220216-----------*/

.prehdr {
    padding: 16px 20px 20px;
    background: #0d294a;
}

.prehdr::after,
.prehdr::before {
    content: '';
    display: block;
    clear: both;
}

.lftlgo,
.rghtclose {
    width: 20%;
}

.lftlgo {
    float: left;
}

.rghtclose {
    float: right;
}

.midsec {
    width: 60%;
    float: left;
    text-align: center;
}

.midsec h2 {
    font-size: 21px;
    color: #fff;
    margin-top: 8px;
}

.rghtclose {
    text-align: right;
}

.rghtclose a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 7px 20px;
    border: 1px solid #fff;
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.rghtclose a i {
    margin-right: 10px;
}

.preslideareawrp::after,
.preslideareawrp::before {
    content: '';
    display: block;
    clear: both;
}

.hasactivefrm::before {
    width: 100%;
    height: 520px;
    position: absolute;
    background: rgba(13, 41, 74, 0.60);
    z-index: 1;
}

.preslideareawrp {
    padding: 10px 0 200px;
    background: #0d294a;
    position: relative;
}

#tech-slideshow {
    height: 520px;
    position: relative;
    overflow: hidden;
}

#tech-slideshow>div {
    height: 520px;
    width: 2459px;
    background-image: url(../images/preregistration/pre-reg-slide.jpg);
    background-position: 2459px 0;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -webkit-animation: moveSlideshow 60s linear infinite forwards;
    -moz-animation: moveSlideshow 60s linear infinite forwards;
}

@-webkit-keyframes moveSlideshow {
    0% {
        background-position: 2459px 0;
    }
    100% {
        background-position: 0px 0;
    }
    /*100% { left: 0; } */
}

@-moz-keyframes moveSlideshow {
    0% {
        background-position: 2459px 0;
    }
    100% {
        background-position: 0px 0;
    }
    /*100% { left: 0; }*/
}

.preregfrm {
    position: absolute;
    width: 420px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -65%);
    -webkit-transform: translate(-50%, -65%);
    -moz-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
    -o-transform: translate(-50%, -65%);
    z-index: 1;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
}

.Inputholder .error {
    border: 1px solid #f00;
}

.errorpre {
    display: none;
    background: #D21313;
    color: #fff;
    padding: 10px 15px;
    font-size: 11px;
    margin-bottom: 10px;
}

.errorpre label {
    display: block;
}

@media all and (max-width: 767px) {
    .midsec h2 {
        font-size: 15px;
    }
}

@media all and (max-width: 630px) {
    .lftlgo,
    .midsec,
    .rghtclose {
        width: 100%;
        float: none;
        text-align: center;
    }
    .preregfrm {
        width: 80%;
    }
    .midsec h2 {
        line-height: 20px;
    }
}


/*-----------preregistration page 220216-----------*/


/* 21-03-2016 - Login Page (Abir) */

#newLoginPanel {
    padding: 95px 0 150px;
    background: #1880c3;
    background: -moz-radial-gradient(center, ellipse cover, #1880c3 0%, #1265a2 56%, #0f5790 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #1880c3 0%, #1265a2 56%, #0f5790 100%);
    background: radial-gradient(ellipse at center, #1880c3 0%, #1265a2 56%, #0f5790 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1880c3', endColorstr='#0f5790', GradientType=1);
}

#newLoginPanel * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#newLoginPanel .inner {
    max-width: 300px;
    margin: 15px auto 0;
    position: relative;
    padding: 0;
    box-shadow: 0px 0px 3px #105a93;
}


/* tab head */

#newLoginPanel .inner .tab-head {
    display: table;
    width: 100%;
}

#newLoginPanel .inner .tab-head>div {
    display: table-cell;
    width: 33.33%;
    text-align: center;
    vertical-align: middle;
}

#newLoginPanel .inner .tab-head>div a {
    display: block;
    background: #0d4d80;
    color: #6e94b3;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    border-right: 1px solid #0c4573;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#newLoginPanel .inner .tab-head>div a:hover {
    /*color: #fff;*/
}

#newLoginPanel .inner .tab-head>div a.active {
    color: #fff;
    background: #1470af;
}

#newLoginPanel .inner .tab-head>div:first-child a {
    border-radius: 5px 0 0 0;
}

#newLoginPanel .inner .tab-head>div:last-child a {
    border-radius: 0 5px 0 0;
    border: none;
}


/* tab content */

#newLoginPanel .inner .tab-content {}

#newLoginPanel .inner .tab-content .tab-body {
    display: none;
}

#newLoginPanel .inner .tab-content .tab-body.active {
    display: block;
}

#newLoginPanel .inner .tab-content .white {
    background: #fff;
    padding: 20px 25px 25px;
}

#newLoginPanel .inner .tab-content .stripes {
    background: #fff url(../images/login-form-bg.png);
    padding: 20px 25px 25px;
    box-shadow: 0px 1px 3px #929292 inset;
}

#newLoginPanel .inner .tab-content p {
    font-size: 16px;
    line-height: 20px;
    color: #6f7282;
    text-align: center;
}

#newLoginPanel .inner .tab-content p a {
    color: #0089cd;
    text-decoration: none;
}

#newLoginPanel .inner .tab-content p a:hover {
    color: #000;
}

#newLoginPanel .inner .tab-content .submit-btn {
    display: block;
    position: relative;
    border-radius: 4px;
    background: #0089cd;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 38px;
    height: 38px;
    color: #fff;
    font-weight: 600;
    padding: 0 8px 0 50px;
    cursor: pointer;
}

#newLoginPanel .inner .tab-content .submit-btn:hover {
    background: #2d97d4;
}

#newLoginPanel .inner .tab-content .submit-btn span {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #007bb8;
    color: #fff;
    width: 39px;
    height: 38px;
    height: 38px;
    border-radius: 5px 0 0 5px;
}

#newLoginPanel .inner .tab-content .submit-btn span i {
    line-height: 38px;
    font-size: 16px;
}

#newLoginPanel .inner .tab-content .submit-btn.success {
    background: #00b59d;
}

#newLoginPanel .inner .tab-content .submit-btn.success span {
    background: #00a38d;
}

#newLoginPanel .inner .tab-content label {
    display: block;
    position: relative;
    margin-bottom: 8px;
}

#newLoginPanel .inner .tab-content input {
    display: block;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #fff;
    box-shadow: none;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    color: #6f7282;
    padding: 0 8px 0 17px;
}

#newLoginPanel .inner .tab-content input:focus {
    outline: none;
    border: 1px solid #007bb8;
}

#newLoginPanel .inner .tab-content .white label {
    display: block;
    position: relative;
    margin-bottom: 8px;
}

#newLoginPanel .inner .tab-content .white label span {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #b7beca;
    color: #fff;
    width: 39px;
    height: 38px;
    height: 38px;
    border-radius: 5px 0 0 5px;
}

#newLoginPanel .inner .tab-content .white label span i {
    line-height: 38px;
    font-size: 16px;
}

#newLoginPanel .inner .tab-content .white label input {
    display: block;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #b7beca;
    box-shadow: none;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    color: #6f7282;
    padding: 0 8px 0 50px;
}

#newLoginPanel .inner .tab-content .white label input:focus {
    outline: none;
    border: 1px solid #007bb8;
}

#newLoginPanel .inner .tab-content .white label input:focus+span {
    background: #007bb8;
}


/* tab foot */

#newLoginPanel .inner .tab-foot {
    font-size: 12px;
    line-height: 37px;
    padding: 0 25px;
    border-radius: 0 0 5px 5px;
    background: #334052;
    font-weight: 600;
}

#newLoginPanel .inner .tab-foot a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

#newLoginPanel .inner .tab-foot a:hover {
    text-decoration: none;
}

#newLoginPanel .inner .tab-foot a.active {
    visibility: hidden;
}

@media only screen and (max-width: 767px) {
    .lastAdminLogin {
        padding: 0;
    }
    .lastAdminLogin h2 {
        float: none;
    }
    .lastAdminLogin h3 {
        padding: 20px;
    }
    .lastAdminLogin .closebutton {
        top: 15px;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
    .topChatSectionContainer {
        margin-bottom: 27px;
    }
    .statusSection,
    .quickStartCont {
        margin: 0;
    }
    .chartMapContainer img {
        max-width: 100%;
    }
    .BodyContHolder .sectionrightSide {
        width: 100%;
    }
}

.bgwhite {
    background: #fff none repeat scroll 0 0 !important;
    height: 395px !important;
    padding: 170px 70px 0;
    text-align: center;
    vertical-align: middle;
}

.bgwhite {
    background: #fff none repeat scroll 0 0 !important;
    height: 395px !important;
    padding: 170px 70px 0;
    text-align: center;
    vertical-align: middle;
}

.bgwhite h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #4e515e;
    font-size: 19px;
    font-style: italic;
    margin-bottom: 22px;
}

.bgwhite p {
    color: #4e515e;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 25px;
}


/* fix for task https://cn.teamwork.com/tasks/5919122 */

@media only screen and (max-width:568px) {
    .candidateSettings {
        padding-right: 73px;
    }
    .candidateSettings .candidateName h3 {
        font-size: 19px;
    }
    #profileTab.ui-tabs .ui-tabs-nav {
        width: 100%;
    }
    .tabnavbox ul li a {
        padding: 12px 5px !important;
        text-align: center;
    }
    .tabnavbox ul li:last-child a {
        padding: 12px 5px !important;
    }
}

@media only screen and (max-width:400px) {
    .tabnavbox ul li a {
        font-size: 11px;
    }
}


/* fix for task https://cn.teamwork.com/tasks/6051108 */

.newDetailsSection h2 a.fullprofile,
.newDetailsSectionTiles h2 a.fullprofile {
    border: 2px solid #0089cd;
}

.newDetailsSection h2 a.fullprofile:hover,
.newDetailsSectionTiles h2 a.fullprofile:hover {
    color: #fff;
    background: #0089cd;
}


/* fix for task - https://cn.teamwork.com/tasks/5809313 */

@media only screen and (min-width:768px) {
    .profilePageViewPan .chatBoxInnerSection.sectionleftSide {}
    .profilePageViewPan .rightQukStatusSection.sectionrightSide {}
    .profilePageViewPan .rightQukStatusSection.sectionrightSide .quickStartCont {
        margin-bottom: 0;
        background: #fff;
        overflow: hidden;
    }
    .topChatSectionContainer {
        padding-bottom: 27px;
    }
    .topChatSectionContainer .chatBoxInnerSection.sectionleftSide .statusSection {
        margin-bottom: 0;
    }
    .topChatSectionContainer .rightQukStatusSection.sectionrightSide {}
    .quickStartCont {
        margin-bottom: 0;
        background: #fff;
    }
    .jobsleadContainer {
        padding-bottom: 27px;
    }
    .jobsleadContainer .jobsleadInnerSection.sectionleftSide {}
    .jobsleadContainer .jobsleadInnerSection.sectionleftSide .leaderboard {
        margin-bottom: 0;
    }
    .jobsleadContainer .jobsleadInnerSection.sectionleftSide .leaderboard .leaderbordin {
        background: #fff;
    }
    .jobsleadContainer .prostatSec.sectionrightSide {}
    .jobsleadContainer .prostatSec.sectionrightSide .profilebox {
        margin-bottom: 0;
    }
    .jobsleadContainer .mprofileSec.sectionrightSide .recentReview {
        margin-bottom: 0;
        background: #fff;
    }
    .jobsleadContainer .prostatSec.sectionrightSide .profilebox .bx-wrapper {
        margin: 0 auto;
    }
    .jobsleadContainer .prostatSec.sectionrightSide .profilebox .bx-wrapper .bx-pager {
        position: static;
        padding: 10px 0 20px;
    }
}


/* licensee company carousel */

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .bx-pager.bx-default-pager {
    text-align: center;
    padding: 10px;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .bx-pager.bx-default-pager .bx-pager-item {
    display: inline-block;
    margin: 0 3px;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .bx-pager.bx-default-pager .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-decoration: none;
    text-indent: -9999px;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .bx-pager.bx-default-pager .bx-pager-item a.active {
    background: #ccc !important;
}


/***************************************************
**
*** STYLES FOR CONSUMER CENTER PAGES
**
***************************************************/

.consumer-main {
    position: relative;
    width: auto;
    font-family: 'Open Sans', sans-serif;
}

.consumer-main .wrapper {
    min-width: 10px;
}

.consumer-main * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.consumer-main input:hover,
.consumer-main input:focus {
    outline: none;
}

.consumer-main .clearfix:after,
.consumer-main .clearfix:before {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
}

@media only screen and (max-width:980px) {
    .consumer-main .wrapper {
        padding: 0 15px;
    }
}


/**************************************************
@ 
@	Landing List All Articles 
@
**************************************************/


/* banner */

.consumer-main .welcome-banner {
    position: relative;
    padding: 30px 0;
    background: url(../images/consumer-center/banner-1.jpg) center center no-repeat #3a291c;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.consumer-main .welcome-banner .icon {
    display: block;
    margin: 0 auto 15px;
}

.consumer-main .welcome-banner h2 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 20px;
    padding: 0;
}

.consumer-main .welcome-banner .search {
    max-width: 302px;
    height: 44px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid #7b6e63;
    border-radius: 4px;
    position: relative;
    padding: 0;
    padding-right: 50px;
}

.consumer-main .welcome-banner .search input[type="text"] {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    border: none;
    background: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    padding: 0 15px;
    margin: 0;
}

.consumer-main .welcome-banner .search a {
    display: block;
    width: 50px;
    height: 44px;
    position: absolute;
    top: -1px;
    right: -1px;
    background: rgba(0, 153, 128, 0.58);
    border-radius: 0 4px 4px 0;
    color: #fff;
    font-size: 18px;
}

.consumer-main .welcome-banner .search a i {
    line-height: 46px;
}

.consumer-main .welcome-banner .search a:hover {
    background: rgba(0, 153, 128, 0.68);
}


/* search string */

.search-string {
    padding: 30px 0;
    background: #0069a3;
    color: #fff;
    font-size: 23px;
    line-height: 26px;
    font-weight: 300;
    text-align: center;
}

.search-string p {
    margin: 0;
}

.search-string p em {
    font-style: italic;
}

@media only screen and (max-width:767px) {
    .search-string {
        font-size: 20px;
    }
}


/* top menu carousel */

.consumer-main .top-menu-carousel {
    padding: 0px 80px;
    background: #0069a3;
    margin: 0;
    position: relative;
    z-index: 10;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
}

.consumer-main .top-menu-carousel ul {
    margin: 0;
    padding: 0 24px;
    position: relative;
}

.consumer-main .top-menu-carousel ul li {
    list-style-position: inside;
    list-style: none;
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
}

.consumer-main .top-menu-carousel ul li a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 50px;
    color: #fff;
    max-height: 50px;
    text-transform: uppercase;
    margin: 0 12px;
    border-bottom: 3px solid #0069a3;
}

.consumer-main .top-menu-carousel ul li a:hover {
    border-bottom: 3px solid #fff;
}

.consumer-main .top-menu-carousel ul li a.active {
    border-bottom: 3px solid #fff;
}

.consumer-main .top-menu-carousel ul .owl-controls {}

.consumer-main .top-menu-carousel ul .owl-prev {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.consumer-main .top-menu-carousel ul .owl-next {
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

@media only screen and (max-width:767px) {
    .consumer-main .top-menu-carousel ul {
        max-height: 50px;
    }
}


/* top banner carousel */

.consumer-main .top-banner-carousel {
    position: relative;
    z-index: 9;
}

.consumer-main .top-banner-carousel #top-banner-carousel {}

.consumer-main .top-banner-carousel #top-banner-carousel .item {}

.consumer-main .top-banner-carousel #top-banner-carousel .item a {
    display: block;
    position: relative;
}

.consumer-main .top-banner-carousel #top-banner-carousel .item a img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
}

.consumer-main .top-banner-carousel #top-banner-carousel .item a .text {
    position: absolute;
    z-index: 11;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 20px;
    text-shadow: 1px 1px 1px #333;
}

.consumer-main .top-banner-carousel #top-banner-carousel .item a .text small {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #099fe9;
}

.consumer-main .top-banner-carousel #top-banner-carousel .item a .text h3 {
    font-weight: 300;
    font-style: italic;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 10px;
}

.consumer-main .top-banner-carousel #top-banner-carousel .item a .text p {
    font-size: 13px;
    line-height: 21px;
    color: #fff;
}

.consumer-main .top-banner-more {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/* bottom menu carousel */

.consumer-main .bottom-menu-carousel {
    padding: 0px 80px;
    background: #fff;
    margin: 0;
    position: relative;
    z-index: 10;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
}

.consumer-main .bottom-menu-carousel ul {
    margin: 0;
    padding: 0 20px;
    position: relative;
    max-width: 590px;
    margin: 0 auto;
}

.consumer-main .bottom-menu-carousel ul li {
    list-style-position: inside;
    list-style: none;
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
}

.consumer-main .bottom-menu-carousel ul li a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 52px;
    color: #8693a7;
    max-height: 50px;
    text-transform: uppercase;
    margin: 0 5px;
    border-bottom: 3px solid #fff;
    padding: 0 5px;
}

.consumer-main .bottom-menu-carousel ul li a:hover {
    color: #0089cd;
}

.consumer-main .bottom-menu-carousel ul li a.active {
    border-bottom: 3px solid #0089cd;
    color: #0089cd;
}

.consumer-main .bottom-menu-carousel ul .owl-controls {}

.consumer-main .bottom-menu-carousel ul .owl-prev {
    color: #8693a7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.consumer-main .bottom-menu-carousel ul .owl-next {
    color: #8693a7;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/* consumer center content */

.consumer-main .consumer-center-content {
    position: relative;
    z-index: 9;
    background: #ecf2f6;
}

.consumer-main .consumer-center-content .wrapper {
    max-width: 920px;
}

.consumer-main .consumer-center-content .top-filter {}

.consumer-main .consumer-center-content .top-filter ul {
    float: right;
    margin: 0;
    padding: 20px 0;
}

.consumer-main .consumer-center-content .top-filter ul li {
    float: left;
    font-size: 13px;
    line-height: 13px;
    color: #6f7e95;
    margin-left: 13px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.consumer-main .consumer-center-content .top-filter ul li span {
    display: block;
    padding-right: 14px;
    position: relative;
    text-decoration: underline;
    font-weight: 600;
}

.consumer-main .consumer-center-content .top-filter ul li a {
    display: block;
    position: absolute;
    right: 0;
    line-height: 1;
}

.consumer-main .consumer-center-content .top-filter ul li a i {
    line-height: 1;
}

.consumer-main .consumer-center-content .top-filter ul li.active span,
.consumer-main .consumer-center-content .top-filter ul li.active a {
    color: #0089cd;
}

.consumer-main .consumer-center-content .top-filter ul li a.asc {
    top: 0;
}

.consumer-main .consumer-center-content .top-filter ul li a.desc {
    bottom: 0;
}

.consumer-main .consumer-center-content .top-filter ul li.active.asc a.desc {
    display: none;
}

.consumer-main .consumer-center-content .top-filter ul li.active.desc a.asc {
    display: none;
}

@media only screen and (max-width:925px) {
    .consumer-main .consumer-center-content .wrapper {
        padding: 0 15px;
    }
}


/* cards */

.consumer-main .consumer-center-content .card {
    background: #fff;
    width: 100%;
    margin-bottom: 18px;
    border-radius: 3px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    display: table;
}

.consumer-main .consumer-center-content .loadmore {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    background: #919ba0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    padding: 0 15px;
    max-width: 125px;
    margin: 20px auto 30px;
    text-align: center;
}

.consumer-main .consumer-center-content .loadmore i {
    margin-left: 9px;
}

.consumer-main .consumer-center-content .loadmore:hover {
    background: #0089CD;
}

.consumer-main .consumer-center-content .card>div {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.consumer-main .consumer-center-content .card>div.left {
    border-radius: 3px 0 0 3px;
    width: 280px;
}

.consumer-main .consumer-center-content .card>div.left img {
    display: block;
    border-radius: 3px 0 0 3px;
    width: 100%;
}

.consumer-main .consumer-center-content .card.video>div.left a {
    display: block;
    position: relative;
}

.consumer-main .consumer-center-content .card.video>div.left a:after {
    content: '';
    display: block;
    background: url(../images/consumer-center/play-icon.png) center no-repeat;
    width: 66px;
    height: 30px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 100;
}

.consumer-main .consumer-center-content .card.qa>div.left {
    background: url(../images/consumer-center/qa-bg.png) 0 0 repeat #1a74a3;
}

.consumer-main .consumer-center-content .card.qa>div.left img {
    display: block;
    width: auto;
    margin: 0 auto 0px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.consumer-main .consumer-center-content .card.qa>div.left p {
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin: 0;
}

.consumer-main .consumer-center-content .card.qa>div.left p strong {
    display: block;
    font-weight: 300;
    font-size: 21px;
}

.consumer-main .consumer-center-content .card>div.right {
    border-radius: 0 3px 3px 0;
    padding: 25px 25px;
}

.consumer-main .consumer-center-content .card>div.right h2 {
    font-size: 19px;
    line-height: 23px;
    font-weight: 300;
    font-style: italic;
    color: #4e515e;
    margin-bottom: 7px;
    padding: 0;
}

.consumer-main .consumer-center-content .card>div.right p {
    font-size: 13px;
    line-height: 21px;
    color: #4e515e;
    margin-bottom: 18px;
}

.consumer-main .consumer-center-content .card>div.right p strong {
    color: #8e9099;
    font-weight: 900;
}

.consumer-main .consumer-center-content .card>div.right .footer {
    background: none;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left {
    float: left;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left span {
    display: inline-block;
    vertical-align: baseline;
    font-size: 11px;
    line-height: 19px;
    font-weight: 600;
    padding: 0 8px;
    color: #fff;
    border-radius: 3px;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left span.green {
    background: #00b89f;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left span.blue {
    background: #3e98c7;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left span.gray {
    background: #a7b5bf;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left strong {
    display: inline-block;
    vertical-align: baseline;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 19px;
    font-weight: 600;
    padding: 0 2px;
    color: #8e9099;
}

.consumer-main .consumer-center-content .card>div.right .footer>.left em {
    display: inline-block;
    vertical-align: baseline;
    font-size: 11px;
    line-height: 19px;
    font-weight: 300;
    padding: 0 2px;
    color: #8e9099;
}

.consumer-main .consumer-center-content .card>div.right .footer>.right {
    float: right;
}

.consumer-main .consumer-center-content .card>div.right .footer>.right a {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 600;
    text-decoration: none;
    font-size: 11px;
    line-height: 19px;
    color: #0089cd;
}

.consumer-main .consumer-center-content .card>div.right .footer>.right a i {
    line-height: 19px;
    margin-left: 9px;
}

.consumer-main .consumer-center-content .card>div.right .footer>.right a:hover {
    opacity: 0.8;
}

.consumer-main .consumer-center-content .pagination {
    font-size: 11px;
    line-height: 30px;
    font-weight: 600;
    color: rgb(134, 147, 167);
    text-align: center;
    padding: 5px 0px 25px;
}

.consumer-main .consumer-center-content .pagination a {
    display: inline-block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    line-height: 20px;
    height: 20px;
    width: 20px;
    background: rgb(134, 147, 167);
    border-radius: 50%;
    margin: 0px 3px;
}

.consumer-main .consumer-center-content .pagination span {
    display: inline-block;
    color: rgb(255, 255, 255);
    line-height: 20px;
    height: 20px;
    width: 20px;
    background: rgb(0, 137, 205);
    border-radius: 50%;
    margin: 0px 3px;
}

.consumer-main .consumer-center-content .pagination a:first-of-type,
.consumer-main .consumer-center-content .pagination a:last-of-type {
    color: rgb(134, 147, 167);
    font-size: 16px;
    background: none;
}

@media only screen and (max-width:925px) {
    .consumer-main .consumer-center-content .card>div.left {
        width: 50%;
    }
    .consumer-main .consumer-center-content .card>div.right {
        padding: 15px;
    }
}

@media only screen and (max-width:767px) {
    .consumer-main .consumer-center-content .card {
        display: block;
    }
    .consumer-main .consumer-center-content .card>div {
        display: block;
    }
    .consumer-main .consumer-center-content .card>div.left {
        width: 100%;
        border-radius: 3px 3px 0 0;
    }
    .consumer-main .consumer-center-content .card>div.left img {
        border-radius: 3px 3px 0 0;
    }
    .consumer-main .consumer-center-content .card.qa>div.left {
        padding: 15px;
        border-radius: 3px 3px 0 0;
    }
    .consumer-main .consumer-center-content .card>div.right .footer {
        padding: 0;
    }
    .consumer-main .consumer-center-content .card>div.right .footer>.left strong,
    .consumer-main .consumer-center-content .card>div.right .footer>.left em {
        display: block;
    }
    .consumer-main .consumer-center-content .card>div.right .footer>.left,
    .consumer-main .consumer-center-content .card>div.right .footer>.right {
        float: none;
    }
}


/* ask question */

@keyframes "askAnim" {
    0%;
    {
        background-position: 0px 0px;
    }
    100% {
        background-position: 2400px 0px;
    }
}

@-webkit-keyframes "askAnim" {
    0%;
    {
        background-position: 0px 0px;
    }
    100% {
        background-position: 2400px 0px;
    }
}

@-moz-keyframes "askAnim" {
    0%;
    {
        background-position: 0px 0px;
    }
    100% {
        background-position: 2400px 0px;
    }
}

@-o-keyframes askAnim {
    0%;
    {
        background-position: 0px 0px;
    }
    100% {
        background-position: 2400px 0px;
    }
}

.consumer-main .ask-question {
    position: relative;
    z-index: 10;
    padding: 60px 50px;
    background: url("../images/consumer-center/ask-bg.jpg") 0px 0px repeat rgb(47, 60, 69);
    background-attachment: fixed;
    animation: askAnim 120s linear infinite;
    -webkit-animation: askAnim 120s linear infinite;
    -moz-animation: askAnim 120s linear infinite;
    -o-animation: askAnim 120s linear infinite;
}

.consumer-main .ask-question .wrapper {
    max-width: 940px;
}

.consumer-main .ask-question .wrapper .header {
    text-align: center;
    margin-bottom: 25px;
    background: none;
    border: none;
}

.consumer-main .ask-question .wrapper .header img {
    display: block;
    margin: 0px auto 10px;
}

.consumer-main .ask-question .wrapper .header h2 {
    font-weight: 300;
    font-size: 26px;
    line-height: 38px;
    color: rgb(255, 255, 255);
    padding: 0px;
    margin: 0px 0px 10px;
}

.consumer-main .ask-question .wrapper .header p {
    font-size: 17px;
    line-height: 21px;
    color: rgb(255, 255, 255);
    padding: 0px;
    margin: 0px;
}

.consumer-main .ask-question .textbox {
    position: relative;
    z-index: 9;
    margin-bottom: 13px;
    border: 1px solid rgb(99, 107, 114);
    background: rgba(255, 255, 255, 0.0784314);
    border-radius: 5px;
}

.consumer-main .ask-question .textbox.isSelect {
    z-index: 10;
}

.consumer-main .ask-question .textbox.counter {
    padding-right: 75px;
}

.consumer-main .ask-question .submit {
    display: block;
    float: right;
    font-size: 13px;
    line-height: 41px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-decoration: none;
    background: rgba(0, 125, 178, 0.6);
    padding: 0px 27px;
    border-radius: 5px;
}

.consumer-main .ask-question .submit:hover {
    background: rgb(0, 125, 178);
}

.consumer-main .ask-question .textbox .select {
    position: relative;
    cursor: pointer;
}

.consumer-main .ask-question .textbox .select-ask-question {
    display: none;
}

.consumer-main .ask-question .textbox .select span {
    display: block;
    width: 54px;
    height: 50px;
    z-index: 9;
    position: absolute;
    top: -1px;
    right: -1px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    border-radius: 0px 5px 5px 0px;
    background: rgba(0, 125, 178, 0.6);
}

.consumer-main .ask-question .textbox .select span i {
    line-height: 50px;
}

.consumer-main .ask-question .textbox .select .styledSelect {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 48px;
    height: 48px;
    color: rgb(255, 255, 255);
    position: relative;
    z-index: 10;
    padding: 0px 15px;
    background: none;
    margin: 0px;
}

.consumer-main .ask-question .textbox .select .options {
    display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: 10;
    width: 100%;
    list-style: none;
    padding: 0px;
    border-radius: 5px;
}

.consumer-main .ask-question .textbox .select .options li {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 38px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    padding: 0px 15px;
    margin: 0px;
    background: rgba(99, 107, 114, 0.901961);
}

.consumer-main .ask-question .textbox .select .options li:hover {
    background: rgba(0, 110, 168, 0.901961);
}

.consumer-main .ask-question .textbox .select .options li:first-of-type {
    border-radius: 5px 5px 0px 0px;
}

.consumer-main .ask-question .textbox .select .options li:last-of-type {
    border-radius: 0px 0px 5px 5px;
}

.consumer-main .ask-question .textbox input[type="text"],
.consumer-main .ask-question .textbox textarea {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 48px;
    height: 48px;
    color: rgb(255, 255, 255);
    padding: 0px 15px;
    background: none;
    margin: 0px;
    border: none;
}

.consumer-main .ask-question .textbox textarea {
    height: 150px;
    resize: none;
    line-height: 23px;
    overflow: hidden;
    padding: 12px 15px;
}

.consumer-main .ask-question .textbox input[type="text"]:focus,
.consumer-main .ask-question .textbox textarea:focus {
    outline: none;
}

.consumer-main .ask-question .textbox .char-count {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    color: rgb(255, 255, 255);
    padding: 0px 15px;
}

.consumer-main .ask-question .textbox .char-count strong {
    color: rgb(105, 240, 174);
}

@media only screen and (max-width:980px) {
    .consumer-main .ask-question {
        padding: 60px 15px;
    }
}

@media only screen and (max-width:767px) {
    .consumer-main .ask-question .textbox .select .styledSelect,
    .consumer-main .ask-question .textbox .select .options li,
    .consumer-main .ask-question .textbox input[type="text"],
    .consumer-main .ask-question .textbox textarea {
        font-size: 16px;
    }
}


/**************************************************
@ 
@	Two Column Article & QA Pages 
@
**************************************************/


/* consumer center content */

.consumer-main .consumer-center-content.two-col {
    position: relative;
    z-index: 9;
    background: url(../images/consumer-center/banner-1.jpg) center 0 no-repeat #ecf2f6;
    background-size: 100% auto;
    padding: 40px 0;
}

.consumer-main .consumer-center-content.two-col .wrapper {
    max-width: 940px;
}

@media only screen and (max-width:940px) {
    .consumer-main .consumer-center-content.two-col {
        background-size: auto 265px;
    }
}


/* header */

.consumer-main .consumer-center-content.two-col .head {
    padding: 0 0 27px;
}

.consumer-main .consumer-center-content.two-col .head h2 {
    font-weight: 300;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    margin: 0;
    padding: 0;
}

.consumer-main .consumer-center-content.two-col .head div {
    float: right;
}

.consumer-main .consumer-center-content.two-col .head ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.consumer-main .consumer-center-content.two-col .head ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.consumer-main .consumer-center-content.two-col .head ul li a {
    display: block;
    width: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.consumer-main .consumer-center-content.two-col .head ul li a:hover {
    opacity: 0.8;
}

.consumer-main .consumer-center-content.two-col .head ul li a.tw {
    background: #34a9d0;
}

.consumer-main .consumer-center-content.two-col .head ul li a.fb {
    background: #32598f;
}

.consumer-main .consumer-center-content.two-col .head ul li a.in {
    background: #4899c6;
}

.consumer-main .consumer-center-content.two-col .head ul li a.more {
    background: #f66a52;
}

.consumer-main .consumer-center-content.two-col .head ul li a i {
    line-height: 32px;
}

@media only screen and (max-width:940px) {
    .consumer-main .consumer-center-content.two-col .head div {
        float: none;
        margin-bottom: 15px;
    }
}


/* content main */

.consumer-main .two-col .content-main {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    display: table;
    width: 100%;
}

.consumer-main .two-col .content-main>div {
    display: table-cell;
    vertical-align: top;
}

@media only screen and (max-width:940px) {
    .consumer-main .two-col .content-main {
        display: block;
    }
    .consumer-main .two-col .content-main>div {
        display: block;
    }
}


/* left */

.consumer-main .two-col .content-main .left {
    background: url(../images/consumer-center/shadow.jpg) 100% 0 repeat-y;
}

@media only screen and (max-width:940px) {
    .consumer-main .two-col .content-main .left {
        background: none;
    }
}

.consumer-main .two-col .content-main .left .article {
    padding: 28px 38px 38px;
    border-bottom: 1px solid #e3e9ef;
}

.consumer-main .two-col .content-main .left .article .top {
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 20px;
}

.consumer-main .two-col .content-main .left .article .top .pill {
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    background: #1995d2;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.consumer-main .two-col .content-main .left .article .top .pill:hover {
    opacity: 0.9;
}

.consumer-main .two-col .content-main .left .article .top strong {
    display: inline-block;
    color: #8e9099;
    text-transform: uppercase;
    margin-right: 5px;
}

.consumer-main .two-col .content-main .left .article .top em {
    font-weight: 300;
    display: inline-block;
    color: #8e9099;
}

@media only screen and (max-width:600px) {
    .consumer-main .two-col .content-main .left .article {
        padding: 20px;
    }
    .consumer-main .two-col .content-main .left .article .top {
        padding-bottom: 15px;
        border-bottom: 1px solid #e3e9ef;
    }
    .consumer-main .two-col .content-main .left .article .top .pill {
        margin-bottom: 8px;
    }
    .consumer-main .two-col .content-main .left .article .top strong {
        display: block;
        margin: 0;
    }
    .consumer-main .two-col .content-main .left .article .top em {
        display: block;
    }
}

.consumer-main .two-col .content-main .left .article .main {
    color: #4e515e;
}

.consumer-main .two-col .content-main .left .article.q-a .main:before {
    content: 'Q';
    display: block;
    width: 42px;
    line-height: 42px;
    height: 42px;
    color: #fff;
    background: #1995d2;
    border-radius: 50%;
    margin: 0 10px 0px;
    float: left;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.consumer-main .two-col .content-main .left .article .main img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    height: auto !important;
}

.consumer-main .two-col .content-main .left .article .main p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .left .article .main a {
    color: #1995d2;
    text-decoration: underline;
}

.consumer-main .two-col .content-main .left .article .main a:hover {
    text-decoration: none;
}

.consumer-main .two-col .content-main .left .article .main strong {
    font-weight: 700;
}

.consumer-main .two-col .content-main .left .article .main em {
    font-weight: 400;
    color: #00b89f;
}

.consumer-main .two-col .content-main .left .article .main ul {
    list-style-type: circle;
}

.consumer-main .two-col .content-main .left .article .main ul,
.consumer-main .two-col .content-main .left .article .main ol {
    list-style-position: inside;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .left .article .main li {
    font-style: italic;
}

.consumer-main .two-col .content-main .left .article .main li strong {
    font-style: normal;
}

.consumer-main .two-col .content-main .left .article .main blockquote {
    padding: 8px 0 8px 15px;
    margin-bottom: 15px;
    border-left: 4px solid #e3e9ef;
}

.consumer-main .two-col .content-main .left .article .was-helpfull {
    line-height: 30px;
    background: #f5f8fa;
    border: 1px solid #e3e9ef;
    border-radius: 4px;
    padding: 10px 10px 10px 20px;
    font-weight: 600;
    font-size: 13px;
    color: #8693a7;
}

.consumer-main .two-col .content-main .left .article .was-helpfull p {
    margin: 0;
    padding: 0;
    float: left;
}

.consumer-main .two-col .content-main .left .article .was-helpfull .vote-btn {
    float: right;
}

.consumer-main .two-col .content-main .left .article .was-helpfull .vote-btn a {
    display: inline-block;
    padding: 0 10px;
    border-radius: 4px;
    background: #00b89f;
    color: #fff;
    text-decoration: none;
    margin: 0 3px;
}

.consumer-main .two-col .content-main .left .article .was-helpfull .vote-btn a:hover {
    background: #03a28c;
}

.consumer-main .two-col .content-main .left .article .was-helpfull .vote-btn a i {
    line-height: 30px;
}

.consumer-main .two-col .content-main .left .article .was-helpfull .vote-btn span {
    margin: 0 3px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    color: #00b89f;
    border: 1px solid #00b89f;
    position: relative;
}

.consumer-main .two-col .content-main .left .article .was-helpfull .vote-btn span:before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
    left: -6px;
    background: url(../images/consumer-center/vote-arrow.png) center no-repeat;
}

.consumer-main .two-col .content-main .left .article .info {
    font-size: 12px;
    line-height: 22px;
    color: #8693a7;
}

.consumer-main .two-col .content-main .left .article .info p {
    margin: 0;
}

.consumer-main .two-col .content-main .left .comment-box {
    padding: 28px 38px 38px;
    border-bottom: 1px solid #e3e9ef;
}

.consumer-main .two-col .content-main .left .comment-box h2 {
    font-weight: 300;
    font-size: 19px;
    line-height: 21px;
    color: #353537;
    padding: 0;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .left .comment-box h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #8693a8;
    padding: 10px 0 0;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .left .comment-box form {}

.consumer-main .two-col .content-main .left .comment-box .lft {
    float: left;
    width: 50%;
    padding-right: 4px;
}

.consumer-main .two-col .content-main .left .comment-box .rgt {
    float: right;
    width: 50%;
    padding-left: 4px;
}

.consumer-main .two-col .content-main .left .comment-box label {
    display: block;
    font-size: 13px;
    color: #353537;
    line-height: 21px;
    padding-bottom: 15px;
}

.consumer-main .two-col .content-main .left .comment-box label.empty {
    padding: 0 0 6px;
}

.consumer-main .two-col .content-main .left .comment-box input[type="text"],
.consumer-main .two-col .content-main .left .comment-box textarea {
    width: 100%;
}

.consumer-main .two-col .content-main .left .comment-box .captcha {
    float: left;
}

.consumer-main .two-col .content-main .left .comment-box .captcha img {
    display: inline-block;
    line-height: 36px;
    vertical-align: baseline;
}

.consumer-main .two-col .content-main .left .comment-box .captcha a {
    display: inline-block;
    line-height: 36px;
    vertical-align: top;
    padding-left: 4px;
}

.consumer-main .two-col .content-main .left .comment-box .captcha a:hover {}

.consumer-main .two-col .content-main .left .comment-box .readmorejob {
    float: right;
    padding-left: 14px;
    padding-right: 14px;
}

@media only screen and (max-width:600px) {
    .consumer-main .two-col .content-main .left .comment-box {
        padding: 20px;
    }
    .consumer-main .two-col .content-main .left .comment-box .lft,
    .consumer-main .two-col .content-main .left .comment-box .rgt {
        float: none;
        width: 100%;
        padding: 0;
    }
    .consumer-main .two-col .content-main .left .comment-box label.empty {
        display: none;
    }
}

@media only screen and (max-width:600px) {
    .consumer-main .two-col .content-main .left .comment-box .readmorejob {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
}

.consumer-main .two-col .content-main .left .specialist-advisers {
    padding: 28px 38px 38px;
    border-bottom: 1px solid #e3e9ef;
}

.consumer-main .two-col .content-main .left .specialist-advisers h2 {
    font-weight: 300;
    font-size: 19px;
    line-height: 21px;
    color: #353537;
    padding: 0;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .left .vouch-box {
    float: none;
    display: table;
    width: 100%;
    padding: 12px;
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .left .vouch-box a {
    color: #1995d2;
}

.consumer-main .two-col .content-main .left .vouch-box>div {
    float: none !important;
    display: table-cell;
    margin: 0 !important;
    vertical-align: middle;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-image {
    padding: 0;
    padding-right: 10px;
    border: none;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-image a {
    display: block;
    border: 1px solid #e3e9ef;
    border-radius: 3px;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-image img {
    width: 50px;
    display: block;
    border-radius: 3px;
    border: none;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-logo {
    width: 72px;
    border: none;
    background: none;
    padding: 0;
    padding-right: 10px;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-logo img {
    display: block;
    width: 70px;
    border: 1px solid #e3e9ef;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-info {
    width: auto;
}

.consumer-main .two-col .content-main .left .vouch-box .vouch-box-info>a {
    color: #4e515e;
    vertical-align: baseline;
    display: inline-block;
}

.consumer-main .two-col .content-main .left .vouch-box .view {
    display: table-cell;
    vertical-align: middle;
    width: 45px;
    font-size: 12px;
    font-weight: 600;
}

.consumer-main .two-col .content-main .left .vouch-box .view i {}

.consumer-main .two-col .content-main .left .readmorejob {
    float: right;
    padding: 5px 29px;
    border-radius: 5px;
}

@media only screen and (max-width:600px) {
    .consumer-main .two-col .content-main .left .specialist-advisers {
        padding: 20px;
    }
}

@media only screen and (max-width:480px) {
    .consumer-main .two-col .content-main .left .vouch-box {
        display: block;
    }
    .consumer-main .two-col .content-main .left .vouch-box>div {}
    .consumer-main .two-col .content-main .left .vouch-box .vouch-box-image {
        padding: 0 10px 10px 0;
    }
    .consumer-main .two-col .content-main .left .vouch-box .vouch-box-logo {
        padding: 0 0 10px;
        height: auto;
    }
    .consumer-main .two-col .content-main .left .vouch-box .vouch-box-info {
        padding: 0 0 10px;
        display: block;
    }
}

.consumer-main .two-col .content-main .left .answer-box {}

.consumer-main .two-col .content-main .left .answer-box .head {
    padding: 0 38px;
    line-height: 40px;
    font-size: 13px;
    color: #8693a7;
    font-weight: 600;
}

.consumer-main .two-col .content-main .left .answer-box .head p {
    float: left;
    margin: 0;
    padding: 0;
}

.consumer-main .two-col .content-main .left .answer-box .head ul {
    float: right;
    margin: 0;
    padding: 0;
}

.consumer-main .two-col .content-main .left .answer-box .head ul li {
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

.consumer-main .two-col .content-main .left .answer-box .head ul li a {
    display: block;
    color: #8693a7;
    border-bottom: 3px solid transparent;
    line-height: 40px;
    font-size: 13px;
    text-decoration: none;
    width: auto;
    height: auto;
}

.consumer-main .two-col .content-main .left .answer-box .head ul li a:hover {
    color: #1995d2;
}

.consumer-main .two-col .content-main .left .answer-box .head ul li a.active {
    border-bottom: 3px solid #1995d2;
    color: #1995d2;
}

.consumer-main .two-col .content-main .left .answer-box .answer {
    padding: 0 38px;
    background: #f5f8fa;
    border-top: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top {
    padding: 15px 0;
    display: table;
    width: 100%;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 15px;
    width: 80px;
    text-align: center;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft h4 {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #909da6;
    text-transform: uppercase;
    margin: 0;
    padding: 7px 0 10px;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .vote-btn {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .vote-btn i {
    line-height: 30px;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .vote-btn:hover {
    opacity: 0.9;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .vote-up {
    background: #00b89f;
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .vote-down {
    background: #f66a52;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .counter {
    padding: 0 4px;
    border-radius: 3px;
    background: #a7b5bf;
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .lft .counter span {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
}

.consumer-main .two-col .content-main .left .answer-box .answer .top .rgt {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    line-height: 26px;
    color: #4e515e;
}

.consumer-main .two-col .content-main .left .answer-box .answer .vouch-box {
    border: none;
    border-radius: 0;
    border-top: 1px solid #e3e9ef;
    margin: 0;
}

.consumer-main .two-col .content-main .left .answer-box .answer .vouch-box .vouch-box-image {
    padding: 0;
    padding-right: 15px;
    border: none;
}

.consumer-main .two-col .content-main .left .answer-box .answer .vouch-box .vouch-box-image a {
    display: block;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
}

.consumer-main .two-col .content-main .left .answer-box .answer .vouch-box .vouch-box-image img {
    width: 50px;
    display: block;
    border-radius: 50%;
    border: none;
}

.consumer-main .two-col .content-main .left .answer-box .answer .vouch-box .vouch-box-info {
    width: auto;
}

@media only screen and (max-width:600px) {
    .consumer-main .two-col .content-main .left .answer-box .head {
        padding: 0 20px;
    }
    .consumer-main .two-col .content-main .left .answer-box .answer {
        padding: 0 20px;
    }
    .consumer-main .two-col .content-main .left .answer-box .answer .top .lft {
        padding: 0 10px 0 0px;
        width: 55px;
    }
    .consumer-main .two-col .content-main .left .answer-box .answer .top .rgt {
        font-size: 13px;
        line-height: 20px;
        padding-left: 5px;
    }
}


/* right */

.consumer-main .two-col .content-main .right {
    width: 320px;
    padding: 28px 30px;
}

.consumer-main .two-col .content-main .right h2 {
    font-weight: 300;
    font-size: 19px;
    line-height: 29px;
    color: #353537;
    padding: 0;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .right .card {
    padding-bottom: 15px;
    border-bottom: 1px solid #e3e9ef;
    margin-bottom: 20px;
    color: #4e515e;
    box-shadow: none;
}

.consumer-main .two-col .content-main .right .card>div {
    display: block;
}

.consumer-main .two-col .content-main .right .card img {
    display: block;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 15px;
}

.consumer-main .two-col .content-main .right .card h3 {
    font-size: 15px;
    line-height: 23px;
    color: #4e515e;
    font-style: italic;
    padding: 0;
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .right .card h3 a {
    color: #4e515e;
    text-decoration: none;
}

.consumer-main .two-col .content-main .right .card h3 a:hover {
    color: #3e98c7;
    text-decoration: underline;
}

.consumer-main .two-col .content-main .right .card h3 strong,
.consumer-main .two-col .content-main .right .card h3 a strong {
    font-style: italic;
    color: #3e98c7;
}

.consumer-main .two-col .content-main .right .card p {
    font-size: 13px;
    line-height: 23px;
    color: #4e515e;
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .right .card .pills {
    margin-bottom: 10px;
}

.consumer-main .two-col .content-main .right .card .pills span {
    display: inline-block;
    font-size: 11px;
    line-height: 19px;
    color: #fff;
    padding: 0 8px;
    border-radius: 4px;
    background: #a7b5bf;
}

.consumer-main .two-col .content-main .right .card .pills span.green {
    background: #00b89f;
}

.consumer-main .two-col .content-main .right .card .pills span.blue {
    background: #3e98c7;
}

.consumer-main .two-col .content-main .right .card .pills span.gray {
    background: #a7b5bf;
}

.consumer-main .two-col .content-main .right .card .info strong {
    font-size: 11px;
    line-height: 19px;
    color: #8e9099;
    font-weight: 600;
    text-transform: uppercase;
}

.consumer-main .two-col .content-main .right .card .info em {
    font-size: 11px;
    line-height: 19px;
    color: #8e9099;
    font-weight: 300;
}

.consumer-main .two-col .content-main .right .card .top {
    margin-bottom: 10px;
    background: #218ac0;
    border-radius: 3px;
}

.consumer-main .two-col .content-main .right .card .top img {
    float: right;
    width: 53px;
    border-radius: 0 3px 3px 0;
    display: block;
    margin-left: 15px;
    margin-bottom: 0;
}

.consumer-main .two-col .content-main .right .card .top div {
    float: left;
    padding: 8px 8px;
}

.consumer-main .two-col .content-main .right .card .top p {
    font-style: italic;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin: 0;
}

.consumer-main .two-col .content-main .right .card .top span {
    display: block;
    font-size: 14px;
}

@media only screen and (max-width:940px) {
    .consumer-main .two-col .content-main .right {
        width: auto;
    }
    .consumer-main .two-col .content-main .right>div:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        width: 100%;
        float: none;
    }
    .consumer-main .two-col .content-main .right .card {
        width: 48%;
        float: left;
    }
    .consumer-main .two-col .content-main .right .card:nth-child(2n) {
        float: right;
    }
}

@media only screen and (max-width:600px) {
    .consumer-main .two-col .content-main .right {
        padding: 20px;
    }
    .consumer-main .two-col .content-main .right .card {
        width: 100%;
        float: none;
    }
    .consumer-main .two-col .content-main .right .card:nth-child(2n) {
        float: none;
    }
}


/***************************************************
**
*** END OF STYLES FOR CONSUMER CENTER PAGES
**
***************************************************/


/***************************************************
**
*** STYLES FOR Licensee Dashboard - Admin - https://cn.teamwork.com/tasks/6063187 and 6063256
**
***************************************************/

.licensee-dash-admin .align-right {
    text-align: right;
}

.licensee-dash-admin .align-right .add-new-card {
    margin: 0;
}

.btn-blue {
    font-size: 13px;
    line-height: 31px;
    color: #fff;
    padding: 0 13px;
    border-radius: 5px;
    background: #0089cd;
    text-decoration: none;
    display: inline-block;
}

.btn-blue:hover {
    color: #fff;
    opacity: 0.8;
}

.statsReport .rightPanel .profileCred .statsReportForm h3 {
    margin-bottom: 5px;
}

.licensee-dash-admin .payment-method-email-input {
    display: table;
    width: 100%;
}

.licensee-dash-admin .payment-method-email-input>div {
    display: table-cell;
    width: auto;
}

.licensee-dash-admin .payment-method-email-input>div:last-of-type {
    width: 70px;
    padding: 0 10px;
}

.licensee-dash-admin .payment-method-email-input>div input {
    width: 100%;
}

.licensee-dash-admin .payment-method-email-input .save {
    width: 100%;
    height: 40px;
    background: #0089cd;
    color: #fff;
    font-size: 13px;
    line-height: 40px;
    font-weight: 600;
    padding: 0px;
    margin: 13px 0 0;
    text-align: center;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    cursor: pointer;
}

.messagePost.subscription .subscriptionFileBlock {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    margin: 0;
    padding: 18px 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.messagePost.subscription .subscriptionFileBlock .payment-card-detail {
    padding: 0 10px 0 0;
}

.messagePost.subscription .subscriptionFileBlock .downloadReceipt {
    width: auto;
}

.messagePost.subscription .subscriptionFileBlock h5 {
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #8693a7;
    margin: 0;
    padding: 0;
}

.messagePost.subscription .subscriptionFileBlock:last-child {
    border-bottom: 1px solid #e3e9ef;
    margin-bottom: 15px;
}

.basicProfile .leftPanel ul.tabPanel li.isLocked {
    position: relative;
}

.basicProfile .leftPanel ul.tabPanel li.isLocked:after {
    content: "\f023";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffd180;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.basicProfile .rightPanel h2 a.basic-profile-preview.pPro.unlock-now {
    background: #00b89f;
}

.locked-notification {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 14.5px 34px 14.5px 39px;
    background: #f66a52;
}

.lock-pop-up {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    /*background: rgba(100, 127, 145, 0.3);*/
    background: rgba(5, 27, 41, 0.92);
}

.lock-pop-up>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    overflow: auto;
}

.lock-pop-up .modal-outer-wrap {
    background: #fff;
    padding: 30px 35px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
    -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.47);
    position: relative;
    max-width: 280px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0 auto;
}

.lock-pop-up>div .modal-outer-wrap img {
    display: block;
    margin: 0 auto 20px;
}

.lock-pop-up .modal-outer-wrap h3 {
    font-weight: 300;
    font-size: 21px;
    line-height: 23px;
    color: #353537;
    margin: 0px 0px 20px;
    padding: 0;
}

.lock-pop-up .modal-outer-wrap p {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    margin: 0 0 15px;
}

.lock-pop-up .modal-outer-wrap p em {
    font-size: 13px;
}

.lock-pop-up .modal-outer-wrap .pop-unlock-now {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    padding: 0 17px;
    border-radius: 15px;
    text-decoration: none;
    background: #00b89f;
}

.lock-pop-up .modal-outer-wrap .close-lock-pop-up {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    color: #f66a52;
}


/***************************************************
**
*** END OF STYLES FOR Licensee Dashboard - Admin - https://cn.teamwork.com/tasks/6063187 and 6063256
**
***************************************************/


/***************************************************
**
*** STYLES FOR Licensee Setup Wizard - https://cn.teamwork.com/tasks/6093692
**
***************************************************/

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    width: 100%;
}

.licensee-setup-wizard-main {
    position: relative;
    padding: 90px 0;
    background: #0f5790;
}

.licensee-setup-wizard-main * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.licensee-setup-wizard-main .wrapper {
    padding: 0 15px;
}

.licensee-setup-wizard-main .container {
    max-width: 610px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    background: none;
}

.licensee-setup-wizard-main .btn {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    line-height: 38px;
    color: #fff;
    background: #0089cd;
    border-radius: 5px;
    padding: 0 22px;
}

.licensee-setup-wizard-main .btn:hover {
    background: #0179b4;
}

.licensee-setup-wizard-main .blue {
    color: #0089CD;
}

.licensee-setup-wizard-main .btn.gray {
    background: #a7b5bf;
}

.licensee-setup-wizard-main .btn.gray:hover {
    background: #8f9ca6;
}

.licensee-setup-wizard-main .btn.transparent {
    background: none;
    color: #6f7e95;
    padding: 0 10px;
}

.licensee-setup-wizard-main .btn.transparent:hover {
    color: #0089cd;
    text-decoration: underline;
}


/* button holder */

.licensee-setup-wizard-main .bottom-button-holder {}

.licensee-setup-wizard-main .bottom-button-holder .left {
    float: left;
}

.licensee-setup-wizard-main .bottom-button-holder .left .btn {
    margin-right: 4px;
}

.licensee-setup-wizard-main .bottom-button-holder .right {
    float: right;
}

.licensee-setup-wizard-main .bottom-button-holder .right .btn {
    margin-left: 4px;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main {
        padding: 40px 0;
    }
    .licensee-setup-wizard-main .btn {
        width: 100%;
        margin: 0 0 15px !important;
        text-align: center;
    }
    .licensee-setup-wizard-main .bottom-button-holder .left,
    .licensee-setup-wizard-main .bottom-button-holder .right {
        float: none;
    }
}


/* head */

.licensee-setup-wizard-main .head {
    padding: 20px 30px;
    border-radius: 5px 5px 0 0;
    background: #1470af;
    display: table;
    width: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 10;
}

.licensee-setup-wizard-main .head>div {
    display: table-cell;
    vertical-align: middle;
}

.licensee-setup-wizard-main .head>div.logo {
    width: 82px;
    border: 3px solid #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    background: #fff;
}

.licensee-setup-wizard-main .head>div.logo img {
    display: block;
    max-width: 74px;
    border: 1px solid #dadada;
    margin: 0 auto;
    border-radius: 4px;
}

.licensee-setup-wizard-main .head>div.title {
    padding: 0 15px;
}

.licensee-setup-wizard-main .head>div.title h2 {
    padding: 0;
    margin: 0;
    font-weight: 300;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    /*max-width:170px;*/
}

.licensee-setup-wizard-main .head>div.title h3 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 18px;
}

.licensee-setup-wizard-main .head>div.step-notify {
    width: 114px;
}

.licensee-setup-wizard-main .head>div.step-notify span {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 33px;
    color: #fff;
    padding: 0 18px;
    border-radius: 15px;
    background: #115f95;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .head {
        display: block;
        height: 100%;
        overflow: hidden;
        padding: 15px 15px;
    }
    .licensee-setup-wizard-main .head>div {
        display: block;
        float: left;
    }
    .licensee-setup-wizard-main .head>div.logo {
        width: 60px;
    }
    .licensee-setup-wizard-main .head>div.logo img {
        width: 100%;
    }
    .licensee-setup-wizard-main .head>div.title h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .licensee-setup-wizard-main .head>div.title h3 {
        font-size: 12px;
        line-height: 16px;
    }
    .licensee-setup-wizard-main .head>div.step-notify {
        float: none;
        clear: both;
        padding-top: 15px;
    }
    .licensee-setup-wizard-main .head>div.step-notify span {
        font-size: 13px;
    }
}


/* step head */

.licensee-setup-wizard-main .step-head {
    padding: 25px 30px 15px;
    background: url(../images/licensee-setup-wizard/step-head-bg.png);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 9;
}

.licensee-setup-wizard-main .step-head h2 {
    font-weight: 300;
    font-size: 21px;
    line-height: 31px;
    color: #353537;
    padding: 0;
    margin-bottom: 15px;
}

.licensee-setup-wizard-main .step-head p {
    font-size: 13px;
    line-height: 21px;
    color: #6f7e95;
    margin-bottom: 15px;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .step-head {
        padding: 10px 15px 5px;
    }
    .licensee-setup-wizard-main .step-head h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .licensee-setup-wizard-main .step-head p {
        font-size: 12px;
        line-height: 18px;
    }
}


/* wizard-0 content */

.licensee-setup-wizard-main .wizard-0 {
    padding: 30px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    color: #6f7e95;
}

.licensee-setup-wizard-main .wizard-0 .grp {
    margin-bottom: 20px;
}

.licensee-setup-wizard-main .wizard-0 .grp .half {
    margin: 0 -7px;
}

.licensee-setup-wizard-main .wizard-0 .grp .full {}

.licensee-setup-wizard-main .wizard-0 .grp .half .col-50 {
    width: 50%;
    float: left;
    padding: 0 7px;
}

.licensee-setup-wizard-main .wizard-0 .grp .half .col-25 {
    width: 25%;
    float: left;
    padding: 0 7px;
}

.licensee-setup-wizard-main .wizard-0 .grp .half .col-75 {
    width: 75%;
    float: left;
    padding: 0 7px;
}

.licensee-setup-wizard-main .wizard-0 .grp .half .col-25 select {
    width: 100%;
}

.licensee-setup-wizard-main .wizard-0 .grp h3 {
    font-size: 14px;
    line-height: 22px;
    color: #6f7e95;
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
    padding: 4px 0;
}

.licensee-setup-wizard-main .wizard-0 .grp label {
    display: block;
    font-size: 13px;
    line-height: 31px;
    color: #4e515e;
    margin-bottom: 15px;
}

.licensee-setup-wizard-main .wizard-0 .grp label.no-margin {
    margin: 0;
}

.licensee-setup-wizard-main .wizard-0 .grp input[type="text"] {
    width: 100%;
}

.licensee-setup-wizard-main .wizard-0 .grp select {
    display: block;
    height: 37px;
}

.licensee-setup-wizard-main .wizard-0 .grp .seperator {
    border-bottom: 1px solid #efefef;
    padding: 10px 0 0;
}

.licensee-setup-wizard-main .wizard-0 .grp .align-center {
    text-align: center;
}

.licensee-setup-wizard-main .wizard-0 .grp .align-center p {}

.licensee-setup-wizard-main .wizard-0 .grp .align-center p em {}

.licensee-setup-wizard-main .wizard-0 .grp .align-center .btn {}

.licensee-setup-wizard-main .wizard-0 .grp .card-img {
    margin: 6px 0 0;
}

.licensee-setup-wizard-main .wizard-0 .grp .foot-small {
    clear: both;
    display: block;
    font-size: smaller;
    position: relative;
    top: -14px;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox {}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"] {
    display: none;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]+label {
    display: table;
    width: 100%;
    border-bottom: 1px solid #efefef;
    margin-bottom: 25px;
    cursor: pointer;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]+label>span {
    display: table-cell;
    font-weight: 700;
    padding-bottom: 15px;
    line-height: 20px;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]+label strong {
    display: table-cell;
    width: 30px;
    text-align: left;
    font-size: 18px;
    color: #6f7e95;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]:checked+label strong {
    color: #00bfa5;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]+label strong .fa-square-o {
    display: block;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]+label strong .fa-check-square-o {
    display: none;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]:checked+label strong .fa-square-o {
    display: none;
}

.licensee-setup-wizard-main .wizard-0 .grp .confirmation-checkbox input[type="checkbox"]:checked+label strong .fa-check-square-o {
    display: block;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-0 {
        padding: 15px;
    }
    .licensee-setup-wizard-main .wizard-0 .grp .half .col-50,
    .licensee-setup-wizard-main .wizard-0 .grp .half .col-75,
    .licensee-setup-wizard-main .wizard-0 .grp .half .col-25 {
        width: 100%;
    }
    .licensee-setup-wizard-main .wizard-0 .grp h3 {}
    .licensee-setup-wizard-main .wizard-0 .grp label {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 10px;
    }
}

.licensee-setup-wizard-main .wizard-1 .checkboxes {
    margin: 0 -6px;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"] {
    display: none;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label {
    width: 33.33%;
    float: left;
    padding: 5px 6px;
    text-align: center;
    cursor: pointer;
    margin: 0;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label .text {
    border: 1px solid #d2dae2;
    padding: 25px 15px;
    border-radius: 4px;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label .image {
    width: 56px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 0.7;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #6a6e75;
    padding: 0;
    margin-bottom: 10px;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label p {
    font-size: 12px;
    line-height: 18px;
    color: #6a6e75;
    padding: 0;
    margin-bottom: 10px;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label .icon {
    color: #b7bfcb;
    font-size: 18px;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label .icon .fa-check-circle {
    display: none;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label .icon .fa-circle-o {
    display: block;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]:checked+label .text {
    border: 1px solid #00bfa5;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]:checked+label .image {
    opacity: 1;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]:checked+label .icon {
    color: #00bfa5;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]:checked+label .icon .fa-check-circle {
    display: block;
}

.licensee-setup-wizard-main .wizard-1 input[type="checkbox"]:checked+label .icon .fa-circle-o {
    display: none;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-1 input[type="checkbox"]+label {
        width: 100%;
        float: none;
    }
}


/* wizard-2 content */

.licensee-setup-wizard-main .wizard-2 {
    padding: 30px;
    background: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 8;
}

.licensee-setup-wizard-main .wizard-2 .table {
    display: table;
    width: 100%;
}

.licensee-setup-wizard-main .wizard-2 .row {
    display: table-row;
}

.licensee-setup-wizard-main .wizard-2 .row:nth-child(1) {
    border: none;
}

.licensee-setup-wizard-main .wizard-2 .row>div {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    border-top: 1px solid #efefef;
}

.licensee-setup-wizard-main .wizard-2 .row:nth-child(1)>div {
    padding: 10px 0;
}

.licensee-setup-wizard-main .wizard-2 .row:nth-child(1)>div {
    border: none;
}

.licensee-setup-wizard-main .wizard-2 .row>div.one {
    width: 65px;
}

.licensee-setup-wizard-main .wizard-2 .row>div.two {
    width: auto;
}

.licensee-setup-wizard-main .wizard-2 .row>div.three {
    width: 60px;
    color: #b7bfcb;
    text-align: center;
}

.licensee-setup-wizard-main .wizard-2 .row>div.three.on {
    color: #00bfa5;
}

.licensee-setup-wizard-main .wizard-2 .row>div.four {
    width: 60px;
    color: #b7bfcb;
    text-align: center;
}

.licensee-setup-wizard-main .wizard-2 .row>div.four.on {
    color: #00bfa5;
}

.licensee-setup-wizard-main .wizard-2 .row>div img {
    display: block;
    max-width: 50px;
    opacity: 0.7;
}

.licensee-setup-wizard-main .wizard-2 .row>div span {
    font-size: 14px;
    line-height: 18px;
    color: #8693a7;
}

.licensee-setup-wizard-main .wizard-2 .row>div h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #6a6e75;
    margin: 0;
    padding: 0;
}

.licensee-setup-wizard-main .wizard-2 .row>div p {
    font-size: 12px;
    line-height: 18px;
    color: #6a6e75;
    margin: 0;
    padding: 0;
}

.licensee-setup-wizard-main .wizard-2 .row>div i {
    font-size: 18px;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-2 {
        padding: 15px;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div {
        vertical-align: top;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div.one {
        width: 45px;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div img {
        width: 30px;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div span {
        font-size: 13px;
        line-height: 16px;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div h4 {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div p {
        font-size: 12px;
        line-height: 16px;
    }
    .licensee-setup-wizard-main .wizard-2 .row>div i {
        font-size: 14px;
    }
}


/* wizard-2-1 content */

.licensee-setup-wizard-main .wizard-2-1 {
    padding: 30px;
    background: url(../images/licensee-setup-wizard/step-head-bg.png);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 7;
}

.licensee-setup-wizard-main .wizard-2-1 .text {}

.licensee-setup-wizard-main .wizard-2-1 .text .top {
    font-weight: 300;
    font-size: 21px;
    line-height: 67px;
    color: #fff;
    background: #34495e;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-2-1 {
        padding: 15px;
    }
    .licensee-setup-wizard-main .wizard-2-1 .text .top {
        font-size: 18px;
        line-height: 30px;
        padding: 10px;
    }
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner {
    padding: 25px 28px;
    background: #fff;
    border: 1px solid #d2dae2;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    line-height: 22px;
    color: #6f7e95;
    text-align: center;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner p {
    margin-bottom: 25px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count {
    padding: 25px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 25px;
    text-align: center;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count span {
    display: inline-block;
    vertical-align: middle;
    width: 145px;
    padding-left: 15px;
    border-left: 1px solid#b2dbf0;
    text-align: left;
    line-height: 18px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count span strong {
    display: block;
    font-weight: 300;
    font-size: 50px;
    line-height: 50px;
    color: #0089cd;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-2-1 .text .inner {
        padding: 15px;
        font-size: 12px;
        line-height: 18px;
    }
    .licensee-setup-wizard-main .wizard-2-1 .text .inner p {
        margin-bottom: 15px;
    }
    .licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count {
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count img {
        max-width: 60px;
    }
    .licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count span {}
    .licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-count span strong {
        font-size: 40px;
        line-height: 40px;
    }
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block {}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block p {}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block p em {
    font-size: 13px;
    font-style: italic;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block p a {
    color: #0089cd;
    text-decoration: underline;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block p a:hover {
    text-decoration: none;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full {
    margin: 0 -6px;
    margin-bottom: 20px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full .blocks {
    display: block;
    float: left;
    width: 25%;
    padding: 0 6px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full .blocks a {
    display: block;
    border: 1px solid #939eb0;
    color: #939eb0;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full .blocks a.active,
.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full .blocks a:hover {
    border: 1px solid #0089cd;
    color: #0089cd;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full span {
    display: block;
    border-radius: 2.5px 2.5px 0 0;
    background: #939eb0;
    font-weight: 600;
    font-size: 11px;
    line-height: 26px;
    color: #fff;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full a.active span,
.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full a:hover span {
    background: #0089cd;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full p {
    padding: 15px 10px;
    margin: 0;
    font-size: 22px;
    line-height: 26px;
    text-transform: none;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full .blocks:last-child p {
    font-size: 18px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full em {
    font-size: 12px;
    line-height: 22px;
    opacity: 0.8;
    display: block;
    font-style: normal;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-2-1 .text .inner .adviser-block .full .blocks {
        width: 100%;
        float: none;
        padding: 6px;
    }
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations {
    display: table;
    width: 100%;
    border: 2px solid #0089cd;
    border-radius: 6px;
    margin-bottom: 10px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations a {
    display: table-cell;
    width: 33.33%;
    padding: 15px 10px;
    font-size: 13px;
    line-height: 18px;
    color: #0089cd;
    background: #fff;
    text-decoration: none;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations a:first-child {
    border-radius: 3px 0 0 3px;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations a:last-child {
    border-radius: 0 3px 3px 0;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations a.active,
.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations a:hover {
    color: #fff;
    background: #0089cd;
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .durations strong {
    font-weight: 600;
    display: block;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .wizard-2-1 .text .inner .durations a {
        font-size: 12px;
    }
}

.licensee-setup-wizard-main .list-table {
    display: table;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #6f7e95;
    background: #eaecef;
    border-radius: 4px;
    margin-bottom: 8px;
    text-align: left;
}

.licensee-setup-wizard-main .list-table.green {
    background: #d9f5f2;
}

.licensee-setup-wizard-main .list-table.blue {
    background: #d9edf8;
}

.licensee-setup-wizard-main .list-table.white {
    background: #fff;
}

.licensee-setup-wizard-main .list-table span {
    font-size: 16px;
}

.licensee-setup-wizard-main .list-table.green span {
    color: #00bfa5;
}

.licensee-setup-wizard-main .list-table.blue span {
    color: #0089cd;
}

.licensee-setup-wizard-main .list-table strong {
    font-weight: 400;
    color: #0089cd;
}

.licensee-setup-wizard-main .list-table .list-row {
    display: table-row;
}

.licensee-setup-wizard-main .list-table .list-row.dark {
    color: #384d61;
    font-weight: 600;
}

.licensee-setup-wizard-main .list-table .list-row>div {
    display: table-cell;
    padding: 15px 20px;
    border-top: 1px solid #e1e4e9;
}

.licensee-setup-wizard-main .list-table.green .list-row>div {
    border-top: 1px solid #c3efea;
}

.licensee-setup-wizard-main .list-table.blue .list-row>div {
    border-top: 1px solid #c3e3f4;
}

.licensee-setup-wizard-main .list-table .list-row:nth-child(1)>div {
    border: none;
}

.licensee-setup-wizard-main .list-table .list-row>div:nth-child(2) {
    width: 105px;
    text-align: right;
}

.licensee-setup-wizard-main .list-table .list-row.last-1>div {
    padding: 15px 20px 7px;
}

.licensee-setup-wizard-main .list-table .list-row.last>div {
    padding: 7px 20px 15px;
    border: none;
}

.licensee-setup-wizard-main .list-table .list-row.last>div {
    font-size: 13px;
}

.licensee-setup-wizard-main .list-table .list-row.last span {
    font-size: 14px;
}

.licensee-setup-wizard-main .wizard-2-1 .btn.big-btn {
    line-height: 52px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .list-table {
        font-size: 13px;
        line-height: 18px;
    }
    .licensee-setup-wizard-main .list-table span {
        font-size: 15px;
    }
    .licensee-setup-wizard-main .list-table .list-row>div {
        padding: 15px 10px;
    }
    .licensee-setup-wizard-main .list-table .list-row>div:nth-child(2) {
        width: 85px;
    }
    .licensee-setup-wizard-main .list-table .list-row.last-1>div {
        padding: 15px 10px 7px;
    }
    .licensee-setup-wizard-main .list-table .list-row.last>div {
        padding: 7px 10px 15px;
    }
    .licensee-setup-wizard-main .list-table .list-row.last>div {
        font-size: 12px;
    }
    .licensee-setup-wizard-main .list-table .list-row.last span {
        font-size: 13px;
    }
    .licensee-setup-wizard-main .wizard-2-1 .btn.big-btn {
        font-size: 12px;
        line-height: 30px;
    }
}

.licensee-setup-wizard-main .wizard-2-1 .text .inner .left-p-with-top-border {
    text-align: left;
    padding-top: 15px;
    border-top: 1px solid #efefef;
    margin-bottom: 10px;
}

.licensee-setup-wizard-main .cardpay-form {}

.licensee-setup-wizard-main .cardpay-form .top {
    display: table;
    width: 100%;
    border: 2px solid #0089cd;
    border-radius: 5px 5px 0 0;
}

.licensee-setup-wizard-main .cardpay-form .top a {
    display: table-cell;
    width: 50%;
    font-weight: 600;
    font-size: 13px;
    color: #0089cd;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
}

.licensee-setup-wizard-main .cardpay-form .top a.active,
.licensee-setup-wizard-main .cardpay-form .top a:hover {
    color: #fff;
    background: #0089cd;
}

.licensee-setup-wizard-main .cardpay-form .top a:first-child {
    border-radius: 2.5px 0 0 0;
}

.licensee-setup-wizard-main .cardpay-form .top a:last-child {
    border-radius: 0 2.5px 0 0;
}

.licensee-setup-wizard-main .cardpay-form .bottom {
    padding: 30px;
    border: 1px solid #d2dae2;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.licensee-setup-wizard-main .cardpay-form .bottom .card-form {
    /*max-width:310px; margin:0 auto;*/
}

.licensee-setup-wizard-main .cardpay-form .bottom .card-form .frmInnerContainer {
    padding: 0;
}

.licensee-setup-wizard-main .cardpay-form .bottom .card-form .fieldBtn.fleft {
    float: left;
}

.licensee-setup-wizard-main .cardpay-form .bottom .card-form .fieldBtnone.fright {
    margin: 0;
    float: right;
}

@media only screen and (max-width:610px) {
    .licensee-setup-wizard-main .cardpay-form .bottom {
        padding: 15px;
    }
}


/***************************************************
**
*** END STYLES FOR Licensee Setup Wizard - https://cn.teamwork.com/tasks/6093692
**
***************************************************/


/***************************************************
**
*** STYLES FOR PAYMENT WIZARD - https://cn.teamwork.com/tasks/6248265
**
***************************************************/

.payment-wizard-main {
    position: relative;
    width: auto;
    font-family: 'Open Sans', sans-serif;
}

.payment-wizard-main .wrapper {
    min-width: 10px;
}

.payment-wizard-main * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.payment-wizard-main input:hover,
.payment-wizard-main input:focus {
    outline: none;
}

.payment-wizard-main .clearfix:after,
.payment-wizard-main .clearfix:before {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
}

@media only screen and (max-width:980px) {
    .payment-wizard-main .wrapper {
        padding: 0 15px;
    }
}


/* banner */

.payment-wizard-main .welcome-banner {
    position: relative;
    padding: 40px 0;
    background: url(../images/payment-wizard/payement-wizard-banner-bg.png) left top repeat #334052;
    text-align: center;
    color: #fff;
}

.payment-wizard-main .welcome-banner .icon {
    display: block;
    margin: 0 auto 15px;
}

.payment-wizard-main .welcome-banner h2 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 15px;
    padding: 0;
}

.payment-wizard-main .welcome-banner h3 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 0px;
    padding: 0;
}


/* bottom menu carousel */

.payment-wizard-main .bottom-menu-carousel {
    padding: 0px 80px;
    background: #fff;
    margin: 0;
    position: relative;
    z-index: 10;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
}

.payment-wizard-main .bottom-menu-carousel ul {
    margin: 0;
    padding: 0 20px;
    position: relative;
    max-width: 670px;
    margin: 0 auto;
    max-height: 50px;
}

.payment-wizard-main .bottom-menu-carousel ul li {
    list-style-position: inside;
    list-style: none;
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
}

.payment-wizard-main .bottom-menu-carousel ul li a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 52px;
    color: #8693a7;
    max-height: 50px;
    text-transform: uppercase;
    margin: 0 5px;
    border-bottom: 3px solid #fff;
    padding: 0 5px;
}

.payment-wizard-main .bottom-menu-carousel ul li a:hover {
    color: #0089cd;
}

.payment-wizard-main .bottom-menu-carousel ul li a.active {
    border-bottom: 3px solid #0089cd;
    color: #0089cd;
}

.payment-wizard-main .bottom-menu-carousel ul .owl-controls {}

.payment-wizard-main .bottom-menu-carousel ul .owl-prev {
    color: #8693a7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.payment-wizard-main .bottom-menu-carousel ul .owl-next {
    color: #8693a7;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/* content section */

.payment-wizard-main .content-section {
    position: relative;
    z-index: 9;
    background: url(../images/payment-wizard/gradient.jpg) center top no-repeat #0f5790;
    padding: 40px 0 0;
    text-align: center;
}

.payment-wizard-main .content-section h2 {
    font-weight: 300;
    font-size: 25px;
    line-height: 29px;
    padding: 0;
    margin: 0 0 15px;
    color: #fff;
}

.payment-wizard-main .content-section p {
    font-weight: 300;
    font-size: 17px;
    line-height: 21px;
    padding: 0;
    margin: 0 0 20px;
    color: #fff;
}

.payment-wizard-main .content-section a {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    line-height: 40px;
    color: #1995d2;
    padding: 0 27px;
    border-radius: 20px;
    text-decoration: none;
    background: #fff;
    margin: 0 5px;
}

.payment-wizard-main .content-section a:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.payment-wizard-main .content-section a i {
    line-height: 40px;
}

.payment-wizard-main .content-section .prod-vid-img {
    display: block;
    margin: 35px auto 0;
    max-width: 100%;
}


/* register-now */

.payment-wizard-main .register-now {
    background: #283240;
    border-top: 1px solid #1c242e;
    border-bottom: 1px solid #1c242e;
    padding: 35px 0;
    text-align: center;
}

.payment-wizard-main .register-now p {
    font-weight: 300;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.payment-wizard-main .register-now p span {
    display: inline-block;
    vertical-align: baseline;
}

.payment-wizard-main .register-now a {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 13px;
    line-height: 38px;
    color: #fff;
    padding: 0 20px;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 20px;
    background: #00b89f;
}

.payment-wizard-main .register-now a:hover {
    color: #00b89f;
    background: #fff;
}

.payment-wizard-main .register-now a i {
    line-height: 38px;
}

@media only screen and (max-width:568px) {
    .payment-wizard-main .register-now a {
        display: block;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .payment-wizard-main .content-section a {
        margin-bottom: 10px;
    }
    .payment-wizard-main .bottom-menu-carousel ul {
        overflow: hidden;
    }
    .payment-wizard-main .bottom-menu-carousel {
        padding: 0 20px;
    }
}


/***************************************************
**
*** END OF STYLES FOR PAYMENT WIZARD - https://cn.teamwork.com/tasks/6248265
**
***************************************************/


/***************************************************
**
*** STYLES FOR INFO BOX - https://cn.teamwork.com/tasks/6411377
**
***************************************************/

.basicProfile .rightPanel .messageArea .messagePost.comptag {
    overflow: inherit;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag .three-cols {
    position: relative;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag .comptag-info {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 100;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag .comptag-info i {
    display: block;
    position: absolute;
    top: 3px;
    left: 65px;
    font-size: 16px;
    line-height: 16px;
    color: #B9BBBD;
    z-index: 10;
    cursor: pointer;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag .comptag-info .info-text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    z-index: 9;
    background: #F5F8FA;
    border: 1px solid #E3E9EF;
    padding: 20px 15px;
    /*overflow: auto;*/
    border-radius: 5px;
    font-size: 11px;
    line-height: 13px;
    color: #333;
    text-align: justify;
    display: none;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag .comptag-info:hover i {
    color: #0099E6;
    opacity: 0;
}

.basicProfile .rightPanel .messageArea .messagePost.comptag .comptag-info:hover .info-text,
.basicProfile .rightPanel .messageArea .messagePost.comptag .comptag-info .info-text:hover {
    display: block;
}


/***************************************************
**
*** END OFSTYLES FOR INFO BOX - https://cn.teamwork.com/tasks/6411377
**
***************************************************/


/***************************************************
**
*** FIX FOR TASK - https://cn.teamwork.com/tasks/6478460
**
***************************************************/

.messagePost.comptag .compCarouselWrap .bx-wrapper .bx-loading {
    display: none;
}

.messagePost.comptag .compCarouselWrap .logo-box-bottom {
    font-size: 13px;
    font-weight: 600;
    padding: 0 10px;
    display: table;
    height: 80px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.messagePost.comptag .compCarouselWrap .logo-box-bottom span {
    display: table-cell;
    vertical-align: middle;
}

.compCarouselWrap .bx-pager.bx-default-pager {
    text-align: center;
    padding: 10px;
    display: none !important;
}

.compCarouselWrap .bx-pager.bx-default-pager .bx-pager-item {
    display: inline-block;
    margin: 0 3px;
}

.compCarouselWrap .bx-pager.bx-default-pager .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-decoration: none;
    text-indent: -9999px;
    background: none;
}

.compCarouselWrap .bx-pager.bx-default-pager .bx-pager-item a:hover {
    background: none;
}

.compCarouselWrap .bx-controls-direction {
    display: block !important;
}

.compCarouselWrap .bx-wrapper .bx-controls-direction a {
    display: block !important;
    position: static !important;
    float: left;
    margin-top: 0 !important;
    background: none !important;
    color: rgba(0, 0, 0, 0);
    text-indent: 0 !important;
    text-align: center;
}

.compCarouselWrap .bx-wrapper .bx-controls-direction a:before {
    content: '‹';
    line-height: 32px;
    color: #9593BA;
    font-size: 40px;
}

.compCarouselWrap .bx-wrapper .bx-controls-direction a.bx-next {
    float: right;
}

.compCarouselWrap .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: '›';
}


/***************************************************
**
*** END OF FIX FOR TASK - https://cn.teamwork.com/tasks/6478460
**
***************************************************/


/***************************************************
**
*** FIX FOR TASK - https://cn.teamwork.com/tasks/6462558
**
***************************************************/

.feature-slider li.coming-soon {
    opacity: 0.4;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    / Firefox 10+,
    Firefox on Android / filter: url(grayscale.svg);
    / Firefox 4+/ filter: gray;
    / IE 6-9 / opacity: 0.4;
}

.feature-slider li.coming-soon .featureBtm p {
    opacity: 0;
}

.feature-slider li.coming-soon .featureBtm a {
    display: none;
}

.feature-slider li.coming-soon .featureBtm:after {
    content: 'Coming soon';
    font-size: 12px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    background: #919191;
    text-decoration: none;
    margin-top: 16px;
    line-height: 20px;
    border-radius: 10px;
    margin-bottom: 6px;
    font-style: italic;
}


/***************************************************
**
*** END OF FIX FOR TASK - https://cn.teamwork.com/tasks/6462558
**
***************************************************/


/***************************************************
**
*** Customer rating widget - add profile image - https://cn.teamwork.com/tasks/6524030
**
***************************************************/

.cust-rev-prfile {
    display: table;
    width: 100%;
}

.cust-rev-prfile .pro-pic {
    display: table-cell;
    vertical-align: middle;
    width: 42px;
}

.cust-rev-prfile .pro-pic img {
    display: block;
    max-width: 33px;
    width: 33px;
    border-radius: 3px;
}

.cust-rev-prfile .text-dtls {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #4e515e;
}

.cust-rev-prfile .text-dtls a {
    color: #0089cd;
    text-decoration: none;
    font-style: italic;
}

.cust-rev-prfile .text-dtls a.adv {
    text-decoration: underline;
}


/***************************************************
**
*** Customer rating widget - add profile image - https://cn.teamwork.com/tasks/6524030
**
***************************************************/


/***************************************************
**
*** STYLES FOR My Account New - https://cn.teamwork.com/tasks/6478123
**
***************************************************/

.basicProfile.account-new .leftPanel ul.tabPanel li a {
    padding: 25px 0;
}

.companyPage .rightPanel .messageArea .messagePost.messagePostAC {
    background: #f5f8fa none repeat scroll 0 0;
    border: 1px solid #e3e9ef;
    margin-bottom: 20px;
    padding: 20px;
}

.basicProfile .rightPanel .messageArea .messagePost.messagePostAC .topText .msgDate {
    font-size: 11px;
}

.basicProfile .rightPanel .messageArea .messagePost.messagePostAC .topText .msgDate {
    text-transform: capitalize;
}

.basicProfile .rightPanel .messageArea .messagePost.messagePostAC .topText .expand {
    text-align: left;
}

.save-update:before {
    display: block;
    clear: both;
}

.save-update {
    padding: 5px 0 0;
}

.save-update input[type='submit'] {
    background: url('../images/tick-bg.png') no-repeat 14px 14px #0089cd;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    border-radius: 10px;
    width: auto;
    padding-left: 32px;
    padding-right: 12px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    border: none;
    outline: none;
}

.save-update input[type='submit']:hover {
    cursor: pointer;
    color: #fff;
    background-color: #037db9;
}

.item-block {
    padding: 10px 0;
}

.item-block>span {
    color: #8693a7;
    font-size: 13px;
}

.select-area {
    position: relative;
    padding: 10px 80px 0 0;
}

.select-area select {
    width: 100%;
    max-width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url("../images/select-img.png") no-repeat scroll 95% 50% #fff;
}

.select-area a {
    background: #0089cd;
    border-radius: 7px;
    bottom: 3px;
    color: #fff;
    font-weight: 700;
    height: 38px;
    line-height: 39px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 64px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.select-area a:hover {
    background: #037db9;
    cursor: pointer;
}

.download-AreaChk:before,
.download-AreaChk:after {
    clear: both;
    content: "";
    display: block;
}

.download-AreaChk {
    padding: 25px 34px;
}

.download-banner h4 {
    color: #8693a7;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
}

.download-banner p {
    color: #4e515e;
    font-size: 13px;
}

.download-banner>span {
    display: block;
    margin-bottom: 11px;
}

.download-button {
    background: #00b89f;
    padding: 7px 18px 7px 33px;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    position: relative;
}

.download-button:hover {
    background: #049783;
    color: #fff;
}

.download-button i {
    left: 11px;
    position: absolute;
    top: 11px;
}

.fa.fa-circle.color-orange {
    color: #f9664a;
    position: relative;
}

.fa.fa-circle.color-green {
    color: #00b89f;
    position: relative;
}

.fa.fa-circle.color-green>span,
.fa.fa-circle.color-orange>span {
    color: #fff;
    font-size: 11px;
    left: 50%;
    position: absolute;
    top: 1px;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

.basicProfile.account-new .leftPanel ul.tabPanel li.isLocked:after {
    content: '';
}

.basicProfile .rightPanel .messageArea.myac .messagePost .msgDes p {
    padding-bottom: 10px;
}

.download-banner {
    border-bottom: 1px solid #efefef;
    padding: 0 0 22px;
}

.embedCodeBox {
    padding: 23px 0 22px;
    border-bottom: 1px solid #efefef;
}

.embed-codecopy {
    text-align: left;
    display: block;
}

.embed-codecopy textarea {
    background: transparent;
    border: 0 none;
    box-shadow: none;
    color: #4e515e;
    font-family: courier;
    font-size: 13px;
    height: 142px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    resize: none;
    text-align: left;
    width: 100%;
    background: #f5f8fa;
    border: 1px solid #ebebeb;
    padding: 13px 13px 0;
    border-radius: 8px;
    display: block;
}

@-moz-document url-prefix() {
    .embed-codecopy textarea;
    {
        height: 119px;
    }
}

.embed-codecopy textarea:focus {
    outline: none;
}

.embedCodeBox h4,
.media-share h4 {
    color: #8693a7;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
}

.embedCodeBox p,
.media-share p {
    color: #4e515e;
    font-size: 13px;
}

.copy-codebtn {
    background: #0089cd;
    padding: 7px 18px 7px 33px;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    position: relative;
    margin-top: 11px;
}

.copy-codebtn:hover {
    background: #037db9;
    color: #fff;
}

.copy-codebtn i {
    left: 11px;
    position: absolute;
    top: 11px;
}

.media-share {
    padding: 23px 0 22px;
}

.social-pan a {
    background: #0089cd;
    padding: 10px 20px 10px 45px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 8px;
    margin: 0 8px 10px 0;
    color: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    position: relative;
    display: inline-block;
}

.social-pan a i {
    font-size: 18px;
    left: 21px;
    position: absolute;
    top: 10px;
}

.social-pan a:hover {
    background: #037db9;
}

.select-area input {
    width: 100%;
}

.nonCustomer span {
    color: #8693a7;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 0 0;
}

.item-block.padding-topbtm-0 {
    padding: 0;
}

.newac-review-section {
    padding: 25px 34px;
}

.newac-review-section .colorWrap {
    padding-bottom: 0;
}

.newac-review-section .colorWrap.spaceone {
    padding-bottom: 20px;
}

.member-review {
    padding: 22px 0;
    font-size: 14px;
    color: #8a95a5;
    border-top: 1px solid #f1f4f6;
}

.member-review span {
    background: #00bfa5;
    border-radius: 45px;
    color: #fff;
    margin: 0 8px 0 0;
    padding: 4px 10px;
}

.member-review.non-member {
    padding: 0px 0 22px;
    border: none;
}

.vimeo-videobox {
    padding: 25px 34px 25px 31px;
}

.video-titlebox input {
    width: 100%;
    color: #8693a7;
    margin: 0;
}

.vimeo-videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.vimeo-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-urlbox p {
    color: #8693a7;
    margin: 10px 0;
}

.video-urltxt input {
    width: 100%;
    color: #4e515e;
}

.video-savearea {
    position: relative;
    padding: 20px 115px 25px 0;
    border-bottom: 1px solid #efefef;
}

.video-savearea input {
    width: auto;
    border: none;
}

.save-update-btn {
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 8px 12px 8px 31px;
    position: relative;
    text-decoration: none;
    background: url('../images/white-tick.png') no-repeat 15px 14px #0089cd;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    cursor: pointer;
    border: none;
    outline: none;
}

.save-update-btn:hover {
    background: url('../images/white-tick.png') no-repeat 15px 14px #046ea2;
}

.save-update-btn.auto-width.add-another:hover {
    background: url('../images/plus.png') no-repeat 15px 14px #036fa5;
}

.visible-btn {
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 8px 12px 8px 31px;
    position: relative;
    text-decoration: none;
    background: url('../images/visible.png') no-repeat 14px 14px #00b89f;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    cursor: pointer;
}

.visible-btn:hover {
    background: url('../images/visible.png') no-repeat 14px 14px #029783;
}

.remove-btn {
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 8px 12px 8px 31px;
    position: relative;
    text-decoration: none;
    background: url('../images/del.png') no-repeat 50% 11px #f66a52;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    cursor: pointer;
    text-indent: -9999px;
}

.remove-btn:hover {
    background: url('../images/del.png') no-repeat 50% 11px #da3417;
}

.move-btn-area {
    position: absolute;
    right: 0;
    top: 22px;
    color: #8693a7;
}

.move-btn-area>span {
    display: inline-block;
    font-size: 0;
    position: relative;
    margin-left: 10px;
}

.move-btn-area>span:after {
    background: #96a3ac;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
}

.move-btn-area a {
    background: #0089cd;
    display: inline-block;
    font-size: 22px;
    height: 26px;
    margin: 0;
    padding: 8px 8px 5px;
    color: #fff;
}

.move-btn-area a:hover {
    background: #066695;
}

.add-video-block h4 {
    padding: 22px 0;
    color: #8693a7;
    font-size: 14px;
    font-weight: normal;
}

.add-video-block p {
    margin: 0;
    color: #4e515e;
}

.add-video-urltxt input {
    width: 100%;
    color: #4e515e;
}

.add-video-block a {
    background: #0089cd;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 8px 12px 8px 25px;
    position: relative;
    text-decoration: none;
    margin-top: 17px;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
}

.add-video-block a i {
    margin: 0 7px 0 0;
    position: relative;
}

.move-btn-area a:first-child {
    border-radius: 5px 0 0 5px;
}

.move-btn-area a:last-child {
    border-radius: 0 5px 5px 0;
}

.select-area.send a {
    width: 69px;
}

.select-area.send>a i {
    margin-right: 5px;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost {
    border: none;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .msgDes p {
    padding: 18px;
    /*border:1px solid #e3e9ef;
   	border-radius: 5px;*/
}

.publicProDetails .msgDes {
    border: 1px solid #e3e9ef;
    border-radius: 5px;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .topText {
    border: none;
    margin-bottom: 10px;
}

.companyPage .rightPanel .publicProDetails .messageArea .messagePost .topText .msgDate {
    font-style: normal;
    text-transform: capitalize;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost {
    padding-top: 0;
    border-bottom: 1px solid #efefef;
}

.intro-update .save-update-btn {
    width: auto;
    margin-top: 12px;
    border: none;
}

.edit-area:before {
    content: '';
    display: block;
    clear: both;
    height: 1px;
}

.edit-area {
    clear: both;
    display: block;
    padding-top: 16px;
}

.edit-area a {
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 8px 12px 8px 20px;
    position: relative;
    text-decoration: none;
    background: #0089cd;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    cursor: pointer;
}

.edit-area a:hover {
    background: #036291;
}

.edit-area a i {
    margin-right: 7px;
}

.basicProfile .rightPanel .messageArea .my-specification h4 {
    font-weight: normal;
}

.spec-area:before,
.spec-area:after {
    display: block;
    content: '';
    clear: both;
    display: block;
}

.spec-left .select-area {
    padding-right: 0;
}

.spec-area {
    padding-bottom: 11px;
}

.spec-left {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: block;
    float: left;
    margin-right: 0;
    padding-right: 20px;
    width: 50%;
}

.my-specification .save-update-btn {
    border: none;
    width: auto;
}

.myfees-section {
    padding: 26px 0;
    border-bottom: 1px solid #efefef;
}

.my-specification {
    padding: 0 0 26px;
    border-bottom: 1px solid #efefef;
}

.basicProfile .rightPanel .messageArea .myfees-section h4 {
    font-weight: normal;
}

.fees-select {
    margin: 0 0 26px;
    position: relative;
}

.fees-select input[type="radio"] {
    display: none;
}

.fees-select label {
    color: #4e515e;
    cursor: pointer;
    font-size: 13px;
    line-height: 21px;
    padding: 0 0 0 30px;
    position: relative;
}

.fees-select label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 0;
    content: "";
    display: block;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 19px;
}

.fees-select input[type="radio"]:checked+label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 100%;
}

.charges-panel {
    display: block;
    position: absolute;
    right: 0;
    top: -10px;
    width: 180px;
}

.charges-panel input {
    margin: 0 5px;
    width: 33%;
}

input:focus {
    outline: none;
}

.fsg-link {
    color: #4e515e;
    font-size: 14px;
}

.fsg-link input {
    width: 100%;
}

.fsg-link input[type='submit'] {
    width: auto;
    margin-top: 10px;
}

.fsg-link p {
    margin-bottom: 10px;
}

.change-photo {
    position: relative;
}

.change-photo:before {
    font-family: 'FontAwesome';
    content: "\f030";
    position: absolute;
    font-size: 15px;
    color: #fff;
    width: 15px;
    height: 15px;
    left: 18px;
    top: 13px;
}

.credential-chart {
    padding: 0 33px 33px 39px;
}

.cred-top-btn {
    padding-top: 20px;
    display: block;
}

.button-block {
    color: #fff;
    font-weight: 700;
    padding: 10px 16px 10px 18px;
    border-radius: 7px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
}

.blue-btn:hover {
    background: #0479b3;
    color: #fff;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.blue-btn {
    background: #0089cd;
}

.button-block i {
    margin: 0 10px;
}

.chart-row {
    border-bottom: 1px solid #e3e9ef;
    padding: 28px 0;
}

.chart-row:after {
    content: '';
    display: block;
    clear: both;
}

.chart-loader {
    width: 122px;
    float: left;
    position: relative;
}

.chart-description {
    width: 217px;
    float: left;
}

.profile-renew {
    width: 148px;
    float: right;
}

.profile-renew span {
    display: block;
    padding: 17px 0;
    font-size: 14px;
}

.chart-description h4 {
    color: #8693a7;
    font-weight: normal;
    padding-top: 10px;
    font-size: 14px;
}

.chart-description p {
    font-style: 13px;
    line-height: 22px;
    color: #4e515e;
}

.profile-renew span i {
    margin: 0 10px 0 0;
}

.green-check-circle {
    background: #00b89f;
}

.gry-bg-color {
    background: #0089cd;
}

.green-check-circle-txt {
    color: #00b89f;
}

.orange-text {
    color: #f9664a;
}

.chart-infotext {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 110px;
    padding: 19px 0;
    position: absolute;
    top: 0;
    width: 110px;
}

.chart-infotext span {
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.txt-col-top {
    color: #6f7e95;
    font-weight: 600;
}

.txt-col-mid {
    color: #6f7e95;
    font-size: 30px;
    font-weight: 100;
    padding: 7px 0;
}

.fa.fa-calendar-o.expired {
    color: #f9664a;
    background: url('../images/close.jpg') no-repeat 50% 13px transparent;
}

.verrified-area i {
    font-size: 14px;
}

.verrified-area .button-block i {
    margin: 0 5px;
}

.profile-renew a:hover {
    color: #fff;
}

.profile-renew span a:hover {
    color: #6e7071;
}

.profile-renew .green-check-circle:hover {
    background: #029480;
}

.profile-renew .gry-bg-color:hover {
    background: #0479b3;
}

.greytext {
    color: #c1cbd2;
}

.button-block.gry-bg-color.verrified-area {
    margin-top: 25px;
}

.top-push-25 {
    margin-top: 25px;
}

.contactbtn-onoff .socialContrlButton span.ctrlBtn strong.ctrlCircle {
    padding: 0;
}

.contactbtn-onoff {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 7px;
    color: #8693a7;
    display: block;
    font-size: 13px;
    margin-top: 15px;
    padding: 8px 10px;
}

.my-officeContact {
    padding: 33px;
    color: #8693a7;
}

.office-details h4 {
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 28px;
}

.frm-row {
    display: block;
    padding-bottom: 17px;
}

.frm-row:before,
.frm-row:after {
    content: '';
    display: block;
    clear: both;
}

.left-50 {
    width: 49%;
    float: left;
}

.right-50 {
    float: right;
    width: 49%;
}

.left-50 input,
.right-50 input,
.st-number input,
.street-name input {
    width: 100%;
}

.st-number {
    width: 15%;
    float: left;
}

.street-name {
    float: right;
    width: 83%;
}

.frm-row label {
    display: block;
    padding-bottom: 5px;
}

.left-50 .select-area {
    padding: 0;
}

.save-update-btn.auto-width {
    width: auto;
}

.visible-btn.auto-width {
    width: auto;
    border: none;
}

.right-50 .frm-row {
    padding-bottom: 0;
}

.office-details {
    border-bottom: 1px solid #e3e9ef;
}

.contact-hour h4 {
    padding: 30px 0;
    font-weight: normal;
}

.daysArea:after,
.daysArea:before {
    content: '';
    display: block;
    clear: both;
}

.daysArea {
    width: 42%;
    float: left;
    padding-top: 15px;
}

.timingArea {
    float: right;
    width: 55%;
}

.frm-row .socialContrlButton {
    text-transform: capitalize;
    font-weight: normal;
}

.timingArea select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: url('../images/select-arrow.png') no-repeat 95% 10px #fff;
    width: 131px;
}

.timingArea select:focus {
    outline: none;
}

.timingArea .frm-row {
    padding-bottom: 0;
}

.timingArea .right-50 {
    text-align: right;
    position: relative;
}

.timingArea .right-50:before {
    content: "to";
    height: 10px;
    left: -10px;
    position: absolute;
    top: 14px;
    width: 10px;
}

.contact-hour {
    border-bottom: 1px solid #e3e9ef;
    padding-bottom: 15px;
}

.email-subscribeBox .frm-row input[type='text'] {
    width: 100%;
}

.email-subscribeBox {
    border-bottom: 1px solid #e3e9ef;
    padding-bottom: 34px;
}

.email-subscribeBox h4 {
    font-weight: normal;
    padding: 26px 0 13px;
}

.frm-row.disabled-frm .socialContrlButton span.ctrlBtn {
    background: #a7b5bf;
}

.frm-row.disabled-frm .timingArea select {
    background: #eceef0 url("../images/select-arrow.png") no-repeat 95% 10px;
}

.adviserCont .vouch-public-box-bottom a {
    margin-left: 3px;
    margin-right: 3px;
}

.vouch-dealer-new {
    border-right: 1px solid #2386b7;
    box-sizing: border-box;
    cursor: pointer;
    display: inline;
    height: 16px;
    overflow: hidden;
    padding: 1px 3px 0;
}

.adviserCont .vouchComp {
    vertical-align: top;
    border-right: 1px solid #2386b7;
    padding: 1px 0 1px 5px;
    border-right: none;
}

.macq {
    display: inline-block;
    padding: 1px 0 0 5px;
    vertical-align: top;
}

.more16 {
    padding: 0 19px;
    text-decoration: none;
    font-size: 10px;
    color: #0089cd;
}

.more16 em {
    display: block;
    font-style: normal;
    padding-left: 7px;
    text-align: center;
}

.more16 span {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #0089cd;
    padding: 8px 0 0;
}

.basicProfile .rightPanel .messageArea .topVouchBox h4 {
    color: #8693a7;
}

.basicProfile .rightPanel .messageArea .topVouchBox h4 span {
    padding: 0 6px;
    color: #fff;
    font-weight: bold;
    background: #00b89f;
    margin-right: 6px;
    border-radius: 30px;
}

.basicProfile .rightPanel .messageArea .topVouchBox h4 i {
    float: right;
    margin-top: 5px;
    color: #0089cd;
    cursor: pointer;
}

.topVouchBox .vouched-you-block {
    border-radius: 5px;
}

.vouch-buttonArea {
    position: absolute;
    right: 15px;
    top: 0;
}

.vouchback-btn {
    background: #00b89f;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    text-decoration: none;
    margin-top: 27px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.vouchback-btn:hover,
.vouchdone-btn:hover {
    background: #03907d;
    color: #fff;
}

.vouchdone-btn {
    background: transparent;
    border: 1px solid #00b89f;
    border-radius: 5px;
    color: #00b89f;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    text-decoration: none;
    margin-top: 16px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.vouchdone-btn i {
    margin-right: 7px;
}

.cancel-vouch-btn {
    border-radius: 5px;
    color: #8693a7;
    font-size: 13px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.cancel-vouch-btn span {
    display: inline-block;
    padding-left: 8px;
    text-decoration: underline;
}

.topVouchBox {
    border-bottom: 1px solid #e3e9ef;
    margin-bottom: 21px;
    padding-bottom: 13px;
}

.select-area>a i {
    color: #fff;
    margin-right: 3px;
}

.history-container {
    padding: 33px 31px 33px 39px;
}

.history-container .msgDate>span {
    color: #8693a7;
    display: block;
    font-size: 14px;
    padding: 0 0 21px;
}

.messagePost.myqualification {
    border-top: 1px solid #efefef;
    padding-top: 20px;
}

.frm-cont:before,
.frm-cont:after {
    clear: both;
    content: '';
    display: block;
}

.frm-cont {
    margin: 5px 0;
}

.frm-cont-left {
    width: 48%;
    float: left;
}

.frm-cont-right {
    float: right;
    width: 44%;
}

.frm-cont select {
    background: #fff url("../images/select-img.png") no-repeat scroll 95% 50%;
    max-width: 100%;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}

.frm-cont-right>span {
    display: inline-block;
    padding-top: 14px;
}

.frm-cont-right>select {
    float: right;
    width: 50%;
    background-position: 82% 50%;
}

.myqualification .inerdesLef {
    position: relative;
}

.remove-qualificetion {
    bottom: 15px;
    color: #8a95a5;
    font-size: 13px;
    left: 50%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    display: block;
    text-align: center;
    transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
}

.remove-qualificetion em {
    text-decoration: underline;
    font-style: normal;
    margin: 0 0 0 7px;
}

.remove-qualificetion i {
    color: #f9664a;
}

.save-update-btn.auto-width.add-another {
    background: #0089cd url("../images/plus.png") no-repeat scroll 15px 14px;
}

.post-msgBox textarea {
    width: 100%;
    resize: none;
    height: 63px;
    margin-bottom: 10px;
}

.messagePost.myqualification .date-area {
    padding: 25px 144px 0 0;
    position: relative;
}

.date-area p {
    color: #8693a7;
    display: block;
    font-size: 14px;
}

.messagePost.myqualification .dateWrap input {
    background: url("../images/date.png") no-repeat 90% 50% #fff;
}

.messagePost.myqualification .dateWrap {
    right: 0;
    top: 10px;
    position: absolute;
    width: 130px;
}

.messagePost.myqualification .dateWrap input {
    width: 100%;
}

.estimated-panel:before,
.estimated-panel:after {
    content: '';
    display: block;
    clear: both;
}

.estimated-panel p {
    font-size: 14px;
    color: #8693a7;
    font-size: 14px;
    width: 50%;
    float: left;
    padding: 16px 0 0;
}

.esti-left {
    float: right;
    width: 50%;
    text-align: right;
}

.esti-left select {
    width: 45%;
    text-align: left;
    background: url("../images/icon-select2.png") no-repeat 90% 50% #fff;
    margin-left: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}

.header.comp-select,
.profileTopapart.comp-select,
.filterPanel.comp-select {
    position: relative;
    z-index: 102;
}

.overlay-box {
    background: rgba(25, 45, 58, 0.9);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    display: block;
}

.select-deler-container {
    position: static;
    width: 100%;
    height: 100%;
    display: block;
}

.select-deler {
    display: block;
    left: 50%;
    padding: 10px 0;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    width: 350px;
}

.select-deler-inner {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}

.input-area input {
    width: 100%;
}

.input-area label {
    color: #8693a7;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}

.license-group label {
    color: #8693a7;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}

.bluebutton {
    background: #0089cd;
    font-size: 14px;
    color: #fff;
    border: none;
    outline: none;
}

.select-deler-inner .input-area p {
    margin-bottom: 12px;
}

.license-inner {
    display: block;
}

.license-inner input[type="text"] {
    border: 1px solid #d2dae2;
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    color: #d2dae2;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 11px;
    width: 100%;
}

.searchlist ul li {
    list-style: none;
    font-size: 14px;
    margin: 0 15px 10px 0;
}

.searchlist ul li a {
    color: #8693a7;
    padding: 10px 13px;
    display: block;
}

.searchlist {
    border: 1px solid #d2dae2;
    border-top: 0px;
    border-radius: 0 0 5px 5px;
}

.searchlist ul {
    padding: 9px 5px 0px 0px;
}

.license-group {
    padding-bottom: 15px;
}

.searchlist .slimScrollRail {
    background: transparent !important;
    border-left: 1px solid;
    border-radius: 0 !important;
    width: 17px !important;
}

.searchlist .slimScrollBar {
    background: #d2dae2 !important;
    width: 8px !important;
    right: 5px !important;
}

.searchlist ul li a:hover {
    background: #e8eef3;
    cursor: pointer;
}

.select-deler-inner input[type='submit'] {
    background: #0089cd url("../images/tick-off-new.png") no-repeat 80px 50%;
    border: none;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    outline: medium none;
    width: 100%;
    transition: all ease-in-out 0.7s;
}

.select-deler-inner input[type='submit']:hover {
    background: #056b9e url("../images/tick-off-new.png") no-repeat 80px 50%;
    cursor: pointer;
}

.pop-off {
    padding: 13px 0;
    display: block;
    text-align: center;
    color: #fff;
}

.pop-off a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.pop-off i {
    margin-right: 5px;
}

.CloseCustomer {
    color: #fff;
    margin: 0 auto;
    max-width: 942px;
    text-align: right;
}

.CloseCustomer a {
    color: #0089cd;
    display: block;
    margin-top: 20px;
    text-decoration: none;
}

.CloseCustomer a span {
    text-decoration: underline;
}

.CloseCustomer i {
    margin-right: 5px;
}

.advisertab.tabfix .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    line-height: normal;
}

.advisertab.tabfix .ui-tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background: none;
    border: 0px !important;
}

.advisertab.tabfix .ui-widget-content {
    width: auto;
}

.advisertab.tabfix .ui-state-hover,
.advisertab.tabfix .ui-state-focus {
    background: transparent;
    border: none !important;
}

.advisertab.tabfix .ui-state-hover,
.advisertab.tabfix .ui-widget-content .ui-state-hover,
.advisertab.tabfix .ui-widget-header .ui-state-hover,
.advisertab.tabfix .ui-state-focus,
.advisertab.tabfix .ui-widget-content .ui-state-focus,
.advisertab.tabfix .ui-widget-header .ui-state-focus {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #212121;
}

.advisertab.tabfix .ui-state-hover a,
.advisertab.tabfix .ui-state-hover a:hover,
.ui-state-hover a:link,
.advisertab.tabfix .ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
    background: transparent !important;
}

.advisertab.tabfix .ui-state-active,
.advisertab.tabfix .ui-widget-content .ui-state-active,
.advisertab.tabfix .ui-widget-header .ui-state-active {
    border: none !important;
    background: transparent !important;
    font-weight: normal;
    color: #212121;
}

.pagination-cont:before,
.pagination-cont:after {
    content: '';
    clear: both;
    display: block;
}

.pagination-cont {
    display: block;
    padding: 10px 0 0;
}

.count-box {
    background: #e5eaef;
    padding: 10px 16px;
    border: 1px solid #d2dae2;
    font-size: 13px;
    color: #6f7e95;
    text-align: center;
    border-radius: 5px;
    position: relative;
    width: 33%;
    float: left;
}

.pagination-change {
    background: #fff;
    padding: 0;
    border: 1px solid #d2dae2;
    font-size: 13px;
    color: #6f7e95;
    text-align: center;
    border-radius: 5px;
    position: relative;
    width: 43%;
    float: right;
}

.count-box:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e5eaef;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    width: 0;
}

.count-box:before {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d2dae2;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -11px;
    width: 0;
}

.pagination-change a i {
    color: #8693a7;
}

.goleft {
    border-right: 1px solid #d2dae2;
    display: block;
    float: left;
    padding: 13px;
}

.goright {
    border-left: 1px solid #d2dae2;
    display: block;
    float: right;
    padding: 13px;
}

.pagination-change>select {
    border: medium none;
    box-shadow: none;
    display: block;
    margin: 0;
    overflow: hidden;
    width: 48px;
    margin: 2px 0 0;
}

.pagination-change>select:focus {
    border: none;
    outline: none;
}


/***************************************************
**
*** STYLES For Responsive Css Start 
**
***************************************************/

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .download-AreaChk {
        padding: 25px 10px;
    }
    .select-deler {
        width: 300px;
        top: 12%;
    }
    .profileTopapart.comp-select .dashboardMobile {
        top: 4px;
    }
    .vimeo-videobox,
    .history-container {
        padding: 25px 10px;
    }
    .credential-chart {
        padding: 0 25px 33px;
    }
    .embed-codecopy>img,
    .vimeo-videoWrapper img {
        width: 100%;
    }
    .spec-left {
        float: none;
        width: 100%;
    }
    .charges-panel {
        position: static;
        margin-top: 20px;
    }
    .chart-loader {
        margin: 0 auto;
        float: none;
    }
    .chart-description {
        float: none;
        text-align: center;
        width: auto;
    }
    .profile-renew {
        float: none;
        text-align: center;
        width: auto;
    }
    .my-officeContact {
        padding: 33px 0;
    }
    .st-number {
        width: 24%;
    }
    .street-name {
        width: 73%;
    }
    .contact-hour h4 {
        padding: 30px 0 0;
    }
    .daysArea {
        float: none;
        width: 100%;
    }
    .timingArea {
        float: none;
        width: 100%;
    }
    .contactbtn-onoff .socialContrlButton {
        float: none;
        margin-top: 10px;
    }
    .contactbtn-onoff>span {
        display: block;
    }
    .vouch-buttonArea {
        position: static;
    }
    .vouchback-btn,
    .vouchdone-btn {
        display: inline-block;
        margin-top: 0;
    }
    .cancel-vouch-btn {
        display: block;
    }
}

@media screen and (max-width: 479px) {
    .frm-cont-left {
        float: none;
        width: auto;
    }
    .frm-cont-right {
        float: none;
        width: auto;
    }
    .messagePost.myqualification .date-area {
        padding: 0;
    }
    .messagePost.myqualification .dateWrap {
        position: static;
        width: 100%;
    }
    .estimated-panel p {
        float: none;
        width: auto;
    }
    .esti-left {
        float: none;
        width: auto;
        text-align: left;
    }
}

@media screen and (min-width: 321px) and (max-width: 767px) {
    .newac-review-section {
        padding: 25px 10px;
    }
    .vimeo-videobox,
    .history-container {
        padding: 25px 10px;
    }
    .credential-chart {
        padding: 0 10px 33px;
    }
    .my-officeContact {
        padding: 33px 10px;
    }
}

@media screen (max-width: 320px) {
    .newac-review-section {
        padding: 25px 0;
    }
    .vimeo-videobox,
    .history-container {
        padding: 25px 0;
    }
    .credential-chart {
        padding: 0 0 33px 0;
    }
    .my-officeContact {
        padding: 33px 0;
    }
}


/***************************************************
**
*** STYLES For Responsive Css End
**
***************************************************/


/***************************************************
**
*** STYLES End FOR My Account New - https://cn.teamwork.com/tasks/6478123
**
***************************************************/


/***************************************************
**
*** STYLES FOR SORT BUTTON (WIDGET PAGE) - https://cn.teamwork.com/tasks/6478434
**
***************************************************/

.leaderboard.withToggle h2:before {
    top: 10px;
}

.leaderboard.withToggle h2 {
    position: relative;
    padding-right: 172px;
}

.leaderboard.withToggle h2 span {
    display: table;
    width: 283px;
    position: absolute;
    top: 8px;
    right: 14px;
    border: 2px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.leaderboard.withToggle h2 span a {
    display: table-cell;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.25;
    font-size: smaller;
    padding: 5px;
    background: #0d6aa1;
}

.leaderboard.withToggle h2 span a.active {
    background: #fff;
    color: #0d6aa1;
}

.leaderboard.withToggle h2 span a:hover {
    background: #fff;
    color: #0d6aa1;
}

.toggle-button {
    margin-bottom: 20px;
}

.toggle-button span {
    display: table;
    width: 172px;
    float: right;
    border: 2px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.toggle-button span a {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.25;
    font-size: smaller;
    padding: 5px;
    background: #0d6aa1;
}

.toggle-button span a.active {
    background: #fff;
    color: #0d6aa1;
}

.toggle-button span a:hover {
    background: #fff;
    color: #0d6aa1;
}

.toggle-button.gray span {
    border: 2px solid #8A95A5;
    color: #8A95A5;
}

.toggle-button.gray span a {
    font-size: 12px;
}

.toggle-button.gray span a.active,
.toggle-button.gray span a:hover {
    background: #8A95A5;
    color: #fff;
}


/***************************************************
**
*** END OF STYLES FOR SORT BUTTON (WIDGET PAGE) - https://cn.teamwork.com/tasks/6478434
**
***************************************************/


/***************************************************
**
*** Account switching and login changes - https://cn.teamwork.com/tasks/6610588
**
***************************************************/

#newLoginPanel,
.additional-field {
    background: url(../images/login-bg.jpg);
}

.close-login {
    float: right;
    position: relative;
    color: #fff;
    text-decoration: none;
}

.close-login i {
    margin: 0 5px 0 0;
}

.close-login:before {
    background: #333333;
    content: "";
    display: block;
    height: 100%;
    left: -27px;
    position: absolute;
    width: 1px;
}

#newLoginPanel .inner .tab-foot a.close-login {
    text-decoration: none;
}

#newLoginPanel .inner .tab-content .stripes.strip-row label span {
    background: #b7beca none repeat scroll 0 0;
    border-radius: 5px 0 0 5px;
    color: #fff;
    height: 38px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 39px;
}

#newLoginPanel .inner .tab-content .stripes.strip-row label span i {
    font-size: 16px;
    line-height: 38px;
}

#newLoginPanel .inner .tab-content .stripes.strip-row label input {
    padding-left: 50px;
}

.multi-account {
    margin: 0 auto;
    max-width: 300px;
    padding: 0;
    position: relative;
    border-radius: 5px;
}

.multi-accountInner {
    background: #fff;
    border-radius: 5px 5px 0 0;
    padding: 22px;
}

.singleAccount {
    margin: 0;
    padding: 0;
}

.singleAccount li:before,
.singleAccount li:after,
.singleAccount li a:before,
.singleAccount li a:after {
    content: '';
    clear: both;
    display: block;
}

.singleAccount li a {
    text-decoration: none;
}

.singleAccount li {
    list-style-type: none;
    background: #f5f8fa;
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    position: relative;
    margin-bottom: 10px;
}

.singleAccount li figure {
    float: left;
    width: 58px;
}

.singleAccount li span {
    padding: 0 22px 0 66px;
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.singleAccount li span strong {
    font-size: 13px;
    color: #666666;
    display: block;
    padding: 8px 0 0px;
}

.singleAccount li span em {
    font-size: 12px;
    color: #999999;
    display: block;
}

.singleAccount li span i {
    position: absolute;
    font-size: 15px;
    right: 16px;
    top: 23px;
    color: #0089cd;
}

.multi-accountInner h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #666699;
    display: block;
    text-align: center;
    font-weight: normal;
    padding-bottom: 0;
}

.mlt-close {
    display: block;
    text-align: center;
    background: #334052;
    border-top: 1px solid #000;
    padding: 13px 0;
    border-radius: 0 0 5px 5px;
}

.mlt-close a {
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.mlt-close a i {
    margin-right: 5px;
}

.login-top {
    background: #1995d2;
    border-radius: 31px;
    color: #fff;
    float: right;
    margin-top: 13px;
    padding: 11px 20px 11px 17px;
}

.login-top i {
    margin-right: 10px;
    font-size: 13px;
}

.login-top:hover {
    color: #fff;
}

.down {
    font-size: 15px;
    margin-left: 8px;
}

.login-section ul {
    margin: 0;
    padding: 0;
}

.login-section a {
    color: #fff;
}

.header .login-section ul li a {
    color: #fff;
}

.login-section ul ul li a {
    font-size: 11px;
    color: #666666;
}

.header .login-section ul li ul {
    margin-left: 20px;
    font-size: 11px;
}

.header .login-section ul li ul li a {
    text-transform: uppercase;
    color: #666666;
}

.header .login-section ul li ul i {
    color: #1995d2;
    float: right;
    margin-top: 5px;
    margin-right: 0;
    font-size: 11px;
}

@media only screen and (max-width:479px) {
    .multi-account {
        max-width: 290px;
    }
}


/***************************************************
**
*** Account switching and login changes - https://cn.teamwork.com/tasks/6610588
**
***************************************************/


/***************************************************
**
*** STYLES Start FOR Mobile Nav Fix - https://cn.teamwork.com/tasks/6709089
**
***************************************************/

@media screen and (max-width: 950px) {
    #ContentPlaceHolderDefault_ListYourBusinessButton_6_Panel_AfterLogin {
        display: none;
    }
    .candidateDashboard ul {
        position: relative;
        z-index: 110;
    }
    .filterPanel {
        z-index: 110;
    }
    .candidateSettings .candidateName a {
        font-size: 11px;
    }
    .candidateSettings {
        overflow: hidden;
        float: none;
    }
}

@media screen and (max-width: 479px) {
    .candidateSettings .candidateName {
        /*width: 60%;*/
    }
    .dashboardMobile {
        /*height: 227px;*/
        z-index: 100;
    }
}

@media screen and (max-width: 375px) {
    .candidateSettings .candidateName {
        width: 60%;
    }
}


/***************************************************
**
*** STYLES End FOR Mobile Nav Fix - https://cn.teamwork.com/tasks/6709089
**
***************************************************/


/***************************************************
**
*** STYLES Start FOR Overlap of the quick stats - https://cn.teamwork.com/tasks/6710864
**
***************************************************/

.listItems.listitemfix .cIcon,
.listItems.listitemfix .pageView,
.listItems.listitemfix .vouchred,
.listItems.listitemfix .qus {
    background-position: 0 center;
}


/***************************************************
**
*** STYLES End FOR Overlap of the quick stats - https://cn.teamwork.com/tasks/6710864
**
***************************************************/

.mce-container-body.mce-flow-layout i {
    color: #000 !important;
}


/***************************************************
**
*** STYLES End FOR Overlap of the quick stats - https://cn.teamwork.com/tasks/6669516
**
***************************************************/

.advisertab.tabfix .ui-tabs,
.advisertab.tabfix .ui-tabs .ui-tabs-panel {
    padding: 0 !important;
    background: transparent;
}

.advisertab.tabfix .ui-tabs li a:hover {
    color: #fff !important;
}

.advisertab.tabfix .ui-state-focus {
    padding: 0 !important;
    border-radius: 0px !important;
    border: none !important;
    outline: none !important;
}

.advisertab.tabfix .ui-state-focus {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.advisertab.tabfix .ui-tabs .ui-tabs-nav li {
    margin: 0 !important;
    background: transparent;
}

.advisertab.tabfix .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
}

.advisertab.tabfix .ui-widget-content {
    padding-right: 3px;
}

.advisertab.tabfix .sortBySection {
    margin-right: 3px;
    text-align: center;
}

.advisertab.tabfix a:active,
.advisertab.tabfix a:focus {
    border: none !important;
    outline: none !important;
}

.advisertab.tabfix .filteradv i {
    top: 15px;
}

.advisertab.tabfix .sortBySection span,
.advisertab.tabfix .sortBySection select {
    text-align: left;
}

.advisertab.tabfix .sortBySection input[type="submit"] {
    width: auto;
    text-transform: capitalize;
    font-size: 15px;
    color: #000;
    border: none;
    outline: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
}

.advisertab.tabfix .sortBySection input[type="submit"]:hover {
    background: #0089cd;
    color: #fff;
    cursor: pointer;
}


/***************************************************
**
*** STYLES End FOR Overlap of the quick End - https://cn.teamwork.com/tasks/6669516
**
***************************************************/


/***************************************************
**
*** STYLES Start For https://cn.teamwork.com/tasks/6673110
**
***************************************************/

.no-border-top {
    border-top: 0px;
}

.editpopup {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    color: #0089cd;
    cursor: pointer;
}

.editpopup span {
    text-decoration: underline;
}

.editpopup i {
    margin-right: 6px;
}

.overlay-boxnew {
    background: rgba(25, 45, 58, 0.9) none repeat scroll 0 0;
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.select-deler-containernew {
    display: block;
    height: 100%;
    position: static;
    width: 100%;
}

.select-delernew {
    display: block;
    left: 50%;
    padding: 10px 0;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 0%);
    width: 350px;
}

.select-deler-innernew {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 20px;
}


/**===Light Box===*/

.backdrop {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #0d6aa1;
    opacity: .0;
    filter: alpha(opacity=0);
    z-index: 10;
    display: none;
}

.box {
    position: absolute;
    top: 230px;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    width: 347px;
    z-index: 11;
    padding: 10px;
    display: none;
}

.close {
    float: right;
    margin-right: 6px;
    cursor: pointer;
}


/**===Light Box End===*/

.editdetails-inner {
    background: #ffffff;
    padding: 16px;
    border-radius: 5px;
}

.box .pop-off {
    padding-bottom: 10px;
}

.editdetails-inner input {
    width: 100%;
}

.editdetails-inner input[type="submit"] {
    font-size: 13px;
    background: #0089cd;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    transition: all ease-in-out 0.7s;
    font-weight: 600;
    border: none;
    outline: none;
}

.editdetails-inner input[type="submit"]:hover {
    background: #046290;
    cursor: pointer;
}

.editdetails-inner p:last-child {
    margin-bottom: 0;
}

.editdetails-inner p label {
    font-size: 13px;
    display: block;
    color: #8693a7;
}

.editdetails-inner p {
    margin-bottom: 15px;
}

.editdetails-inner p .postcode {
    width: 48%;
}

.header {
    position: relative;
    z-index: 22;
}

.profileTopapart {
    position: relative;
    z-index: 20;
}


/***************************************************
**
*** STYLES End For https://cn.teamwork.com/tasks/6673110
**
***************************************************/


/***************************************************
**
*** STYLES Start For Licensee Account https://cn.teamwork.com/tasks/6622072
**
***************************************************/

.ac-manager-details {
    padding: 39px 32px;
}

.ac-manager-details h4 {
    font-size: 14px;
    color: #8693a7;
    padding-bottom: 12px;
    margin: 0 0 25px;
    border-bottom: 1px solid #efefef;
}

.row-pan:before,
.row-pan:after,
.allow-access:before,
.allow-access:after {
    display: block;
    clear: both;
    content: '';
}

.col-Lt {
    float: left;
    width: 48%;
}

.col-Lt label,
.col-Rt label {
    display: block;
    color: #4e515e;
    font-size: 13px;
    padding-bottom: 8px;
}

.col-Lt input,
.col-Rt input {
    width: 100%;
}

.col-Rt {
    float: right;
    width: 48%;
}

.col-Lt select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("../images/select-img.png") no-repeat scroll 90% 50%;
    max-width: 100%;
    width: 40%;
}

.allow-access h3 {
    font-size: 13px;
    color: #4e515e;
}

.acSingle-box {
    border: 1px solid #d2dae2;
    border-radius: 5px;
    padding: 27px 20px;
    width: 174px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    text-align: center;
    margin: 0 12px 12px 0;
    display: inline-block;
    vertical-align: top;
    min-height: 260px;
}

.acSingle-box.active {
    border: 1px solid #00bfa5;
}

.acSingle-box:nth-child(3n) {
    margin-right: 0;
}

.acSingle-box span {
    margin-bottom: 11px;
    display: block;
}

.acSingle-box strong {
    font-size: 14px;
    color: #6a6e75;
    padding-bottom: 16px;
    font-weight: normal;
    display: block;
}

.acSingle-box p {
    font-size: 12px;
    color: #6a6e75;
    line-height: 18px;
}

.allow-access input[type='button'] {
    width: auto;
    font-weight: 700;
    color: #fff;
    background: #0089cd;
    border: none;
    outline: none;
    margin-top: 10px;
    cursor: pointer;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.allow-access input[type='button']:hover,
.enter-email input[type='submit']:hover {
    background: #01699d;
}

.statusBoxRight.payment .nonCustomer {
    border-bottom: 1px solid #e3e9ef;
    padding-bottom: 12px;
}

.enter-email {
    padding: 14px 91px 0 0;
    overflow: hidden;
    display: block;
    position: relative;
}

.enter-email input[type='email'] {
    width: 100%;
}

.enter-email input[type='submit'] {
    background: #0089cd;
    border: medium none;
    color: #fff;
    font-weight: 600;
    outline: medium none;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    width: auto;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    cursor: pointer;
    -webkit-appearance: none;
}

.paymentmethod-inner {
    padding: 28px 34px 1000px;
}

.single-payment:after,
.single-payment:before {
    content: '';
    display: block;
    clear: both;
}

.single-payment {
    padding: 19px;
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    margin-bottom: 15px;
}

.single-payment figure {
    float: left;
}

.encord {
    float: left;
    padding: 0 0 0 10px;
}

.encord strong {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #4e515e;
}

.encord em {
    display: block;
    font-size: 11px;
    color: #8a95a5;
}

.remove {
    display: inline-block;
    color: #0089cd;
    font-size: 13px;
    padding: 0 28px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.remove:hover {
    color: #ff0000;
}

.right-chkbx {
    float: right;
    text-align: right;
    width: 200px;
}

.paymentchk {
    display: inline-block;
}

.paymentchk label {
    font-size: 13px;
    color: #6f7e95;
    font-weight: 600;
    font-style: normal;
}

.paymentchk .interestChkBlock label:before {
    right: 0;
    left: auto;
}

.paymentchk .interestChkBlock label {
    padding: 0 24px 0 0;
}

.paymentchk,
.remove {
    margin-top: 8px;
}

.addmember {
    border: none;
    outline: none;
    width: auto;
    color: #fff;
    background: #0089cd;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    padding: 13px 16px;
    display: inline-block;
    font-size: 13px;
}

.enter-email .addmember:hover {
    background: #0570a5;
    color: #fff;
}

.membersInfo:before,
.membersInfo:after,
.actionBox:before,
.actionBox:after,
.row-pan:before,
.row-pan:after,
.single-subscription:before,
.single-subscription:after {
    content: '';
    clear: both;
    display: block;
}

.membersInfo {
    padding: 30px;
}

.singleMember {
    width: 170px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #e3e9ef;
    margin: 0 16px 16px 0;
}

.singleMember:nth-child(3n) {
    margin-right: 0;
}

.checkArea {
    padding: 20px 10px 0 25px;
}

.checkArea .interestChkBlock label {
    font-size: 12px;
    color: #6f7e95;
    font-weight: 600;
    font-style: normal;
}

.rightPanel .singleMember h2 {
    background: url('../images/no-image.png') no-repeat 21px 14px #f5f8fa;
    padding: 15px 21px 15px 66px;
    color: #4e515e;
    font-size: 13px;
    font-weight: 600;
    display: block;
    line-height: normal;
}

.rightPanel .singleMember h2 span {
    display: block;
}

.actionBox {
    padding: 0 25px 20px;
}

.editmomber {
    background: #0089cd;
    display: inline-block;
    padding: 6px 10px 6px 14px;
    color: #fff;
    border-radius: 5px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.editmomber:hover {
    background: #0672a8;
}

.editmomber i {
    margin-right: 7px;
}

.removemomber {
    background: #f66a52;
    padding: 7px;
    border-radius: 7px;
    display: inline-block;
    color: #fff;
    margin-right: 6px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.removemomber:hover {
    background: #f66a52;
}

.row-pan {
    padding: 0 93px 0 0;
    position: relative;
}

.row-panLt {
    float: left;
    width: 48%;
}

.row-panLt input,
.row-panRT input {
    width: 100%;
    background: #fff url("../images/date.png") no-repeat scroll 90% 50%;
}

.row-panRT {
    float: right;
    width: 48%;
}

.trans-date p {
    margin-bottom: 10px;
    color: #6f7e95;
    font-size: 12px;
}

.row-pan input[type='submit'] {
    background: #0089cd;
    border: medium none;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    outline: medium none;
    padding: 9px 18px;
    position: absolute;
    right: 0;
    width: auto;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.row-pan input[type='submit']:hover {
    background: #0673a9;
    cursor: pointer;
}

.downloadCont {
    padding: 28px 34px;
}

.downloadAll:before,
.downloadAll:after {
    content: '';
    clear: both;
    display: block;
}

.downloadAll h3 {
    float: left;
}

.downloadAll a {
    float: right;
    color: #0089cd;
}

.downloadAll a i {
    margin-right: 6px;
}

.single-subscription {
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 19px;
}

.single-subscription figure {
    float: left;
}

.encord-date {
    float: left;
    padding: 0 0 0 10px;
}

.encord-date strong {
    color: #4e515e;
    display: block;
    font-size: 13px;
    font-weight: bold;
}

.encord-date em {
    color: #8a95a5;
    display: block;
    font-size: 11px;
}

.receiptSection {
    float: right;
    width: 130px;
    display: block;
    text-align: right;
    color: #edf0f3;
}

.receiptSection span {
    font-size: 13px;
    color: #4e515e;
    display: block;
    padding-bottom: 0;
    font-weight: 600;
}

.receiptSection a {
    color: #0089cd;
}

.downloadCont.outstanding .single-subscription {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #e3e9ef;
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 30px;
}

.downloadCont.outstanding .encord-date em {
    margin-top: 3px;
}

.total-outstanding:before,
.total-outstanding:after {
    clear: both;
    display: block;
    content: '';
}

.total-outstanding {
    padding: 24px 0;
    border-bottom: 1px solid #e3e9ef;
}

.total-outstanding strong {
    display: inline-block;
    text-align: left;
    float: left;
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    color: #8693a7;
}

.total-outstanding span {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 14px;
    color: #8693a7;
    font-weight: 600;
}

.pay {
    background: #0089cd;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    outline: none;
    padding: 9px 18px;
    right: 0;
    width: auto;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    border-radius: 5px;
    display: inline-block;
    margin: 18px 0;
    float: right;
    text-decoration: none;
}

.pay:hover {
    background: #046c9f;
    color: #fff;
}

.top-memberstxt {
    padding: 0 10px 0 0px;
}

.top-memberstxt h3 {
    border-bottom: 1px solid #e3e9ef;
    color: #6f7e95;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 11px 28px 13px 0;
}

.top-memberstxt p {
    padding: 14px 0 0;
    color: #6f7e95;
}

.featureSectionCont {
    padding: 33px 33px 0;
}

.feature-row:before,
.feature-row:after {
    display: block;
    clear: both;
    content: '';
}

.feature-left {
    border-bottom: 1px solid #e3e9ef;
    padding: 15px 128px 15px 0;
    position: relative;
}

.section-heading {
    font-size: 14px;
    color: #8693a7;
}

.right-packageArea {
    position: absolute;
    right: 0;
    top: 15px;
    width: 118px;
    font-size: 14px;
    color: #8693a7;
}

.basic-row {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}

.premium-row {
    display: block;
    float: right;
    width: 50%;
    text-align: center;
}

.feature-left figure {
    margin: 0 15px 0 0;
    display: inline-block;
}

.feature-desc {
    display: inline-block;
    vertical-align: top;
}

.feature-desc p {
    margin-bottom: 0;
}

.basic-row .singleCheck,
.premium-row .singleCheck {
    margin-top: 19px;
}

.feature-desc h4 {
    font-size: 14px;
    color: #6a6e75;
}

.feature-desc p {
    font-size: 12px;
    color: #6a6e75;
}

.featureSectionCont .feature-row:last-child .feature-left {
    border-bottom: none;
}

.upgrade-cont {
    padding: 33px 33px 54px;
    background: url("/images/dashboard/contact-page-bg.jpg") repeat 0 0 #f5f8fa;
    border-top: 1px solid #e3e9ef;
    margin: 0 0 0 4px;
}

.upgradeSection h5 {
    background: url("../../images/updatebg.png") repeat 0 0 #34495e;
    display: block;
    text-align: center;
    padding: 25px 0 21px;
    font-size: 21px;
    font-weight: 300;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.content-upgrade {
    padding: 27px;
    border: 1px solid #d2dae2;
    border-top: none;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.topInfoBox {
    border-bottom: 1px solid #d2dae2;
    padding: 0 0 30px 0;
}

.topInfoBox p {
    font-size: 13px;
    color: #6f7e95;
    margin: 0px;
    line-height: 22px;
}

.under-lisence {
    padding: 22px 0;
}

.under-lisence:before,
.under-lisence:after,
.price-chartArea:before,
.price-chartArea:after,
.price-row:before,
.price-row:after {
    clear: both;
    display: block;
    content: '';
}

.under-lisenceInner {
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 99px;
    position: relative;
    width: 240px;
}

.under-lisenceInner>figure {
    left: 0;
    padding-right: 14px;
    position: absolute;
    border-right: 2px solid #b2dbf0;
}

.under-lisenceInner strong {
    font-size: 50px;
    color: #0089cd;
    font-weight: 300;
    display: block;
    padding: 0 0 0 16px;
    line-height: 50px;
}

.under-lisenceInner span {
    padding: 0 0 0 16px;
    font-size: 13px;
    color: #6a6e75;
    display: block;
}

.advisercost {
    padding: 0 0 22px;
}

.advisercost h3 {
    display: block;
    text-align: center;
    padding-bottom: 25px;
}

.price-chartArea {
    display: block;
    text-align: center;
}

.price-cont {
    width: 113px;
    display: inline-block;
    text-align: center;
    margin-right: 9px;
    margin-bottom: 10px;
}

.price-cont:nth-child(4n) {
    margin-right: 0;
}

.price-cont h4 {
    background: #939eb0;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 9px 0;
    border-radius: 5px 5px 0 0;
    display: block;
    text-align: center;
}

.price-inner {
    padding: 22px 0;
    border: 1px solid #939eb0;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.price-inner strong {
    font-size: 22px;
    display: block;
    text-align: center;
    padding-bottom: 10px;
    font-weight: normal;
}

.price-inner span {
    font-size: 12px;
    color: #939eb0;
    display: block;
    text-align: center;
}

.price-cont.blue h4 {
    background: #0089cd;
}

.price-cont.blue .price-inner {
    border: 1px solid #0089cd;
}

.price-cont.blue .price-inner strong {
    color: #0089cd;
}

.price-cont.blue span {
    color: #0089cd;
}

.contact-block p {
    text-align: center;
    display: block;
    margin-bottom: 0;
    font-style: italic;
    padding: 25px 0;
}

.contact-block p a {
    color: #0089cd;
}

.pricing-tab .tabnavbox {
    background: transparent;
    font-size: 13px;
    padding: 0;
}

.pricing-tab .ui-state-default span {
    display: block;
    text-align: center;
}

.pricing-tab .tabnavbox ul li a {
    padding: 20px 49px !important;
}

.pricing-tab .profileTabInner {
    padding-left: 0;
}

.pricing-infobox {
    background: #eaecef;
    border-radius: 5px;
    margin-top: 10px;
}

.price-row {
    border-bottom: 1px solid #d2dae2;
    padding: 0 21px;
}

.price-row:last-child {
    border: none;
}

.price-row p {
    margin: 0;
    padding: 21px 20px 21px 0;
    font-size: 14px;
    color: #6f7e95;
    float: left;
}

.price-row span {
    float: right;
    font-size: 16px;
    color: #6f7e95;
    padding: 21px 0;
}

.gst-box:before {
    clear: both;
    display: block;
    content: '';
    height: 1px;
}

.price-row .gst-box {
    padding-bottom: 18px;
}

.price-row .gst-box p,
.price-row .gst-box span {
    padding: 0;
}

.price-row .gst-box p {
    font-size: 13px;
}

.price-row .gst-box span {
    font-size: 14px;
}

.gst-box:after {
    content: "";
    display: block;
    height: 18px;
}

.pricing-infobox.green {
    background: #d9f5f2;
}

.pricing-infobox.green .price-row {
    border-color: #c3efea;
}

.pricing-infobox.green .price-row span {
    color: #00bfa5;
}

.pricing-infobox.blue .price-row span {
    color: #0089cd;
}

.pricing-infobox.blue {
    background: #d9edf8;
}

.pricing-infobox.blue .price-row i {
    color: #0089cd;
    font-family: "Open Sans", sans-serif;
}

.pricing-infobox.blue .price-row {
    border-color: #c3e3f4;
}

.signup-btn {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    background: #1470af;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.signup-btn:hover {
    background: #074f80;
}

.ui-widget-content .signup-btn {
    color: #fff;
}

.rightPanel.content-columns-match.content-right.ac-member {
    padding-bottom: 0;
}


/***************************************************
**
*** RESPONSIVE START
**
***************************************************/

@media screen and (max-width: 960px) {
    .pricing-tab .tabnavbox ul li a {
        padding: 20px 36% !important;
    }
}

@media screen and (max-width: 800px) {
    .box {
        top: 330px;
    }
}

@media screen and (max-width: 767px) {
    .downloadCont {
        padding: 28px 10px;
    }
}

@media screen and (max-width: 610px) {
    .acSingle-box,
    .acSingle-box:nth-child(3n) {
        display: block;
        margin: 0 auto 12px;
        width: 100%;
        min-height: auto;
    }
    .acSingle-box p {
        font-size: 13px;
        line-height: 20px;
    }
    .ac-manager-details {
        padding: 39px 10px;
    }
    .paymentmethod-inner {
        padding: 28px 10px;
    }
    .featureSectionCont {
        padding: 20px 20px 0;
    }
    .feature-desc h4 {
        padding-top: 10px;
    }
    .upgrade-cont {
        margin: 0;
        padding: 10px;
    }
    .price-cont {
        margin-right: 0;
    }
    .contact-block p {
        line-height: 30px;
    }
    .content-upgrade {
        padding-left: 10px;
        padding-right: 10px;
    }
    .price-row p {
        width: 60%;
    }
    .upgradeSection h5 {
        font-size: 16px;
    }
}

@media screen and (max-width: 530px) {
    .right-chkbx {
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    .single-payment figure {
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }
    .encord {
        float: none;
        text-align: center;
        padding-left: 0;
    }
    .right-chkbx {
        text-align: center;
    }
    .remove {
        padding-left: 0;
    }
    .singleMember {
        display: block;
        margin: 0 auto 16px;
        width: 200px;
    }
    .singleMember:nth-child(3n) {
        margin: 0 auto 16px;
    }
    .pricing-tab .tabnavbox ul li a {
        padding: 20px 29% !important;
    }
    .signup-btn {
        font-size: 12px;
    }
}

@media screen and (max-width: 479px) {
    .receiptSection {
        clear: both;
        display: block;
        float: none;
        padding-top: 10px;
        text-align: left;
        width: auto;
    }
    .encord-date {
        padding-left: 0;
    }
    .row-panLt,
    .row-panRT {
        float: none;
        width: 100%;
    }
    .row-pan {
        padding: 0;
    }
    .row-pan input[type="submit"] {
        position: static;
        width: 100%;
        -webkit-appearance: none;
    }
    .pricing-tab .tabnavbox ul li a {
        padding: 10px 5% !important;
    }
}


/***************************************************
**
*** STYLES End For Licensee Account https://cn.teamwork.com/tasks/6622072
**
***************************************************/


/***************************************************
**
*** STYLES Start For Password Update https://cn.teamwork.com/tasks/6781501
**
***************************************************/

.update-pw {
    padding: 39px;
}

.pw-block {
    width: 320px;
}

.pw-block label {
    display: block;
    font-size: 13px;
    color: #4e515e;
    padding: 10px 0 7px;
}

.pw-restore:before,
.pw-restore:after {
    clear: both;
    display: block;
    content: '';
}

.pw-restore {
    padding: 0 163px 0 0;
    position: relative;
}

.pw-restore input[type='submit'] {
    padding: 13px 18px;
    background: #0089cd;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-radius: 5px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    width: auto;
    border: none;
    outline: none;
    margin-top: 13px;
    -webkit-appearance: none;
}

.pw-restore input[type='submit']:hover {
    background: #0576ae;
    cursor: pointer;
}

.pw-restore span {
    color: #00a892;
    position: absolute;
    right: 0;
    top: 18px;
    width: 163px;
}

.pw-restore span i {
    margin-right: 7px;
}

.password-inner {
    padding-bottom: 200px;
}

@media screen and (max-width: 479px) {
    .pw-restore span {
        position: static;
    }
}


/***************************************************
**
*** STYLES End For Password Update https://cn.teamwork.com/tasks/6781501
**
***************************************************/


/***************************************************
**
*** STYLES Start For Licensee payment error https://cn.teamwork.com/tasks/6781574
**
***************************************************/

.payment-error {
    border: 1px solid #f66a52;
    border-radius: 5px;
    margin: 0 0 19px;
    padding: 14px 32px;
    position: relative;
}

.payment-error i {
    color: #f66a52;
    left: 11px;
    position: absolute;
    top: 16px;
}


/***************************************************
** 
*** STYLES End For Licensee payment error https://cn.teamwork.com/tasks/6781574
**
***************************************************/


/***************************************************
**
*** Licensee new step 3 https://cn.teamwork.com/tasks/6781573
**
***************************************************/

.row-panbox:before,
.row-panbox:after {
    content: '';
    clear: both;
    display: block;
}

.row-panbox {
    padding: 30px 30px 0;
    background: url("../images/licensee-setup-wizard/step-head-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.single-feature {
    display: inline-block;
    margin: 0 15px 20px 0;
    width: 48%;
    vertical-align: top;
}

.single-feature:nth-child(2n) {
    margin-right: 0;
}

.single-feature h2 {
    background: url("/images/basic-head.png") no-repeat 0 0 #68a3cc;
    height: 94px;
    text-align: center;
    font-weight: 300;
    font-size: 21px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}

.single-feature.premiumBox h2 {
    background: url("/images/premium-bg.png") no-repeat 0 0 #1872b0;
}

.single-feature h2 span {
    display: block;
    padding: 15px 0 0;
    color: #fff;
}

.single-feature h2 em {
    display: block;
    color: #fff;
    font-size: 16px;
}

.single-featureinner {
    background: #fff;
    padding: 20px 17px 20px 24px;
    border-radius: 0 0 5px 5px;
    min-height: 282px;
}

.single-featureinner p {
    position: relative;
    font-size: 14px;
    color: #6a6e75;
    margin-bottom: 20px;
}

.single-featureinner>p i {
    float: right;
    color: #00bfa5;
    font-size: 17px;
}

.wizard-2-1.no-shadow {
    box-shadow: none;
    padding-top: 0;
}

.regular-cost {
    padding: 19px 30px;
    background: #f8fbfd;
    border-bottom: 1px solid #d2dae2;
}

.regular-cost p {
    padding: 0 15px;
    color: #647287;
    text-align: center;
    line-height: 22px;
}

.regular-cost span {
    padding: 16px 25px;
    border-radius: 5px;
    border: 1px solid #dde7f0;
    font-size: 13px;
    color: #6f7e95;
    background: #fff;
    display: block;
}

.regular-cost span i {
    margin-left: 5px;
    color: #0089cd;
}

.subscriptionpanel {
    background: #fff;
    padding: 19px 30px;
}

.subscriptionpanel h3 {
    color: #647287;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

.subscriptionpanel em {
    display: block;
    text-align: center;
    color: #647287;
    font-size: 12px;
}

.packagebox {
    padding: 31px 15px 0;
}

body.HomeMaster .packagebox #ui-id-2 {
    left: 0;
    transform: translate(0, 0);
}

.packagebox ul li h4 {
    background: #6aadda;
    padding: 20px 0;
    border-radius: 0;
    margin: 0;
}

.packagebox ul li h4 strong {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.packagebox ul li h4 span {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #fff;
}

.packagebox ul li a {
    margin: 0;
    padding: 0 !important;
    float: none !important;
}

.packagebox .ui-tabs .ui-tabs-nav li a {
    padding: 0;
}

.packagebox .ui-state-default,
.packagebox .ui-widget-content .ui-state-default,
.packagebox .ui-widget-header .ui-state-default {
    background: transparent;
}

.packagebox li {
    width: 119px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #73aacf !important;
    border-right: none !important;
    border-bottom: none !important;
}

.packagebox li:last-child {
    border-right: 1px solid #73aacf !important;
}

.packagebox .ui-widget-header {
    background: transparent;
    border: none;
}

.section-inner {
    background: #eff7fc;
    padding: 20px 0;
    box-shadow: 0 -8px 12px -8px #bad0de inset;
    -moz-box-shadow: 0 -8px 12px -8px #bad0de inset;
    -webkit-box-shadow: 0 -8px 12px -8px #bad0de inset;
    -o-box-shadow: 0 -8px 12px -8px #bad0de inset;
}

.section-inner>p {
    text-align: center;
    white-space: normal;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #5a9bc7;
}

.section-inner strong {
    display: block;
    text-align: center;
    color: #5a9bc7;
    padding: 0 0 5px;
}

.package-tabCont {
    padding-top: 31px;
}

.package-tabCont .ui-tabs-active.ui-state-active h4 {
    background: #1470af none repeat scroll 0 0;
    padding: 29px 0 21px;
}

.package-tabCont .ui-tabs-active.ui-state-active .section-inner {
    background: #fff;
    box-shadow: none;
    position: relative;
    z-index: 20;
}

.package-tabCont .ui-tabs-active.ui-state-active {
    position: relative;
    top: -10px;
}

.cost-inner {
    padding: 19px 13px;
    border-radius: 5px;
    border: 1px solid #0089cd;
    position: relative;
    z-index: 19;
    top: -10px;
    background: #fff;
}

.package-tabCont .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.totalcost:before,
.totalcost:after {
    content: '';
    display: block;
    clear: both;
}

.totalcost>p {
    border-bottom: 1px solid #ebedef;
    color: #1470af;
    font-size: 14px;
    margin-bottom: 0;
    padding: 12px 0;
    display: block;
    overflow: hidden;
}

.subscriptionpanel .totalcost em {
    display: inline;
    color: #1470af;
    font-size: 14px;
}

.totalcost span {
    float: right;
    font-size: 16px;
    color: #1470af;
}

.totalcost span.font-13 {
    font-size: 13px;
}

.totalcost>p.bottom-bordernone {
    border-bottom: none;
}

.sign-upbtn {
    background: #0089cd;
    padding: 17px 0;
    display: block;
    text-align: center;
    color: #fff !important;
    border: none;
    outline: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 7px;
    margin-top: 10px;
}

.sign-upbtn:hover {
    background: #0474ab;
}

.sign-upbtn i {
    margin-left: 7px;
}

.special-pricing {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    padding: 0 30px 19px;
}

.special-pricing h3 {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #647287;
}

.pricingcheck {
    margin: 24px 0;
    overflow: hidden;
}

.pricingcheck>ul {
    border: 2px solid #0089cd;
    float: left;
    overflow: hidden;
    border-radius: 5px;
}

.chk-price input[type='checkbox'] {
    display: none;
}

.chk-price label {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 14px 51px;
    display: block;
}

.pricingcheck .chk-price label {
    color: #0089cd;
}

.pricingcheck ul li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    background: #fff;
}

.pricingcheck li.active label {
    color: #fff;
}

.pricingcheck li.active {
    background: #0089cd;
}


/*Advider Ratings Light Box Start*/

.ar-popup {
    background: rgba(22, 29, 41, 0.85) none repeat scroll 0 0;
    height: 100vh;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100vw;
    z-index: 21;
}

.ar-popup.active {
    opacity: 1;
    visibility: visible;
}

.ar-popup .popup-container {
    background: transparent;
    border-radius: 40px;
    left: 50%;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 564px;
    position: absolute;
    top: 60%;
    transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -weblit-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    width: 100%;
}

.popupInner-pan {
    position: relative;
    background: #fff;
    display: block;
    border-radius: 5px;
    padding: 30px;
}

.close-Popup-ar {
    position: absolute;
    right: 0;
    top: -22px;
    color: #fff;
    font-size: 15px !important;
    cursor: pointer;
}

.close-Popup-ar em {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-left: 4px;
}


/*Advider Ratings Lightbox End*/

.adviser-number {
    display: table;
    width: 100%;
}

.adviser-number figure {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding: 0 14px 0 0;
}

.adviser-number span {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0 0 0 18px;
    border-left: 2px solid #b2dbf0;
}

.adviser-number span strong {
    color: #0089cd;
    font-size: 50px;
    line-height: 55px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.adviser-number span p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #6a6e75;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.adv-cost-txt {
    margin: 21px 0 0;
    border-top: 1px solid #efefef;
    padding-top: 20px;
    text-align: center;
}

.adv-cost-txt p {
    font-size: 14px;
    color: #6f7e95;
}

.adv-cost-txt p em {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.price-panel:before,
.price-panel:after {
    display: block;
    clear: both;
    content: '';
}

.price-panel {
    margin: 0 -12px;
}

.ar-pricecont {
    width: 25%;
    float: left;
    display: block;
    padding: 0 6px;
    box-sizing: border-box;
}

.ar-price {
    background: #939eb0;
    border-radius: 5px;
    border: 1px solid #939eb0;
    overflow: hidden;
}

.ar-price.blue {
    background: #0089cd;
    border: 1px solid #0089cd;
}

.ar-price h3 {
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    text-align: center;
    height: 26px;
    line-height: 26px;
    margin: 0;
    text-transform: uppercase;
}

.ar-price-pan {
    background: #fff;
    display: table;
    height: 79px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.ar-price-pan span {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    color: #6f7e95;
    text-align: center;
    font-weight: 400;
}

.ar-price-pan span small {
    display: block;
    font-size: 12px;
    color: #939eb0;
    padding-top: 9px;
}

.ar-price.blue span,
.ar-price.blue span small {
    color: #0089cd;
}

.licenseinfo-ar {
    text-align: center;
    padding: 25px 0 0;
    font-weight: 400;
    font-size: 13px;
    color: #6f7e95;
}

.licenseinfo-ar a {
    color: #0089cd;
}


/*Responsive*/

@media screen and (max-width: 950px) {
    .ar-popup .popup-container {
        top: 150px;
        transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }
    .wrapper>div#ContentPlaceHolderDefault_ListYourBusinessButton_5_Panel_AfterLogin {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .popupInner-pan {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .single-feature {
        width: 100%;
        display: block;
    }
    .subscriptionpanel {
        padding-left: 10px;
        padding-right: 10px;
    }
    .row-panbox {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cost-inner {
        top: 0;
    }
    .package-tabCont .ui-tabs-active.ui-state-active {
        top: 0;
    }
    .packagebox li {
        width: 108px !important;
        margin-bottom: 10px !important;
        margin-right: 5px !important;
        padding: 0 !important;
        border: 1px solid #73aacf !important;
        border-right: 1px solid #73aacf !important;
        border-bottom: 1px solid #73aacf !important;
    }
    .package-tabCont .ui-tabs-active.ui-state-active h4 {
        padding: 20px 0;
    }
    .special-pricing {
        padding-left: 10px;
        padding-right: 10px;
    }
    .chk-price label {
        padding: 10px;
    }
    .pricingcheck>ul {
        float: none;
    }
    .licensee-setup-wizard-main .wizard-2-1 {
        padding: 15px 10px;
    }
    .single-feature:nth-child(2n) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .ar-pricecont {
        float: none;
        width: 100%;
        margin-bottom: 12px;
    }
}


/***************************************************
**
*** Licensee new step 3 https://cn.teamwork.com/tasks/6781573
**
***************************************************/


/***************************************************
**
*** Update Password https://cn.teamwork.com/tasks/6781461
**
***************************************************/

.updatepw-panel {
    max-width: 924px;
    display: block;
    position: relative;
    margin: 27px auto;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    border: 1px solid #e6ecf0;
}

.updatepw-panel strong {
    display: block;
    float: left;
    background: rgba(0, 0, 0, 0) url("../images/licensee-setup-wizard/step-head-bg.png") repeat scroll 0 0;
    padding: 19px 21px;
    margin-right: 21px;
}

.updatepw-panel>p {
    margin-bottom: 0;
    padding: 19px 0 0;
}

.updatepw-panel>p a {
    color: #0d6aa1;
    margin-left: 5px;
}

.section-hide {
    position: absolute;
    right: 20px;
    top: 18px;
}

.section-hide a {
    color: #0089cd;
}

.section-hide a i {
    margin-left: 7px;
    color: #0089cd;
}

.confermation-inner {
    background: #0f5790;
    padding: 84px 0;
}

.complete-conf {
    max-width: 610px;
    margin: 0 auto;
}

.complete-conf:before,
.complete-conf:after {
    content: '';
    display: block;
    clear: both;
}

.conf-top {
    background: #1470af;
    overflow: hidden;
    display: block;
    border-radius: 5px 5px 0 0;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
}

.finishedarea {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
}

.finishedarea a {
    background: #115f95;
    color: #fff;
    font-size: 15px;
    padding: 10px 17px;
    text-decoration: none;
    border-radius: 25px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.finishedarea a:hover {
    background: #064774;
}

.finishedarea a i {
    margin-right: 6px;
}

.conf-inner {
    background: rgba(0, 0, 0, 0) url("../images/licensee-setup-wizard/step-head-bg.png") repeat 0 0;
    text-align: center;
    padding: 28px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
}

.conf-inner h3 {
    font-size: 21px;
    font-weight: 300;
    color: #353537;
    padding: 20px 0 0;
    margin-bottom: 0;
    line-height: 35px;
}

.conf-inner span {
    font-size: 13px;
    color: #6f7e95;
    display: block;
    padding: 16px 0 0;
}

.learnabout {
    padding: 25px 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.34);
}

.learnabout a {
    padding: 14px 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    background: #0089cd;
    margin: 0 5px;
    text-decoration: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    display: inline-block;
}

.learnabout a:nth-child(2) {
    background: #6f7e95;
}

.learnabout a:hover {
    opacity: 0.8;
}

.learnabout a i {
    margin-left: 7px;
}

@media screen and (max-width: 550px) {
    .complete-conf {
        padding: 0 10px;
    }
    .conf-top .candidateSettings {
        padding-right: 0;
    }
    .conf-inner h3 {
        line-height: 28px;
        padding: 10px 15px 0;
    }
    .conf-inner span {
        padding-left: 10px;
        padding-right: 10px;
    }
    .learnabout a {
        margin-bottom: 10px;
    }
    .finishedarea {
        top: 64px;
        transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
}


/***************************************************
**
*** Update Password https://cn.teamwork.com/tasks/6781461
**
***************************************************/


/***************************************************
**
*** Company panel text https://cn.teamwork.com/tasks/6861803
**
***************************************************/

.pading .logo-box2 {
    background: transparent;
    border: 0px;
    border-radius: 5px 5px 0 0;
}

.pading .logo-box-bottom {
    border: none;
    font-size: 12px;
}

.pading .three-cols {
    background: #f5f8fa none repeat scroll 0 0;
    border-bottom: 1px solid #e3e9ef;
    border-left: 1px solid #e3e9ef;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #e3e9ef;
}

.pading .three-cols h3 {
    padding-bottom: 16px;
    background: #fff;
    margin-bottom: 0;
    position: relative;
}

.pading .center-outside {
    left: 0;
    float: none;
}

.pading .center-inside {
    background: #fff;
    border: 1px solid #e3e9ef;
    border-radius: 5px 5px 0 0;
    float: none;
    left: 0;
    text-align: center;
    border-left: none;
    border-right: none;
}

.pading .logo-box2 img {
    padding: 0;
}

.pading .three-cols h3:before {
    background: #fff;
    content: "";
    height: 38px;
    left: -1px;
    position: absolute;
    width: 1px;
}

.pading .three-cols h3:after {
    background: #fff;
    content: "";
    height: 38px;
    position: absolute;
    right: -1px;
    width: 1px;
}


/***************************************************
**
*** Company panel text https://cn.teamwork.com/tasks/6901564
**
***************************************************/

.header ul.nav-2 {
    margin: 13px 0 0 22px;
}

.header ul.nav-2 li {
    box-sizing: border-box;
    padding: 28px 15.5px 17px;
    position: relative;
    text-align: center;
    width: 92px;
    background: url("images/devider.png") no-repeat right center transparent;
}

.header ul.nav-2 li.consumer {
    padding: 28px 3px 17px;
}

.header ul.nav-2 li:last-child {
    background: none;
}

.header ul.nav-2 li a {
    display: block;
    font-size: 12px;
    line-height: 13px;
    padding-top: 5px;
}

.header ul.nav-2 li img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

body .header .logo {
    margin-top: 19px;
}

body .header .login-section ul {
    margin-top: 12px;
}

@media screen and (min-width: 951px) and (max-width: 980px) {
    .header ul.nav-2 {
        margin: 13px 0 0 4px;
    }
    .header ul.nav-2 li {
        width: 90px;
    }
}

@media screen and (max-width: 950px) {
    body .header .logo {
        margin-top: 7px;
    }
}


/***************************************************
**
*** Added From Custom.css
**
***************************************************/


/* start TAB */

ul.mytabs {
    margin: 0 0 26px;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
}

ul.mytabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 12px 45px !important;
    height: 31px;
    line-height: 31px;
    border: 1px solid #0089cd !important;
    color: #0089cd !important;
    overflow: hidden;
    position: relative;
}

ul.mytabs li:first-child {
    border-top: 1px solid #0089cd !important;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tab_last {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.mytabs li:hover {
    background-color: #0089cd;
    color: #fff !important;
}

ul.mytabs li.active {
    background-color: #0089cd;
    color: #fff !important;
    border: 1px solid #0089cd;
    display: block;
}

.tab_container {
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
}

.tab_content {
    display: none;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    color: #4e515e;
}

.tab_drawer_heading {
    display: none;
}

.greyButton {
    display: inline-block;
    background: #a7b5bf;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    padding: 6px 10px;
    margin-right: 8px;
}

.greyButton i.fa {
    font-size: 14px;
}

.greyButton:hover {
    color: #fff;
    background: #0099e6;
}

.blueButton {
    display: block;
    background: #0089cd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    padding: 13px;
}

.blueButton i.fa {
    font-size: 14px;
}

.blueButton:hover {
    color: #fff;
    background: #0099e6;
}

.greenButton {
    display: inline-block;
    background: #00b89f;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    padding: 6px 10px;
    margin-right: 8px;
}

.greenButton i.fa {
    font-size: 14px;
}

.greenButton:hover {
    color: #fff;
    background: #0099e6;
}

.redButton {
    display: inline-block;
    background: #f66a52;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    padding: 6px 10px;
    margin-right: 8px;
    min-height: 17px;
}

.redButton i.fa {
    font-size: 14px;
}

.redButton:hover {
    color: #fff;
    background: #0099e6;
}

.plusBtn {
    background: #a7b5bf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 7px 10px;
}

.plusBtnLrg {
    background: #a7b5bf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 12px;
    margin-bottom: 5px;
}

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

ul.jobLists li {
    list-style-type: none;
    display: block;
    border-top: #e3e9ef solid 1px;
    border-bottom: none;
    padding: 14px;
    margin-bottom: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #8e9099;
}

ul.jobLists li:last-child {
    border-bottom: #e3e9ef solid 1px;
}

ul.jobLists li span.jobBlueTxt,
ul.jobLists li span.jobRedTxt,
span.jobBlueTxt {
    float: right;
    font-size: 12px;
    font-style: italic;
    text-transform: none;
    color: #0089cd;
}

ul.jobLists li span.jobRedTxt {
    color: #f66a52;
}

.blueBox strong {
    font-weight: 700;
}

.messageArea .messagePost:last-child {
    border-bottom: medium none !important;
}

.redBorder {
    border: #f9cbc3 solid 1px !important;
}

@media screen and (max-width: 480px) {
    .mytabs {
        display: none;
    }
    .tab_drawer_heading {
        height: 31px;
        line-height: 31px;
        background: none;
        border: 1px solid #0089cd !important;
        color: #0089cd !important;
        margin: 0 0 3px;
        padding: 12px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .d_active {
        background-color: #0089cd;
        color: #fff !important;
        margin-bottom: 26px;
    }
}


/* end TAB */


/***************************************************
**
*** STYLES FOR PAYMENT WIZARD - https://cn.teamwork.com/tasks/6159944
**
***************************************************/

.blueButton2 {
    display: inline-block;
    background: #0099e6;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    padding: 6px 10px;
    margin-right: 8px;
}

.blueButton2:hover {
    color: #fff;
}

.locked-notification .text-anchor {
    color: #fff;
}

.locked-notification .text-anchor:hover {
    text-decoration: none;
}

.lDash-job-listings {}

.basicProfile .rightPanel .messageArea .messagePost.addjob {
    border: none;
    padding: 0;
}

.lDash-job-listings .addjob {
    font-size: 14px;
    color: #8693a7;
    line-height: 37px;
}

.lDash-job-listings .addjob .plusBtn {
    padding: 0;
    line-height: 37px;
    width: 37px;
}

.lDash-job-listings .addjob .plusBtn i {
    line-height: 37px;
}

.lDash-job-listings .addjob .plusBtn:hover {
    color: #fff;
    background: #00b89f;
}

.lDash-job-listings ul.mytabs {
    float: none;
    display: table;
    width: 100%;
    margin-bottom: 6px;
}

.lDash-job-listings ul.mytabs li {
    float: none;
    display: table-cell;
    padding: 0 15px !important;
    text-align: center;
    font-weight: 600;
}

.lDash-job-listings .tab_container {
    float: none;
}

.lDash-job-listings .blueBox h4 {
    font-size: 14px !important;
    color: #4e515e !important;
    line-height: 25px !important;
    margin-bottom: 20px !important;
    font-weight: 400 !important;
}

.lDash-job-listings .blueBox ul.jobLists {
    margin: 0;
}

.lDash-job-listings .blueBox ul.jobLists li:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.lDash-job-listings input[type="text"],
.lDash-job-listings input[type="email"],
.lDash-job-listings input[type="number"],
.lDash-job-listings input[type="password"],
.lDash-job-listings textarea {
    width: 100%;
}

.lDash-job-listings .full {
    margin-bottom: 15px;
}

.lDash-job-listings .jobListingForm p {
    color: #8693a7;
    font-size: 14px;
}

.lDash-job-listings .viseditor .rowmarin16 {
    margin: 0 !important;
    border: 1px solid #d2dbe2;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 2;
}

.lDash-job-listings .viseditor .editarea {
    margin-top: -5px;
    position: relative;
    z-index: 1;
}

.lDash-job-listings .bottommBtns {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e3e9ef;
}

.blueBox {
    background: #f5f8fa none repeat scroll 0 0;
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    margin-bottom: 14px;
    overflow: hidden;
    padding: 13px 16px;
}

.top-info-pan {
    background: #f5f8fa url("/images/dashboard/contact-page-bg.jpg") repeat scroll 0 0;
    border-bottom: 1px solid #e3e9ef;
    margin-left: 4px;
    overflow: hidden;
    padding: 30px 33px 34px 39px;
}

.sectionCont:before,
.sectionCont:after {
    display: block;
    content: '';
    clear: both;
}

.sectionCont {
    padding: 0 0 26px 0;
}

.sectionCont p {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #8693a7;
}

.sectionCont p span {
    font-size: 12px;
    color: #0099e6;
    float: right;
    padding-right: 3px;
}

.sectionCont textarea {
    height: 41px;
    resize: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #4e515e;
    line-height: 22px;
}

.sectionCont.summary textarea {
    height: 92px;
}

.top-info-pan .save-update-btn {
    background: #a7b5bf url("../images/white-tick.png") no-repeat 15px 14px;
}

.top-info-pan .save-update-btn:hover {
    background: #8d9ba6 url("../images/white-tick.png") no-repeat 15px 14px;
}

ul.editorLists {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.editorLists li {
    color: #9eacb5;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding: 0 10px;
}

ul.editorLists li.separator {
    border-left: 1px solid #d2dae2;
    display: inline;
    height: 24px;
    padding: 0 5px 0 0;
    width: 2px;
}

.rowmarin16 {
    margin: -16px;
}

.editorArea {
    background: #f5f8fa none repeat scroll 0 0;
    border-bottom: 1px solid #d2dae2;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 16px !important;
    overflow: hidden;
    padding: 11px;
}

.floatL {
    float: left;
}

ul.btnGroup {
    display: inline-block;
    list-style: outside none none;
    margin-left: 10px;
    overflow: hidden;
    padding-left: 0;
}

ul.btnGroup li {
    display: block;
    float: left;
}

ul.btnGroup li:first-child a {
    border-bottom-left-radius: 5px;
    border-right: 1px solid #96a3ac;
    border-top-left-radius: 5px;
}

ul.btnGroup li a {
    background: #a7b5bf none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #fff;
}

ul.btnGroup li:last-child a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.maxwidth393 {
    max-width: 393px;
}

.nomarginTop {
    margin-top: 0 !important;
}

.select-style-new select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background: #fff url("../images/select-img.png") no-repeat scroll 95% 50%;
    max-width: 100%;
    width: 100%;
    max-width: 393px;
}

.pan-span {
    float: left;
    padding-right: 10px;
    margin-top: 15px;
}

.listingWrap .plusBtnLrg {
    margin-top: 3px;
}

.listingWrap .greyButton,
.listingWrap .blueButton2,
.listingWrap .greenButton,
.listingWrap .redButton {
    padding: 10px;
}

.listingWrap .greyButton {
    padding: 10px 34px;
}

.listingWrap .blueButton2 {
    padding: 10px 34px;
    margin-right: 0;
    float: right;
}

.listingWrap .bottommBtns {
    overflow: hidden;
    clear: both;
}

.listingWrap .btnGroup ul li {
    margin-bottom: 0;
}

.row-pan-cont {
    display: block;
    overflow: hidden;
    clear: both;
    padding: 22px 0 0;
}

.lisensee-container {
    background: #f5f8fa url("../images/stripeBg.png") repeat scroll 0 0;
    margin-left: 4px;
    overflow: hidden;
    padding: 23px 34px 100px 39px;
}

.listingtab {
    display: table;
    float: none;
    margin-bottom: 6px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.listingtab li {
    display: table-cell;
    float: none;
    font-weight: 600;
    padding: 0 15px;
    text-align: center;
    border: 1px solid #0089cd;
    color: #0089cd;
    cursor: pointer;
    height: 39px;
    line-height: 39px;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.listingtab li:hover {
    background: #0089cd;
    color: #fff;
}

.listingtab li.listingactive {
    background: #0089cd;
    color: #fff;
}

.listingtab li:last-child {
    border-radius: 0 5px 5px 0;
}

.listingtab li:first-child {
    border-radius: 5px 0 0 5px;
}

.paymentDate {
    background: #fff;
    border: 1px solid #e3e9ef;
    padding: 30px 154px 30px 22px;
    border-radius: 5px;
    color: #5d6d7c;
    font-size: 13px;
    font-weight: 600;
    margin: 16px 0 0;
    position: relative;
}

.paymentDate p {
    margin: 0;
    padding: 0;
}

.paymentDate select {
    appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    background: #fff url("/images/icon-select2.png") no-repeat scroll 90% 50%;
    margin-left: 5px;
    text-align: left;
    width: 137px;
    position: absolute;
    right: 17px;
    top: 16px;
}

.innerTabSection {
    margin-top: 18px;
}

.lDash-job-listings .innerTabSection ul.mytabs li {
    padding: 5px 15px !important;
}

.innerTabSection .tab_content {
    background: transparent;
}

.preSubs {
    background: #34495e url("/images/license-dashboard/blue-strip.png") repeat 0 0;
    padding: 30px 40px;
    border-radius: 5px 5px 0 0;
    margin-top: 15px;
    text-align: center;
    color: #fff;
}

.preSubs figure {
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    padding: 21px 26px;
}

.preSubs h3 {
    padding-top: 27px;
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 23px;
}

.preSubs p {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 16px;
}

.button-cont {
    padding: 35px 0 39px;
    background: #fff;
    text-align: center;
    border: 1px solid #e3e9ef;
    border-radius: 0 0 5px 5px;
}

.button-blue {
    font-size: 13px;
    font-weight: 600;
    padding: 13px 27px;
    background: #0089cd;
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.button-blue:hover {
    background: #0573aa;
    color: #fff;
}

.content-right.padding-bot-none {
    padding-bottom: 0;
}

.preSubs span {
    background: #f66a52;
    border-radius: 45px;
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    margin: 0 4px;
    padding: 16px 20px;
}

.preSubs figure.blue span {
    background: #0089cd;
    border: 2px solid #0089cd;
}

.preSubs figure.blue span:last-child {
    background: #fff;
    border: 2px dashed #0089cd;
    color: #0089cd;
}

.preSubs figure.card {
    padding: 21px 16px;
}

.payment-method {
    padding: 0 100px;
    text-align: left;
}

.row-pan-frm:before,
.row-pan-frm:after {
    display: block;
    content: '';
    clear: both;
}

.row-pan-frm {
    padding-bottom: 19px;
    position: relative;
}

.row-pan-frm p {
    margin-bottom: 14px;
    font-size: 13px;
    color: #8693a7;
}

.payment {
    position: relative;
    padding: 0 0 0 27px;
    margin-right: 20px;
    display: inline-block;
}

.payment input {
    display: none;
}

.payment label {
    cursor: pointer;
}

.payment label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 0;
    position: absolute;
    content: '';
    width: 19px;
    height: 19px;
    display: block;
    top: 8px;
    left: 0;
}

.payment input[type='radio']:checked+label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 100%;
}

.pan-left {
    width: 48%;
    float: left;
}

.pan-right {
    width: 48%;
    float: left;
}

.row-pan-frm .dateWrap input {
    background: #fff url("/images/date.png") no-repeat scroll 90% 50%;
}

.security-code {
    padding-right: 111px;
    display: block;
}

.security-code img {
    position: absolute;
    right: 0;
    top: 59%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
}

.row-pan-frm .button-blue {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.credit-topup:before,
.credit-topup:after {
    display: block;
    content: '';
    clear: both;
}

.credit-topup {
    border-bottom: 1px solid #d2dae2;
    clear: both;
    padding: 0 22px 0 33px;
}

.credit-topup>p {
    float: left;
    font-size: 13px;
    color: #5d6d7c;
    font-weight: 600;
}

.selectcontrol {
    float: right;
    text-decoration: none;
    width: 95px;
}

.selectcontrol em {
    color: #8693a7;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    vertical-align: top;
}

.selectcontrol span.ctrlBtn {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #d4d9e1;
    border-radius: 15px;
    display: inline-block;
    height: 17px;
    margin: 0 10px 0 5px;
    position: relative;
    width: 28px;
}

.selectcontrol span.ctrlBtn strong.ctrlCircle {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #d4d9e1;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 15px;
    top: -2px;
    width: 14px;
}

.selectcontrol span.ctrlBtn strong.ctrlCircle {
    background: transparent;
    border-color: #d4d9e1;
    left: -1px;
    top: -1px;
}

.selectcontrol span.ctrlBtn strong.ctrlCircle.active {
    background: #fff;
    border-color: #fff;
    left: auto;
    right: -1px;
}

.selectcontrol span.ctrlBtn.changecolor {
    background: #00b89f;
    border-color: #00b89f;
}

.button-cont.step-below {
    border: none;
    padding-bottom: 0;
}

.preSubs span.cr {
    background: #fff;
    border: 1px solid #0089cd;
    color: #0089cd;
    padding: 16px 15px;
}

.crvalue {
    color: #0089cd;
    font-size: 29px;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.preSubs figure.note {
    padding: 17px 18px;
}

.invoice-form {
    padding: 0 30px;
}

.invoice-form p {
    text-align: left;
    margin-bottom: 10px;
    font-size: 13px;
    color: #8693a7;
}

.invoice-form .frm-cont-left,
.invoice-form .frm-cont-right {
    width: 48%;
}

.inv-single-row {
    padding-bottom: 10px;
}

.frm-cont.street {
    padding: 0 0 0 83px;
    position: relative;
}

.frm-cont.street span {
    width: 74px;
    left: 0;
    top: 0;
    position: absolute;
}

.invoice-form .frm-cont-right .frm-cont {
    margin: 0;
}

.submitfrm {
    text-align: center;
    padding: 10px 0 0;
}

.submitfrm em {
    padding-bottom: 20px;
    font-size: 13px;
    display: inline-block;
    ;
}

.submitfrm .button-blue {
    display: inline-block;
}

.preSubs .card.red span.cr {
    color: #f66a52;
    border: 1px solid #f66a52;
}

.card.red .crvalue {
    color: #f66a52;
}

.cardPackage ul li:before,
.cardPackage ul li:after {
    clear: both;
    display: block;
    content: '';
}

.cardPackage {
    padding: 0 30px;
}

.cardPackage ul {
    margin: 0;
    padding: 0;
}

.cardPackage ul li {
    list-style: none;
    padding: 15px 6px;
    border-bottom: 1px solid #eff1f3;
    margin: 0 0 2px 0;
}

.cardPackage ul li.active {
    background: #e5f8f5;
}

.cardPackage .creditBox {
    float: left;
    width: 20%;
}

.creditBox p {
    color: #5d6d7c;
    display: inline-block;
    font-size: 13px;
    line-height: 26px;
    margin: 0;
    padding-left: 35px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.creditBox strong {
    font-size: 19px;
    left: 0;
    position: absolute;
}

.cardPackage .packageBox {
    float: right;
}

.cardPackage .packageBox p {
    display: inline;
    color: #5d6d7c;
    font-size: 13px;
    text-align: left;
    margin: 0;
}

.packageBox p strong {
    font-size: 17px;
    margin-right: 9px;
}

.packageBox a {
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    background: #009cb2;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 80px;
    margin: 0 0 0 17px;
}

.packageBox a:hover {
    opacity: 0.7;
}

.packageBox a.gray {
    background: #939eb0;
}

.packageBox a span {
    font-size: 12px;
    margin-left: 7px;
}

.pkg-check {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 0 15px;
    top: 6px;
}

.pkg-check input {
    display: none;
}

.pkg-check label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 0;
    content: '';
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.pkg-check input[type='checkbox']:checked+label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 100%;
}

.button-cont.fixtopspace {
    padding-top: 5px;
}

.largecredit {
    font-size: 13px;
    color: #6f7e95;
    font-style: italic;
    margin: 0;
    padding: 25px 0;
    text-align: center;
}

.largecredit a {
    color: #0089cd;
}

.paymentArea {
    padding: 0 30px;
}

.paymentArea .frm-cont-left,
.paymentArea .frm-cont-right {
    width: 49%;
}

.invCont {
    padding: 26px 0 0;
}

.invCont .frm-cont p {
    color: #8693a7;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
}

.invCont .frm-cont-right .frm-cont {
    margin: 0;
}

.submitfrm span {
    color: #6f7e95;
    display: block;
    font-size: 14px;
    padding-bottom: 28px;
}

.showhide-cont.activatepayment {
    display: none;
}

.payment-method.tab-payment {
    padding: 49px 80px 0;
}


/***************************************************
**
*** STYLES FOR RESPONSIVE - https://cn.teamwork.com/tasks/6159944
**
***************************************************/

@media screen and (max-width: 767px) {
    .top-info-pan {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
    }
    .sectionCont>p span {
        display: block;
        width: 100%;
    }
    .sectionCont p {
        padding-left: 5px;
    }
    .dash-banner img {
        width: 100%;
    }
    .bottommBtns.bottommBtnsnew {
        text-align: center;
    }
    .bottommBtns.bottommBtnsnew a {
        float: none;
        margin: 0 0 5px;
    }
    .dashboadr-bannerSection .row-pan-cont a {
        margin-bottom: 5px;
    }
    .listingWrap .dashboadr-bannerSection .greyButton {
        padding: 10px 22px;
    }
    .listingWrap .postone .greyButton {
        margin-bottom: 5px;
    }
    .lisensee-container {
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .paymentDate p {
        padding-right: 10px;
    }
    .paymentDate select {
        top: 47%;
        transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
    .preSubs span {
        margin-bottom: 5px;
    }
    .button-cont {
        margin-bottom: 10px;
        padding: 25px 10px 39px;
    }
    .button-blue {
        display: block;
        font-size: 12px;
    }
    .payment-method {
        padding: 0;
    }
    .credit-topup {
        padding: 0;
    }
    .invoice-form {
        padding: 0;
    }
    .invoice-form .frm-cont-left,
    .invoice-form .frm-cont-right {
        float: none;
        width: 100%;
    }
    .preSubs {
        padding-left: 0;
        padding-right: 0;
    }
    .cardPackage {
        padding: 0;
    }
    .cardPackage .creditBox {
        margin: 0 auto;
        float: none;
    }
    .cardPackage .packageBox {
        float: none;
        padding-top: 20px;
    }
    .paymentArea .frm-cont-left,
    .paymentArea .frm-cont-right {
        width: 100%;
        float: none;
    }
    .paymentArea {
        padding: 0;
    }
    .payment-method.tab-payment {
        padding: 49px 0 0;
    }
}

@media screen and (max-width: 480px) {
    .lDash-job-listings ul.mytabs {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .credit-topup .selectcontrol {
        float: none;
        margin-bottom: 15px;
    }
}


/***************************************************
**
*** END OF STYLES FOR PAYMENT WIZARD - https://cn.teamwork.com/tasks/6159944
**
***************************************************/


/***************************************************
**
*** Style Start For Overlapping line - https://cn.teamwork.com/tasks/7010623
**
***************************************************/

.expertise-icon-box-outer {
    padding: 0 0 30px;
}


/***************************************************
**
*** Style End For Overlapping line - https://cn.teamwork.com/tasks/7010623
**
***************************************************/


/***************************************************
**
*** Style Start For Jobs board - https://cn.teamwork.com/tasks/6996452
**
***************************************************/

.job-panel-fix .feature-slider {
    background: transparent;
}

.job-panel-fix .feature-slider li h3 {
    line-height: 28px;
    color: #4e515e;
    min-height: 56px;
}

.job-panel-fix .feature-slider li .list-inner {
    border-top: 0px;
    -moz-box-shadow: 0 -1px 4px #efefef;
    -webkit-box-shadow: 0 -1px 4px #efefef;
    -o-box-shadow: 0 -1px 4px #efefef;
}

.job-panel-fix .feature-slider li p {
    font-size: 13px;
    line-height: 23px;
}

.job-panel-fix .feature-slider li li {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e3e9ef;
    padding: 12px 0;
}

.job-panel-fix .feature-slider .btn-blue {
    margin: 17px 0 0;
}

.job-panel-fix .feature-slider li ol i,
.jobs-wrap .detail-inner ol i {
    font-size: 12px;
    font-weight: normal;
}

.job-panel-fix .bx-wrapper .bx-pager {
    bottom: -42px;
}

.signup-btn.signup-fix {
    padding: 13px 0;
}

.signup .signup-btn.signup-fix input.txt {
    padding: 0;
}

.job-panel-detail.job-detail-fix {
    top: 0;
}

.jobs-wrap {
    background: #ecf2f6 url("../images/jobs-bg.jpg") no-repeat center top;
    background-size: cover;
    padding: 25px 0 0;
}

.jobs-wrap .job-detail-btns .btn-back {
    line-height: 31px;
}

.jobs-wrap .detail-inner {
    margin-bottom: 45px;
    padding-top: 20px;
}

.jobs-wrap .text-pan p {
    color: #4e515e;
    font-size: 13px;
    line-height: 23px;
}

.jobs-wrap .text-pan p:first-child {
    margin-bottom: 10px;
}

.jobs-wrap .detail-inner ol li {
    margin-bottom: 0;
}

.jobs-wrap .detail-inner ol strong {
    color: #8e9099;
}


/***************************************************
**
*** Style End For Jobs board - https://cn.teamwork.com/tasks/6996452
**
***************************************************/


/***************************************************
**
*** Style Start For Additional filter option - https://cn.teamwork.com/tasks/7010626
**
***************************************************/

@media screen and (max-width: 919px) {
    .leaderboard.withToggle h2 {
        padding-right: 0;
        height: 100px;
    }
    .leaderboard.withToggle h2 span {
        left: 17px;
        right: auto;
        width: 283px;
        top: 68px;
    }
}

@media screen and (max-width: 767px) {
    .leaderboard.withToggle h2 {
        padding-right: 0;
        height: auto;
    }
    .leaderboard.withToggle h2 span {
        left: auto;
        right: 10px;
        width: 283px;
        top: 8px;
    }
}

@media screen and (max-width: 569px) {
    .leaderboard.withToggle h2 {
        padding-right: 0;
        height: 100px;
    }
    .leaderboard.withToggle h2 span {
        left: 17px;
        right: auto;
        width: 283px;
        top: 68px;
    }
}

@media screen and (max-width: 479px) {
    .leaderboard.withToggle h2 span {
        width: 90%;
        top: 60px;
    }
}


/***************************************************
**
*** Style Start For Overlapping line - https://cn.teamwork.com/tasks/7010623
**
***************************************************/

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost {
    margin-bottom: 20px;
}

@media screen and (max-width: 950px) {
    .candidateDashboardPro {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .publicProDetails .three-cols .logo-box2 {
        margin-bottom: 15px;
    }
    .candidateDashboardPro {
        position: absolute;
        right: 0;
        width: auto;
    }
}


/***************************************************
**
*** Style End For Overlapping line - https://cn.teamwork.com/tasks/7010623
**
***************************************************/


/***************************************************
**
*** Style Start For Restore left and right arrows on slideshow - https://cn.teamwork.com/tasks/7042540
**
***************************************************/

.statusSection .feature-slider .bx-prev,
.statusSection .feature-slider .bx-next {
    display: block !important;
}

.statusSection .feature-slider .bx-wrapper .bx-prev {
    background: rgba(0, 0, 0, 0) url("/images/controls.png") no-repeat scroll 0 -32px;
    left: 10px;
}

.statusSection .feature-slider .bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("/images/controls.png") no-repeat scroll -43px -32px;
    right: 10px;
}

@media screen and (max-width: 640px) {
    .statusSection .feature-slider-inner .bx-wrapper .bx-pager {
        bottom: -26px;
    }
}


/***************************************************
**
*** Style End For Restore left and right arrows on slideshow - https://cn.teamwork.com/tasks/7042540
**
***************************************************/

.add-new-cardnew:before,
.add-new-cardnew:after {
    display: block;
    clear: both;
    content: '';
}

.add-new-cardnew {
    display: block;
    padding: 10px 0 0;
    text-align: right;
}

.add-new-cardnew a {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    border: none;
    outline: none;
    background: #1995d2;
    border-radius: 5px;
    padding: 8px 20px;
    cursor: pointer;
    text-decoration: none;
}

#lightbox {
    display: none;
    position: absolute;
    top: 100px;
    left: 25%;
    width: 50%;
    height: auto;
    background-color: #fff;
    z-index: 101;
    border-radius: 10px;
}

#underlay {
    background: rgba(25, 45, 58, 0.9) none repeat scroll 0 0;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.click-close {
    display: block;
    text-align: right;
    padding: 10px 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}

.nonCustomer.bot-line {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

.eft-section .licensee-setup-wizard-main {
    background: transparent;
    padding: 0 0 30px;
}

.cardpay-form:before,
.cardpay-form:after {
    display: block;
    content: '';
    clear: both;
}


/***************************************************
**
*** Style Start For Stats vouched for fixes - https://cn.teamwork.com/tasks/7102259
**
***************************************************/

.graphLeftContainerSection .vouchPublicBox.fixstatsvouch h3 {
    font-weight: 700;
    padding: 7px 15px 0 0;
    border-bottom: none;
}

.graphLeftContainerSection .vouchPublicBox.fixstatsvouch .vouch-public-box-bottom a {
    margin-left: 3px;
    margin-right: 3px;
}


/***************************************************
**
*** Style End For Stats vouched for fixes - https://cn.teamwork.com/tasks/7102259
**
***************************************************/


/***************************************************
**
*** Style Start For Locks - https://cn.teamwork.com/tasks/6620457
**
***************************************************/

.basicProfile .rightPanel h2 a.basic-profile-preview.unlockPro {
    background: #00b89f;
    color: #fff;
    border: none;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
}

.basicProfile .rightPanel h2 a.basic-profile-preview.unlockPro:hover {
    background: #049581;
}

.lockedSection {
    padding: 25px 34px 25px 39px;
}

.lockedSection h4 {
    font-weight: normal;
    color: #8693a7;
    font-size: 14px;
    padding: 0 0 20px;
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.frm-row-pan:before,
.frm-row-pan:after {
    content: '';
    display: block;
    clear: both;
}

.frm-row-pan {
    padding: 27px 0;
    border-bottom: 1px solid #efefef;
}

.button-pan {
    display: block;
    overflow: hidden;
    padding: 13px 101px 0 0;
    position: relative;
}

.button-pan .floatR {
    position: absolute;
    right: 0;
    top: 13px;
}

.addjob.top-value {
    margin: 30px 0;
}

.candidateDashboard ul li.active-page {
    position: relative;
}

.candidateDashboard ul li.active-page:before {
    background: #6ea6c7;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 99%;
}

.candidateDashboard ul li.active-page a img {
    opacity: 1;
}

.candidateDashboard ul li.active-page a:hover {
    background: #0b5d90;
    color: rgba(255, 255, 255, 1);
}

.locked-nav {
    position: relative;
}

.locked-nav:before {
    background-color: rgba(13, 106, 161, 0.8);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 99%;
    z-index: 10;
}

.locked-nav:hover:before {
    background-color: rgba(13, 106, 161, 1);
    background-image: url("../images/lock.png");
    background-position: center 22px;
    background-repeat: no-repeat;
}

.candidateDashboard ul li a img.lock-img {
    display: none;
}

.locked-nav:hover span {
    position: relative;
    z-index: 12;
    color: #fff;
}

#underlayone {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 27, 41, 0.92);
    /* background-color: #416074;
    -moz-opacity: 0.7;
    opacity: .50;
    filter: alpha(opacity=50); */
    z-index: 99;
}

#lightboxone {
    display: none;
    position: absolute;
    top: 294px;
    left: 50%;
    width: 620px;
    z-index: 112;
    background-color: #fff;
    border-radius: 5px;
    background: #fff url("../images/lock/blueline-strip.jpg") repeat-x left bottom;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.lock-popBox {
    padding: 11px 30px 0;
}

.image-panlock {
    display: block;
    text-align: center;
}

.lock-close {
    display: block;
    padding: 15px 14px 0 0;
    text-align: right;
}

.unlock-area {
    padding: 9px 0 29px;
    max-width: 358px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-align: center;
}

.lok-btn-section:before,
.lok-btn-section:after {
    clear: both;
    content: '';
    display: block;
}

.unlock-area figure {
    display: block;
}

.unlock-area h4 {
    font-weight: 300;
    font-size: 24px;
    color: #353537;
    padding: 23px 0 19px;
}

.unlock-area p {
    font-size: 14px;
    color: #8693a7;
    line-height: 22px;
    margin: 0 0 15px 0;
}

.unlock-area em {
    font-size: 13px;
    color: #8693a7;
    padding-bottom: 24px;
    display: block;
}

.lok-btn-section a {
    padding: 11px 26px 11px 17px;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    margin: 0 7px;
    font-weight: 600;
}

.lok-btn-section a i {
    margin: 0 7px;
    font-size: 14px;
}

.lock-close i {
    font-size: 14px;
    color: #f66a52;
}

.lok-btn-section a.watch-prev {
    background: #0099e6;
    padding: 11px 17px;
}

.watch-lk {
    background: #00b89f;
}

#underlaytwo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #416074;
    -moz-opacity: 0.7;
    opacity: .50;
    filter: alpha(opacity=50);
    z-index: 10;
}

#lightboxtwo {
    display: none;
    position: absolute;
    top: 294px;
    left: 50%;
    width: 620px;
    z-index: 113;
    background-color: #fff;
    border-radius: 5px;
    background: #fff url("../images/lock/blueline-strip.jpg") repeat-x left bottom;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

@media screen and (max-width: 767px) {
    .basicProfile .rightPanel h2 a.basic-profile-preview.unlockPro {
        width: 80px;
    }
    .button-pan a {
        margin-bottom: 15px;
    }
    .lockedSection {
        padding-left: 10px;
        padding-right: 10px;
    }
    .locked-nav:hover:before {
        background-position: 34px 22px;
    }
    #lightboxone {
        width: 90%;
        top: 364px;
    }
    #lightboxtwo {
        width: 90%;
        top: 364px;
    }
    .image-panlock img {
        width: 100%;
    }
    .unlock-area {
        padding-bottom: 79px;
    }
    .lok-btn-section a {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 321px) {
    .lockedSection {
        padding-left: 0;
        padding-right: 0;
    }
}


/***************************************************
**
*** Style End For Locks - https://cn.teamwork.com/tasks/6620457
**
***************************************************/


/***************************************************
**
*** Style Start For unwanted border - https://cn.teamwork.com/tasks/7124298
**
***************************************************/

.msgDes.borderfix {
    border: none;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .msgDes.borderfix p {
    padding: 10px 0;
}

.msgDes.borderfix_licensee {
    border: none;
}

.publicProDetails .msgDes.Feesfix {
    border: none;
}


/***************************************************
**
*** Style End For unwanted border - https://cn.teamwork.com/tasks/7124298
**
***************************************************/


/***************************************************
**
*** Style Start For New Claim Process HTML - https://cn.teamwork.com/tasks/7273734
**
***************************************************/


/*font-family: 'Lato', sans-serif; font-family: 'Raleway', sans-serif;*/

.ar-popup.profileclame .popup-container {
    max-width: 500px;
    top: 113px;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    padding-bottom: 50px;
}

.profileclame .header-ar {
    color: #fff;
    padding: 22px 10px 22px;
    position: relative;
    text-align: center;
    border-radius: 5px 5px 0 0;
    background: #1470af;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1470af 0%, #1470af 100%);
    background: -webkit-linear-gradient(top, #1470af 0%, #1470af 100%);
    background: linear-gradient(to bottom, #1470af 0%, #1470af 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1470af', endColorstr='#1470af', GradientType=0);
}

.profileclame .popupInner-pan {
    padding: 0;
}

.profileclame .header-ar h3 {
    color: #fff;
    margin: 0;
    padding: 10px 0 6px;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 36px;
}

.profileclame .header-ar p {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    margin: 0;
}

.claimprofile {
    position: absolute;
    right: 9px;
    top: 9px;
    cursor: pointer;
}

.clearfix:after,
.clearfix:before {
    clear: both;
    content: "";
    display: block;
    float: none;
    height: 0;
    width: 100%;
}

.profileclame .steps>div {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #627287;
    display: inline-block;
    font-family: "latobold";
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    white-space: nowrap;
}

.profileclame .steps {
    background: #0c4061;
    padding: 15px 10px;
    position: relative;
    text-align: center;
    z-index: 10;
    box-shadow: inset -1px 3px 2px #0a3754;
}

.profileclame .steps>div.active span {
    background: #1dbd9b;
}

.profileclame .steps>div.active span,
.profileclame .steps>div.active strong {
    color: #fff;
}

.profileclame .steps div span {
    color: #b2bfc8;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: #456d86;
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    margin: 0 5px 0 0;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    vertical-align: bottom;
    width: 28px;
}

.profileclame .steps div span i {
    font-family: 'Lato', sans-serif;
}

.profileclame .steps>div strong {
    display: inline-block;
    vertical-align: bottom;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.profile-clame-cont {
    padding: 30px 30px 21px;
    box-shadow: 0 3px 5px #ccc inset;
    -moz-box-shadow: 0 3px 5px #ccc inset;
    -webkit-box-shadow: 0 3px 5px #ccc inset;
    -o-box-shadow: 0 3px 5px #ccc inset;
}

.profile-clame-contOne {
    padding: 30px 30px 21px;
    box-shadow: 0px 2px 4px #ccc;
    -moz-box-shadow: 0px 2px 4px #ccc;
    -webkit-box-shadow: 0px 2px 4px #ccc;
    -o-box-shadow: 0px 2px 4px #ccc;
}

.profile-clame-cont h3 {
    color: #8693a7;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 19px;
    padding-bottom: 23px;
    border-bottom: 1px solid #efefef;
}

.profile-clame-cont p {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    color: #8693a7;
    font-size: 13px;
}

.profile-clame-cont p i {
    position: absolute;
    left: 0;
    top: 5px;
    color: #00b89f;
}

.profile-clame-cont p.info-i i {
    color: #0089cd;
}

.ar-footer-lightbox {
    box-shadow: -1px 0 2px #ccc inset;
    padding: 24px 15px;
    background: #ccc url("./../images/claim-register-new/strip.jpg") repeat 0 0;
    border-radius: 0 0 5px 5px;
}

.social-connect-ar {
    text-align: center;
    padding: 0 15px;
}

.social-connect-ar.no-padding {
    padding: 0;
}

.social-connect-ar .btn {
    background: #a7b5bf;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    margin: 0 10px;
    transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -webkit-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.social-connect-ar .btn:hover {
    opacity: 0.7;
}

.social-connect-ar .btn i {
    margin-left: 10px;
}

.social-connect-ar .linkedin i.fa-linkedin {
    margin: 0 10px 0 0;
}

.social-connect-ar .btn.blue {
    background: #0089cd;
}

.social-connect-ar .btn.fullwidth {
    width: 100%;
    margin: 7px 0;
}

.row-pan-lr:before,
.row-pan-lr:after {
    clear: both;
    display: block;
    content: '';
}

.row-pan-lr {
    margin: 0 -10px;
}

.pan-lr-ar {
    width: 50%;
    display: block;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.pan-lr-ar.fullwidth {
    width: 100%;
    float: none;
}

.pan-lr-ar label {
    display: block;
    margin-bottom: 4px;
}

.pan-lr-ar input {
    width: 100%;
}

.profile-clame-cont .pan-lr-ar p {
    padding: 0;
}

.matching-record {
    position: relative;
    padding: 0 140px 0 0;
}

.matching-record p {
    font-size: 14px;
    color: #8693a7;
    margin: 0;
    padding: 0;
}

.matching-record a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    color: #8693a7;
}

.matching-record a:hover {
    color: #0c4061;
}

.btn.marchrecordbtn {
    width: 100%;
    margin: 7px 0;
    text-align: left;
}

.btn.marchrecordbtn i {
    float: right;
    margin: 15px 0 0;
}

.profile-clame-cont p.thanka-msg {
    text-align: center;
    color: #8693a7;
    font-size: 14px;
}

.head-textAr p {
    border-bottom: 1px solid #efefef;
    color: #8693a7;
    font-size: 14px;
    padding: 0 0 20px;
    line-height: 22px;
    margin: 0;
}

.ar-container-pan {
    padding: 18px 0;
    border-bottom: 1px solid #efefef;
}

.lr-group label {
    display: block;
    font-size: 13px;
    color: #8693a7;
    padding: 0 0 8px;
}

.lr-group label span {
    float: right;
}

.lr-group input {
    width: 100%;
}

.lr-group.grey input[type='text'] {
    background: #f5f8fa;
}

.qeBox {
    border: 1px solid #e3e9ef;
    display: table;
    width: 100%;
    border-radius: 5px;
    margin: 0 0 15px;
}

.qecell.left {
    display: table-cell;
    width: 144px;
    border-right: 1px solid #e3e9ef;
    vertical-align: middle;
}

.qeBox {
    background: #f5f8fa;
}

.qualification-ar.border-top {
    border-top: 1px solid #efefef;
}

.qualification-ar h4 {
    font-size: 13px;
    line-height: 22px;
    color: #8693a7;
    padding: 19px 0 11px;
    font-weight: normal;
}

.qecell figure {
    text-align: center;
    padding: 13px 0;
    background: #fff;
    border-radius: 5px 0 0 5px;
    position: relative;
    z-index: 2;
}

.qecellInner {
    padding: 19px;
}

.qecellInner h2 {
    font-size: 14px;
    color: #4e515e;
    margin: 0 0 2px 0;
    padding: 0;
    font-weight: normal;
}

.qecellInner h2 em {
    padding-left: 12px;
}

.details-qualification {
    display: table;
    width: 100%;
    color: #8a95a5;
}

.details-row-pan {
    display: table-cell;
    width: 50%;
    font-size: 12px;
    font-style: italic;
}

.details-row-pan.text-blue {
    color: #0089cd;
}

.qecell.left {
    position: relative;
}

.qecell.left:before {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1;
    border-radius: 5px 0 0 5px;
}

.notebox {
    padding: 12px 0;
    color: #8693a7;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
}

.notebox strong {
    font-weight: 500;
}

.notebox a {
    color: #0089cd;
}

.adviser-gold {
    background: #f5f8fa;
    border: 1px solid #e3e9ef;
    border-radius: 5px;
    display: table;
    margin: 0 0 15px;
    width: 100%;
}

.adviser-gold-cell {
    display: table-cell;
}

.adviser-gold-cell.right {
    border-left: 1px solid #e3e9ef;
    display: table-cell;
    vertical-align: middle;
    width: 92px;
    position: relative;
}

.adviser-gold-cell.right:before {
    background: #fff;
    border-radius: 0 5px 5px 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.adviser-gold-cell figure {
    background: #fff;
    border-radius: 5px 0 0 5px;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
    z-index: 2;
}

.adviser-gold-cell figcaption {
    position: relative;
    z-index: 2;
    font-size: 10px;
    color: #76767a;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    line-height: 12px;
    padding: 0 10px;
}

.adviser-gold-cell h3 {
    border: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #4e515e;
    margin: 0;
    padding: 19px 0 5px 25px;
}

.adviser-gold-cell p {
    margin: 0;
    padding: 0 0 20px 25px;
    font-size: 12px;
    line-height: 17px;
    color: #8a95a5;
}

.important-note {
    font-size: 13px;
    line-height: 20px;
    padding: 22px 0 0 0;
    color: #8693a7;
    font-style: italic;
}

.important-note strong {
    font-weight: 600;
}

.profile-contOne {
    box-shadow: 0 2px 4px #000;
    padding: 26px 30px 21px;
}

.profile-contOne h3 {
    font-size: 14px;
    color: #8693a7;
    line-height: 22px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 16px;
}

.profile-contOne .pan-lr-ar label {
    font-size: 13px;
    line-height: 22px;
    color: #8693a7;
}

.terms-box .interestChkBlock label {
    font-size: 13px;
    line-height: 42px;
    color: #8a95a5;
    font-style: normal;
}

.terms-box .interestChkBlock a {
    color: #0089cd;
}

.terms-box .interestChkBlock a:hover {
    color: #4e515e;
}

.profile-contOne .pan-lr-ar p {
    margin-bottom: 13px;
}


/* Responsive*/

@media screen and (max-width: 767px) {
    .ar-popup.profileclame .popup-container {
        width: 90%;
    }
    .social-connect-ar .btn {
        margin-bottom: 10px;
    }
    .profileclame .steps>div {
        margin-bottom: 5px;
    }
    .qeBox {
        display: block;
        border-radius: 0px;
    }
    .qecell.left {
        display: block;
        width: 100%;
        border: 5px 5px 0 0;
    }
    .qecell figure {
        border-radius: 5px 5px 0 0;
    }
    .qecellInner {
        padding: 19px 10px;
    }
    .adviser-gold {
        display: block;
    }
    .adviser-gold-cell {
        display: block;
        width: 100%;
    }
    .adviser-gold-cell.right {
        display: block;
        width: 100%;
        border: none;
        padding: 20px 0;
    }
    .profile-clame-cont .adviser-gold-cell p {
        padding: 0 0 20px 25px;
    }
    .adviser-gold-cell.right:before {
        border-radius: 0 0 5px 5px;
    }
    .profile-clame-cont .infotext-ar i {
        position: static;
        margin-right: 5px;
    }
}

@media screen and (max-width: 480px) {
    .profileclame .steps>div {
        display: block;
    }
    .profileclame .steps>div {
        overflow: hidden;
    }
    .profileclame .steps div span {
        float: left;
    }
    .profileclame .steps>div strong {
        float: left;
    }
    .info-service .social-connect-ar .btn {
        position: relative;
        line-height: 20px;
        padding: 5px 31px 6px 10px;
    }
    .info-service .social-connect-ar .btn.linkedin {
        padding-left: 31px;
    }
    .info-service .social-connect-ar .btn.linkedin i.fa-linkedin {
        left: 10px;
        right: auto;
    }
    .info-service .social-connect-ar .btn i {
        margin: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -webkit-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
    }
    .profile-clame-cont p {
        padding: 0;
    }
    .social-connect-ar {
        padding: 0;
    }
    .pan-lr-ar {
        float: none;
        display: block;
        width: 100%;
    }
}


/***************************************************
**
*** Style End For New Claim Process HTML - https://cn.teamwork.com/tasks/7273734
**
***************************************************/


/*SBF - Custom Check-Box Style*/

.chkcustom input[type="checkbox"] {
    display: none;
}

.chkcustom label:before {
    background: #00bfa5;
    border-radius: 15px;
    content: "";
    display: block;
    height: 20px;
    width: 30px;
    left: 0;
    position: absolute;
    top: 0;
}

.chkcustom label:after {
    background: #fff none repeat scroll 0 0;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 7px;
    top: 2px;
    width: 15px;
    content: "";
}

.chkcustom label {
    color: #788696;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 0 0 35px;
    position: relative;
}

.chkcustom input[type="checkbox"]:checked+label:before {
    background: #cacaca;
}

.chkcustom input[type="checkbox"]:checked+label:after {
    right: 18px;
}


/***************************************************
**
*** Style 
**
***************************************************/

.intro-update .save-update-btn.save-up-fix {
    margin: 0 0 19px 19px;
}

.lDash-job-listings .charges-panel input {
    width: 33%;
}

.secondery-head {
    padding-top: 20px;
}

.save-update-btn.auto-width.office-hours-fix {
    position: relative;
    top: 25px;
}

.select-area-pan {
    padding: 10px 120px 0 0;
    position: relative;
}

.select-area-pan a {
    background: #0089cd none repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 10px;
}

.select-area-pan a:hover {
    background: #037db9;
}

.messageArea .msgnewWrap .messagePost.messagePostAC:last-child {
    border-bottom: 1px solid #e3e9ef !important;
}


/*Responsive*/

@media screen and (max-width: 767px) {
    .video-savearea a {
        margin: 0 0 5px;
    }
    .video-savearea .move-btn-area span a {
        margin-bottom: 0;
    }
    .newac-review-section.newac-review-section-fix {
        padding: 25px 0 25px 20px;
    }
    .table-pagination {
        width: 100%;
    }
}

@media screen and (max-width: 667px) {
    .newac-review-section.newac-review-section-fix {
        padding: 25px 10px;
    }
}


/***************************************************
**
*** Style for account setting page and Licensee account setting page
**
***************************************************/

.wiz-fix {
    padding: 30px;
    background: url(../images/licensee-setup-wizard/step-head-bg.png);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 7;
}

.cancel-vouch-btn i {
    margin-right: 7px;
}

@media screen and (max-width: 964px) {
    #lightbox {
        width: 90%;
        left: 50%;
        transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }
    .col-Lt select {
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .allow-access input[type="submit"] {
        -webkit-appearance: none;
    }
    .lDash-job-listings .pw-block input {
        width: auto;
    }
    .pw-block {
        width: auto;
    }
    .pw-restore {
        padding: 0;
    }
    .wizard-2-1.no-shadow {
        padding: 10px;
    }
    .content-right {
        left: 0;
    }
}

.article-content-area img {
    max-width: 100%;
    height: auto;
    width: auto;
}


/***************************************************
**
*** Style for account Pagination https://cn.teamwork.com/tasks/7042525
**
***************************************************/

.searchpagination {
    margin: 0 auto;
    max-width: 950px;
    text-align: center;
    padding-bottom: 18px;
}

.searchpagination>table {
    margin: 0 auto;
    max-width: 500px;
}

.searchpagination table td {
    position: relative;
}

.searchpagination table td a {
    background: transparent !important;
}

.searchpagination table td a {
    font-size: 17px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 600;
    color: #308fc2;
}

.searchpagination table td a.aspNetDisabled {
    color: #414447 !important;
}

.searchpagination table td a:after {
    background: #308fc2;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
}

.searchpagination table td:first-child a:before {
    background: #308fc2;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
}

@media screen and (max-width: 960px) {
    .searchpagination>table {
        margin: 44px auto 0;
    }
    .searchpagination>table {
        margin: 44px auto 0;
        max-width: 500px !important;
        width: 100% !important;
    }
    /*.companyPage .rightPanel, .basicProfile .rightPanel, .statsReport .rightPanel, .companyPage, .basicProfile { height:auto!important;}
	.content-right { position: relative;}*/
}


/***************************************************
**
*** Style for https://cn.teamwork.com/tasks/7599233
**
***************************************************/

.tabNavigation {
    overflow: hidden;
    text-align: center;
    padding: 0px 34px 0px 39px;
    margin: 0;
}

.tabNavigation li {
    border: 2px solid #0089cd;
    float: left;
    font-size: 13px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
    width: 49%;
}

.tabNavigation li:first-child {
    border-radius: 5px 0 0 5px;
}

.tabNavigation li:last-child {
    border-radius: 0 5px 5px 0;
}

.tabNavigation li a {
    text-decoration: none;
    display: block;
    color: #0089cd;
    padding: 8px 0;
}

.tabNavigation li.selected,
.tabNavigation li.over,
.tabNavigation li:hover {
    display: block;
    background: #0089cd;
}

ul.tabNavigation li a.selected,
.tabNavigation li.over a,
.tabNavigation li:hover a {
    color: #ffffff;
    display: block;
    background: #0089cd;
}

.tab-box {
    overflow: hidden;
}

.tabNavigation ul li {
    border-right: 2px solid #007fff;
    margin: 0;
    padding: 0;
}

.customer-box-wrap {
    padding: 31px 34px 0px 39px;
    margin-bottom: 18px;
}

.tab-box .reviewNegative {
    padding: 0 0 20px;
}

.pro-customer {
    padding: 29px 34px;
}

.inquirie-ar {
    margin: 0 0 18px 0;
}

.inquirie-top-ar {
    background: #f5f8fa;
    border: 1px solid #e3e9ef;
    padding: 15px 34px 15px 39px;
    border-radius: 5px 5px 0 0;
    position: relative;
}

.inquirie-top-ar i {
    position: absolute;
    left: 18px;
    top: 16px;
    color: #0089cd;
}

.inquirie-top-ar em {
    float: right;
}

.inquirie-top-ar strong {
    color: #6f7e95;
    font-size: 12px;
    font-weight: 700;
}

.expend-cont {
    text-decoration: none;
    background: url(../images/license-dashboard/blue-arrow-down.png) no-repeat right center transparent;
    padding: 0;
    position: absolute;
    right: 17px;
    top: 19px;
    width: 10px;
    height: 10px;
}

.expend-cont.change-arrow {
    background: url(../images/license-dashboard/blue-arrow-up.png) no-repeat right center transparent;
}

.inqu-content {
    position: relative;
    padding: 23px 18px;
    border: 1px solid #e3e9ef;
    border-top: none;
    border-radius: 0 0 5px 5px;
    display: none;
}

.inqu-content.show-block {
    display: block;
}

.inqu-content p {
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
    color: #4e515e;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 479px) {
    .customer-box-wrap {
        padding: 31px 0 0;
    }
    #tabs-three {
        padding: 0 10px;
    }
    .tabNavigation {
        padding: 0;
    }
    .profileTabInner .ui-tabs .tabContentBox .ui-tabs-panel {
        padding: 0 10px !important;
    }
    .tabNavigation li {
        width: 98%;
        margin: 0 auto 15px;
    }
    .tabNavigation li:first-child,
    .tabNavigation li:last-child {
        border-radius: 5px;
    }
    .pro-customer {
        padding: 43px 0;
    }
    .tab-box .messageArea {
        padding-left: 0;
        padding-right: 0;
    }
}


/***************************************************
**
*** Style for https://cn.teamwork.com/tasks/7702043
**
***************************************************/

.leaderboardfix {
    max-width: 425px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .vouch-boxfix {
        padding: 0 5px;
    }
}

.vouch-box.v-2 {
    background: none;
    border: none;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #e3e9ef;
}

.vouch-box.v-2 .vouch-box-info p {
    font-style: normal;
}


/***************************************************
**
*** Style for https://cn.teamwork.com/tasks/7855234
**
***************************************************/

.upgrade_now {
    bottom: -13px;
    position: absolute;
    right: 14px;
    z-index: 111;
}


/***************************************************
**
*** Style for https://cn.teamwork.com/tasks/7813258
**
***************************************************/

.ddd-pan {
    border: 1px solid #e3e9ef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 22px 0;
}

.ddd-top-pan {
    background-color: #f5f8fa;
    padding: 20px;
    overflow: hidden;
}

.ddd-top-pan h4 {
    font-size: 16px;
    float: left;
    color: #4e515e;
}

.ddd-top-pan div {
    color: #929fb4;
    float: right;
    font-size: 12px;
    font-style: italic;
}

.ddd-top-pan div i {
    font-size: 14px;
    margin: 0 10px 0 0;
}

.ddd-pan .ui-tabs {
    padding: 0;
}

.ddd-pan .ui-widget-header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fafbfc;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
}

.ddd-pan .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 15px 0!important;
}

.ddd-pan .ui-tabs-nav li {
    background: none;
    border: none;
    margin: 0 0 0 20px!important;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.ddd-pan .ui-state-active a {
    color: #6f7e95!important;
}

.ddd-pan .ui-state-active a:link,
.ddd-pan .ui-state-active a:visited {
    color: #4e515e!important;
    border-bottom: 3px solid #1995d2;
}

.s-date,
.e-date {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 100px;
    vertical-align: top;
}

.ddd-select-region {
    margin: 0 20px 0 0;
    width: 190px;
    display: inline-block;
    vertical-align: top;
}

.ddd-submit {
    display: inline-block;
    vertical-align: top;
}

.s-date input,
.e-date input,
.ddd-select-region select {
    width: 100%;
}

.s-date input,
.e-date input {
    background: url(../images/date-picker.png) no-repeat 90% 50%;
    /*border:none;
	box-shadow:none;*/
    color: #4e515e!important;
}

.ddd-select-region select {
    background: url(../images/select-arrow.png) no-repeat 100% 50%;
    /*border:none;
	box-shadow:none;*/
    color: #4e515e!important;
}

.ddd-pan .ui-tabs .ui-tabs-panel {
    padding: 20px;
}

.ddd-pan label {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4e515e!important;
}

.ddd-pan .select2-container--default .select2-selection--single {
    border: 0!important;
    margin: 5px 0;
}

.ddd-pan .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.select2-container--open .select2-dropdown {
    /*border: 0!important;
    padding: 0 10px!important;*/
    border: 1px solid #d2dae2!important;
    margin-top: -5px;
}

.select2-search--dropdown {
    padding: 0!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: url(../images/ddd-search.png) no-repeat 13px 50%!important;
    border: none!important;
    -webkit-box-shadow: inset 0px 0px 30px -14px rgba(144, 202, 231, 1)!important;
    -moz-box-shadow: inset 0px 0px 30px -14px rgba(144, 202, 231, 1)!important;
    box-shadow: inset 0px 0px 30px -14px rgba(144, 202, 231, 1)!important;
    color: #4e515e!important;
    padding: 10px 0 10px 35px!important;
    margin: 0 0 14px;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #90cae7!important;
    -webkit-box-shadow: inset 0px 0px 30px -14px rgba(144, 202, 231, 1)!important;
    -moz-box-shadow: inset 0px 0px 30px -14px rgba(144, 202, 231, 1)!important;
    box-shadow: inset 0px 0px 30px -14px rgba(144, 202, 231, 1)!important;
}

.ddd-pan .profile-views-pan {
    padding: 20px;
}

.select2-container {
    border: 1px solid #d2dbe2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    margin: 3px 0 0 0!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent!important;
    color: #4e515e!important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: transparent!important;
    color: #4e515e!important;
}

.select2-results__options li {
    margin: 0!important;
}

.ddd-pan a {
    outline: none;
}

.fees-select input[type="checkbox"] {
    display: none;
}

.fees-select label {
    color: #4e515e;
    cursor: pointer;
    font-size: 13px;
    line-height: 21px;
    padding: 0 0 0 30px;
    position: relative;
}

.fees-select label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 0;
    content: "";
    display: block;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 19px;
}

.fees-select input[type="checkbox"]:checked+label:before {
    background: rgba(0, 0, 0, 0) url("../images/userdash/chekbox-bg.png") no-repeat 0 100%;
}


/* New Vouch - https://cn.teamwork.com/tasks/7720811 */

.newVouch .vouch-box-info {
    float: none;
    width: auto;
    padding-left: 61px;
}

.leaderbordin.newVouch .vouch-box {
    background: #f5f8fa;
}

#vouchBox_header_container.vouchNew {
    margin-bottom: 25px;
    border-radius: 5px;
}

.endorsedAdv {
    padding: 10px 0;
}

.endorsedAdv h4 {
    font-size: 14px;
    line-height: 22px;
    color: #8693a7;
    margin-bottom: 15px;
}

.endorsedAdv ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.endorsedAdv ul li {
    border: 1px solid #e3e9ef;
    margin-bottom: 25px;
    border-radius: 5px;
}

.endorsedAdv ul li .top {
    padding: 12px 14px;
    background: #f5f8fa;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e3e9ef;
}

.endorsedAdv ul li .top img {
    width: 50px;
    height: auto;
    border: 1px solid #e3e9ef;
    border-radius: 4px;
    float: left;
}

.endorsedAdv ul li .top div {
    padding-left: 61px;
}

.endorsedAdv ul li .top div p {
    font-size: 14px;
    line-height: 22px;
    color: #4e515e;
    margin: 0;
}

.endorsedAdv ul li .top div span {
    display: block;
    font-style: italic;
    font-size: 12px;
    line-height: 22px;
    color: #8a95a5;
    margin: 0;
}

.endorsedAdv ul li .top div span em {
    color: #0089cd;
    margin-right: 10px;
}

.endorsedAdv ul li .bottom {
    padding: 12px 14px;
    background: #fff;
    border-radius: 0 0 4px 4px;
}

.endorsedAdv ul li .bottom img {
    width: 36px;
    height: auto;
    border: 1px solid #e3e9ef;
    border-radius: 4px;
    float: left;
}

.endorsedAdv ul li .bottom div {
    padding-left: 50px;
}

.endorsedAdv ul li .bottom strong {
    display: block;
    width: 168px;
    color: #fff;
    background: #238ac8;
    font-size: 12px;
    line-height: 16px;
    padding: 0 12px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.endorsedAdv ul li .bottom div p {
    font-size: 14px;
    line-height: 22px;
    color: #4e515e;
    margin: 0;
}

.endorsedAdv ul li .bottom div span {
    display: block;
    font-style: italic;
    font-size: 12px;
    line-height: 22px;
    color: #8a95a5;
    margin: 0;
}

.endorsedAdv ul li .bottom div span em {
    color: #0089cd;
    margin-right: 10px;
}

.endorsedAdv ul li .top:after,
.endorsedAdv ul li .bottom:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
}


/***************************************************
**
*** Style for https://cn.teamwork.com/tasks/8062299?c=3400047
**
***************************************************/

.content-right .header-box .header-box-info {
    width: 64%!important;
    padding-right: 0!important;
}


/***************************************************
**
*** Style for Modification Task 22/08/2016
**
***************************************************/

.login-section {
    float: right!important;
}

.bluecont {
    margin: 0 auto;
    max-width: 1126px;
    position: relative;
}

.bluecont p {
    padding-left: 0!important;
}

.bluecont .btn-black {
    right: 0;
}

.panel-list .home-quotes .bx-wrapper .bx-pager {
    bottom: -65px!important;
}


/***************************************************
**
*** Style for new skillset - https://cn.teamwork.com/tasks/8165104
**
***************************************************/

.new-skillset-container {
    padding: 15px 0;
}

.new-skillset-container .legends {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.new-skillset-container .legends>div {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 0 36px 0 0;
}

.new-skillset-container .legends>div span {
    display: block;
    width: 38px;
    height: 38px;
    float: left;
    background: #92d050;
    border: 2px solid #436321;
    border-radius: 6px;
    margin-right: 10px;
}

.new-skillset-container .legends>div:nth-child(1) span {
    background: #5b9bd5;
    border: 2px solid #41719c;
}

.skills {}

.skills>div {
    padding: 14px 5px;
    border-bottom: 1px solid #f5f5f5;
}

.skills>div:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.skills>div img {
    display: block;
    width: 41px;
    float: left;
}

.skills>div .text {
    padding: 0 0 0 50px;
}

.skills>div .text p {
    font-size: 12px;
    line-height: 16px;
    color: #50535c;
    margin-bottom: 0px;
}

.skills>div .text .blue {
    padding: 8px 0 8px;
    padding-right: 65px;
    position: relative;
}

.skills>div .text .blue strong {
    position: absolute;
    top: 1px;
    right: 0px;
    font-size: 16px;
    line-height: 16px;
    color: #35aadb;
    font-weight: 600;
}

.skills>div .text .blue .bar {
    height: 9px;
    background: #d2dae1;
    border-radius: 4.5px;
    position: relative;
}

.skills>div .text .blue .bar span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4.5px;
    background: #33a1d7;
}

.skills>div .text .green {
    padding: 8px 0 8px;
    padding-right: 65px;
    position: relative;
}

.skills>div .text .green strong {
    position: absolute;
    top: 4px;
    right: 0px;
    font-size: 16px;
    line-height: 16px;
    color: #92d050;
    font-weight: 600;
}

.skills>div .text .green .bar {
    height: 12px;
    background: #d2dae1;
    border-radius: 4.5px;
    position: relative;
}

.skills>div .text .green .bar span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4.5px;
    background: #92d050;
}


/***************************************************
**
*** Style for fixes
**
***************************************************/

.contactitem p .icon_email {
    width: auto;
    display: inline-block;
    float: left;
}

.contactitem p .icon_phone {
    width: auto;
    display: inline-block;
    float: left;
}

.at_flat_counter {
    display: none !important;
}

.candidateSettings .candidatePic {
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    .candidateSettings .candidateName {
        position: relative;
    }
    .fullleadboard.widgets .boardInner .qusmore {
        top: 0;
        float: right;
    }
    .boardInner .qusmore {
        float: right;
    }
    .feature-slider-inner .bx-wrapper .bx-pager {
        position: absolute;
        top: 98%;
    }
    .graphLeftContainerSection {
        padding-right: 0;
    }
    .consumer-advise-fix {
        max-width: 499px;
        width: 100%;
        height: auto;
    }
    #map_div {
        width: auto !important;
    }
    .Pagination_Fix {
        width: auto !important;
        margin: 0 auto;
    }
    .newVouch .vouch-box-info {
        padding-left: 0;
    }
    .profileTopapart1 .candidateSettings .candidateName {
        width: 55%;
    }
    .publicSherePro {
        padding-top: 20px;
    }
}

@media screen and (max-width: 750px) {
    .feature-slider {
        padding-top: 15px;
    }
}

@media screen and (max-width: 530px) {
    .basicProfile .rightPanel .sectionBlockOne h2 a.basic-profile-preview {
        float: none;
        display: block;
        margin: 10px 0 0 10px;
    }
    .candidateSettings .candidateName {
        float: left;
        margin-left: 9px;
        padding-left: 0;
    }
    .companyPage .rightPanel h2,
    .basicProfile .rightPanel h2,
    .statsReport .rightPanel h2 {
        position: relative;
        padding-left: 45px;
    }
    .companyPage .rightPanel h2,
    .basicProfile .rightPanel h2,
    .statsReport .rightPanel h2 {
        position: relative;
        padding-left: 45px;
    }
    .contentRightN h2 {
        padding-left: 45px;
        position: relative;
    }
    .content-right h2 {
        padding-left: 45px;
        position: relative;
    }
    .rightPanel .right-old-container h2 {
        padding-left: 45px !important;
    }
    .graphLeftContainerSection h3 {
        padding-left: 30px;
    }
    .expertise-question-options {
        width: auto;
        margin-bottom: 15px;
    }
    .basicProfile .rightPanel .vouch-public-box-top h2 {
        padding-left: 10px;
        font-size: 12px;
    }
    .vouch-public-box-top .vouch-icon {
        background: #00508a url("../images/vouch-icon.png") no-repeat center center;
    }
}

@media screen and (max-width: 480px) {
    .basicProfile .rightPanel h2 {
        position: relative;
        padding-left: 45px;
    }
    /*.lhs-nav-arrow{position: absolute; left: 0; margin-left: 5px;}*/
    .basicProfile .rightPanel .sectionBlockOne h2 a.basic-profile-preview {
        margin-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .greyButton {
        margin-bottom: 5px;
    }
    .rate-box-question-box-half {
        width: 100%;
        margin-bottom: 10px;
    }
    .profileTopapart1 .candidateSettings .candidateName {
        left: 0;
    }
}

@media screen and (max-width: 479px) {
    .fullleadboard.widgets .boardInner .qusmore {
        top: 15px;
        float: none;
    }
    .fullleadboard.widget .boardInner h4 {
        display: block;
        float: none;
    }
    .boardInner .qusmore {
        float: none;
        top: 15px;
    }
    .segmentBox {
        float: none;
    }
    .featureTxt {
        display: block;
    }
    .addEditInner a {
        float: none;
        margin-top: 15px;
        display: inline-block;
    }
    #ContentPlaceHolderDefault_RateAdviser_8_FormPanel .submit-button {
        padding: 10px 13px;
        font-size: 11px;
    }
    .candidateDashboardPro {
        width: 80px;
    }
    .publicSherePro span:first-child {
        line-height: 20px;
        text-align: left;
    }
    .publicSherePro {
        padding-top: 20px;
    }
    .basicProfile .rightPanel .vouched-block-txt a {
        border: none;
    }
    .candidateDashboardPro {
        top: 27px;
    }
}

@media screen and (max-width: 320px) {
    .prodetails a {
        margin-left: 0;
    }
}

.addmember.upgrade_now.addmember-fix {
    position: static;
}


/***************************************************
**
*** Style for Team Page
**
***************************************************/

.BFO-logo {
    text-align: center;
    margin-bottom: 30px;
}

.team-banner {
    margin: 21px 0 0;
    height: 100%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .BFO-logo {
        padding: 0 10px;
    }
    .BFO-logo img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }
    .team-banner>img {
        width: 100%;
    }
}


/***************************************************
**
*** Style for Our Story Page
**
***************************************************/

.content-block {
    background-image: url(../images/about_bg.png);
    background-repeat: repeat;
    padding-bottom: 20px;
}

.page-title {
    padding: 100px 0;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1165px;
}

.page-title h1 {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #222224;
    font-size: 47px;
    line-height: 55px;
    padding: 0 100px;
}

.story-row {
    display: block;
    background: #fff;
    width: 100%;
    border: 1px solid #d2dae2;
    margin: 0 0 21px 0;
    position: relative;
}

.story-row:before,
.story-row:after {
    content: '';
    display: block;
    clear: both;
}

.story-cont {
    display: block;
    width: 50%;
}

.story-block {
    max-width: 1165px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.story-image>img {
    width: 100%;
}

.story-cont h2 {
    color: #222224;
    font-size: 32px;
    font-weight: 300;
    margin: 0 0 30px;
    padding: 0;
}

.story-cont p {
    color: #222224;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 24px;
}

.storybx-cont {
    left: 50%;
    padding: 60px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
}

.story-cont.scrollpan .storybx-cont {
    padding: 60px 18px 60px 60px;
}

.storybx-cont .slimScrollRail {
    border: 1px solid #c5c9ce;
    height: 99% !important;
    width: 15px !important;
}

.storybx-cont .slimScrollBar {
    opacity: 1 !important;
}

.story-info {
    padding-right: 50px;
}

.leftbox {
    float: left;
}

.rightbox {
    float: right;
}

.story-row:nth-child(2n) .leftbox {
    float: right;
}

.story-row:nth-child(2n) .rightbox {
    float: left;
    text-align: right;
}

.story-row:nth-child(2n) .rightbox p {
    text-align: right;
}

.story-row:nth-child(2n) .rightbox .storybx-cont {
    left: auto;
    right: 50%;
}

@media screen and (max-width: 989px) {
    .storybx-cont {
        position: static;
        top: 0;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
    .leftbox,
    .rightbox {
        float: none;
    }
    .story-row:nth-child(2n) .leftbox {
        float: none;
    }
    .story-row:nth-child(2n) .rightbox {
        float: none;
        text-align: left;
    }
    .story-row:nth-child(2n) .rightbox p {
        text-align: left;
    }
    .story-cont {
        width: 100%;
    }
    .story-block {
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .storybx-cont {
        padding: 20px;
    }
    .page-title {
        padding: 50px 0;
    }
    .page-title h1 {
        font-size: 35px;
        padding: 0 20px;
    }
    .story-cont.scrollpan .storybx-cont {
        padding: 20px 18px 20px 20px;
    }
}


/***************************************************
**
*** Style for Our Team Page
**
***************************************************/

.team-wrap {
    max-width: 1165px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.team-member {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 31%;
    margin: 0 7px 19px;
}

.team-inner>img {
    width: 100%;
    height: auto;
}

.member-info {
    display: none;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    background: rgba(0, 76, 122, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    z-index: 2;
    top: -100%;
    width: 100%;
    padding: 39px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #fff;
}

.team-member:hover .member-info {
    display: block;
    z-index: 2;
    top: 0;
}

.profile-social {
    display: none;
}

.team-member:hover .profile-social {
    display: block;
    z-index: 2;
}

.member-info-inner {
    position: relative;
}

.member-info h2 {
    font-size: 31px;
    padding: 0;
    margin: 0 0 17px;
    color: #fff;
}

.member-info strong {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
}

.profile-social {
    bottom: 0;
    height: 78px;
    position: absolute;
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0 44px;
}

.lrn-more {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    padding: 13px 35px 13px 22px;
    border: 1px solid #fff;
    border-radius: 44px;
    text-decoration: none;
    font-weight: 600;
}

.lrn-more:hover {
    color: #fff;
}

.lrn-more i {
    left: 10px;
    position: relative;
}

.profile-social>span {
    float: right;
}

.profile-social>span i {
    color: #fff;
    font-size: 20px;
    margin: 0 9px;
}

@media screen and (max-width: 989px) {
    .team-wrap {
        text-align: center;
    }
    .team-member {
        width: 46%;
    }
}

@media screen and (max-width: 680px) {
    .team-member {
        max-width: 376px;
        width: auto;
    }
}


/***************************************************
**
*** Team Page Lightbox
**
***************************************************/

.memberdetails {
    display: none;
    z-index: 5;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    position: fixed;
    background-color: rgba(71, 79, 88, 0.8);
    width: 100%;
    height: 100%;
    overflow: auto;
    left: 0;
    top: 0;
}

.memberdetails.active {
    display: block;
}

.detailWrap {
    background: transparent;
    box-sizing: border-box;
    display: table;
    left: 50%;
    width: 100%;
    max-width: 1165px;
    padding: 0 58px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.image-member {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.image-member>img {
    width: 100%;
    display: none;
}

.memberdetails .image-member {
    background: url(../images/team/team-member-two.jpg) no-repeat 35% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 35% 100%;
}

.info-detail {
    background: #fff;
    display: table-cell;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding-bottom: 40px;
}

.info-detailInner {
    padding: 39px 55px 0 38px;
}

.emailme {
    border: 1px solid #1f91d6;
    border-radius: 44px;
    color: #1f91d6;
    font-size: 12px;
    font-weight: 600;
    padding: 13px 35px 13px 22px;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 43px;
}

.emailme i {
    left: 10px;
    position: relative;
}

.info-detailInner p {
    font-weight: 300;
    font-size: 16px;
    color: #222224;
    line-height: 24px;
    padding: 11px 0 32px 0;
}

.info-detailInner h2 {
    font-size: 32px;
    color: #222224;
    font-weight: 300;
    margin: 0 0 10px;
    padding: 0;
}

.info-detailInner h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #222224;
    font-weight: bold;
}

.social-detail {
    position: absolute;
    right: 38px;
    top: 75px;
    color: #1f91d6;
}

.social-detail i {
    margin: 0 5px;
    color: #1f91d6;
    font-size: 20px;
}

.closedetails {
    position: absolute;
    right: 46px;
    top: 43px;
    width: 19px;
    height: 19px;
    background: url(../images/team/close.png) no-repeat 0 0 transparent;
    color: #fff;
    text-indent: -9999px;
}

.closedetails.mobi {
    display: none;
}

@media screen and (max-width: 900px) {
    .image-member {
        display: block;
        background: none;
        width: 100%;
    }
    .info-detail {
        display: block;
        width: 100%;
    }
    .image-member>img {
        display: block;
    }
    .closedetails {
        display: none;
    }
    .closedetails.mobi {
        display: block;
        background: none;
        text-indent: 0;
        color: #fff;
        font-size: 25px;
        right: 57px;
        top: -40px;
    }
    .social-detail {
        position: static;
    }
}

@media screen and (max-width: 600px) {
    .detailWrap {
        padding: 0 10px;
        margin: 170px 0 50px;
    }
    .closedetails.mobi {
        top: -40px;
        right: 10px;
    }
    .detailWrap {
        /*top: 300px;*/
    }
    .info-detailInner h2 {
        font-size: 28px;
    }
}

.home-panel .panel-caption a {
    color: #fff;
}

.home-panel .panel-caption a:hover {
    color: #008acb;
}


/***************************************************
**
*** Style for https://cn.teamwork.com/tasks/8445678
**
***************************************************/

.register_licensee {
    background: #0089cd;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    left: 50%;
    padding: 11px 0 11px 34px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -59px;
    transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    width: 263px;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.register_licensee>span i {
    background: #007bb8 none repeat scroll 0 0;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    left: 0;
    padding: 13px;
    position: absolute;
    top: 0;
}

.register_licensee:hover {
    color: #fff;
}

@media screen and (max-width: 767px) {}


/***************************************************
**
*** 
**
***************************************************/

.s-date.s1-date,
.e-date.e1-date {
    display: inline-block;
    margin: 0;
    width: 44%;
}

.ddSubmit input {
    border: none;
    padding: 0;
    width: 40px;
}

.s-date.s1-date>select,
.e-date.e1-date>select {
    display: inline-block;
    width: 48%;
}

.ar-scroll-pan {
    min-height: 350px;
}

.home-panel .panel-caption a {
    color: #fff;
}

.home-panel .panel-caption a:hover {
    color: #008acb;
}


/***************************************************
**
*** New Ask Advise Tab - https://cn.teamwork.com/tasks/8664695
**
***************************************************/

.new-ask-tab {
    max-width: 138px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 215px;
    right: 0;
}

.DPF-holder .new-ask-tab {
    top: 83px;
}

.new-ask-tab * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.new-ask-tab .text {
    display: block;
    background: #0581bf;
    border-radius: 13px 0px 0px 13px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.39);
}

.new-ask-tab .text>div {
    display: block;
    padding: 15px 15px 0px 15px;
}

.new-ask-tab .text>div:nth-child(2) {
    padding: 10px 15px 15px 15px;
}

.new-ask-tab .text span {}

.new-ask-tab .text a {
    display: block;
    font-size: 12px;
    line-height: 34px;
    color: #0188cc;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 15px;
    border-radius: 15px;
    background: #e6f3f9;
}

.new-ask-tab .text a:hover {
    background: #fff;
}

.new-ask-tab .text a i {
    margin-right: 5px;
}

.consumer-main .welcome-banner h2 {
    max-width: 400px;
    margin: 0 auto 10px auto;
    text-align: center;
}

.consumer-main .welcome-banner .search-container {
    max-width: 400px !important;
}

.consumer-main .welcome-banner .search {
    max-width: 100%;
    width: 100% !important;
}

.consumer-main .welcome-banner .search,
.consumer-main .welcome-banner .search input[type="text"],
.consumer-main .welcome-banner .search a {
    height: 55px;
}

.consumer-main .welcome-banner .search a i {
    line-height: 55px;
}

@media all and (max-width: 767px) {
    .home-hero .home-hero-inner {
        width: 280px !important;
        padding: 35px 20px 0 !important;
        margin: 0 !important;
    }
    .new-ask-tab {
        position: static;
        max-width: 300px;
        padding-top: 20px;
    }
    .DPF-holder .new-ask-tab {
        margin: 0 auto;
    }
    .new-ask-tab .text {
        border-radius: 13px;
        display: table;
        width: 100%;
        box-shadow: none;
    }
    .new-ask-tab .text>div {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 12px 0px 12px 12px;
    }
}


/***************************************************
**
*** Fix for long text in left nav - https://cn.teamwork.com/tasks/8612403
**
***************************************************/

.companyPage .leftPanel ul.tabPanel li a,
.basicProfile .leftPanel ul.tabPanel li a,
.statsReport .leftPanel ul.tabPanel li a {
    padding: 20px 10px 20px 29px;
    position: relative;
}

.tabPanel.publicProfile i {
    position: absolute;
    left: 0;
    top: 23px;
}

.messagePost.comptag .logo-box-bottom {
    word-break: break-word;
}

.vouched-you-block.newnowrap .vouched-block-txt {
    width: auto;
    float: none;
}


/***************************************************
**
*** Code for ad banners - https://cn.teamwork.com/#tasks/9030553
**
***************************************************/

.jobsboard.hasAdbanner {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ad-banner {
    margin: 20px auto;
}

.ad-banner.no-top-margin-border {
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2dbe2;
}

.ad-banner p {
    color: #8693a7;
    font-size: 11px;
    margin: 0 0 3px 0;
}

.ad-banner a {
    display: block;
    max-width: 100%;
    height: auto;
}

.ad-banner a img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ad-banner-desktop {
    max-width: 250px;
}

.ad-banner-desktop.ad-banner-dashboard {
    margin: 10px auto;
}

.ad-banner-wrap-tab {
    display: none;
    margin: 0 -15px;
    padding-top: 20px;
}

.ad-banner-wrap-tab:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0;
}

.ad-banner-wrap-tab .wrap {
    padding: 15px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.ad-banner-wrap-tab .wrap .ad-banner {
    margin: 0;
    background: #F5F8FA;
    border: 1px solid #E3E9EF;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
}

.ad-banner-wrap-tab .wrap .ad-banner>div {
    max-width: 250px;
    margin: 0 auto;
}

@media all and (max-width: 960px) {
    .ad-banner-desktop {
        display: none;
    }
    .ad-banner-desktop.ad-banner-dashboard {
        display: block;
    }
    .ad-banner-wrap-tab {
        display: block;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard {
        display: none;
    }
}

@media all and (max-width: 769px) {
    .ad-banner-desktop.ad-banner-dashboard {
        display: none;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard {
        display: block;
        padding: 0;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard .wrap {
        padding: 0 15px;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard .wrap .ad-banner {
        background: #fff;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
        border: none;
    }
    .jobsboard.hasAdbanner {
        padding: 0;
        background: none;
        box-shadow: none;
    }
}

@media all and (max-width: 568px) {
    .ad-banner-wrap-tab .wrap {
        width: 100%;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard {
        margin: -15px;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard .wrap {
        padding: 15px;
    }
}

.info-window-style {
    padding-left: 28px !important;
}


/***************************************************
**
*** Code for ad banners - https://cn.teamwork.com/#tasks/9610245
**
***************************************************/

.ad-banner-slider {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: #E4EBF1;
    box-sizing: border-box;
}

.ad-banner-slider .adslides {}

.ad-banner-slider .adslides li {
    left: 0;
}

.ad-banner-slider .adslides a {
    display: block;
}

.ad-banner-slider .adslides a img {
    display: block;
    margin: 0 auto;
    border: 1px solid #d1dde5;
}

.ad-banner-slider .adslides a img.desk {
    display: block;
}

.ad-banner-slider .adslides a img.mobi {
    display: none;
}

.ad-banner-slider .nav {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 100;
    width: 30px;
}

.ad-banner-slider .nav.prev {
    left: 0;
    background: url('../images/ad-banners/28-11-2016/prev.png') center center no-repeat #CCD9E2;
}

.ad-banner-slider .nav.next {
    right: 0;
    background: url('../images/ad-banners/28-11-2016/next.png') center center no-repeat #CCD9E2;
}

@media all and (max-width: 736px) {
    .ad-banner-slider .adslides a img.desk {
        display: none;
    }
    .ad-banner-slider .adslides a img.mobi {
        display: block;
    }
    .ad-banner-slider .nav.prev {
        background-color: transparent;
    }
    .ad-banner-slider .nav.next {
        background-color: transparent;
    }
}


/***************************************************
**
*** Code for Profile Amends (Need to put in Live) - https://cn.teamwork.com/index.cfm#tasks/9761530
**
***************************************************/

.socialContrlButton span.ctrlBtn.active {
    background: #8a95a5;
}


/***************************************************
**
*** Code for New Jobs Dashboard - https://cn.teamwork.com/index.cfm#tasks/9210947
**
***************************************************/


/* ~ JOBS BOARD LANDING ~ */

.new-jobsboard-landing {
    position: relative;
    padding: 30px 0 80px;
    background: url('../images/job-new/job-panel-bg.jpg') 50% 0 no-repeat #ECF2F6;
    background-size: 100% auto;
}

.new-jobsboard-landing * {
    box-sizing: border-box;
}

.new-jobsboard-landing .content-wrap {
    max-width: 940px;
    margin: 0 auto;
    position: relative;
}


/* top */

.new-jobsboard-landing .top {
    position: relative;
    padding: 20px 0 60px;
}

.new-jobsboard-landing .top h1 {
    text-align: center;
    font-weight: 300;
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    margin: 0;
}

.new-jobsboard-landing .top h2 {
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 10px 0;
}

.new-jobsboard-landing .top .form-container {
    width: 100%;
}

.new-jobsboard-landing .top .form-container .form-control {
    position: relative;
    z-index: 9;
    border: 1px solid rgb(99, 107, 114);
    background: rgba(255, 255, 255, 0.0784314);
    border-radius: 5px;
}

.new-jobsboard-landing .top .form-container input[type="text"] {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    color: rgb(255, 255, 255);
    padding: 0px 15px;
    background: none;
    margin: 0px;
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.new-jobsboard-landing .top .form-container .submit {
    display: block;
    font-size: 13px;
    line-height: 57px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-decoration: none;
    background: rgba(0, 125, 178, 0.6);
    padding: 0px 27px;
    border-radius: 5px;
}

.new-jobsboard-landing .top .form-container .submit:hover {
    background: rgb(0, 125, 178);
}

.new-jobsboard-landing .top .form-container input::-webkit-input-placeholder {
    color: #fff;
}

.new-jobsboard-landing .top .form-container input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.new-jobsboard-landing .top .form-container input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.new-jobsboard-landing .top .form-container input:-ms-input-placeholder {
    color: #fff;
}

.simpleform .form-table {
    display: table;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.simpleform .form-table .tbl-row {
    display: table-row;
}

.simpleform .form-table .tbl-row .cells {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 5px;
}

.simpleform .form-table .tbl-row .cells.one {
    /* width: 118px; */
    width: 168px;
}

.simpleform .form-table .tbl-row .cells.two {
    width: 85px;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .dropdownarow {
    width: 50px;
    cursor: pointer;
    height: 100%;
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
    background: rgba(255, 255, 255, 0.1);
    text-align: center;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .dropdownarow i {
    display: block;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.new-jobsboard-landing .top .form-container .hasdropdownlist input[type="text"] {
    padding-right: 60px;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown {
    width: 100%;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    position: absolute;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown i {
    display: block;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -12px;
    right: 20px;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
    max-height: 200px;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li {
    border-bottom: 1px solid #E3E9EF;
    margin: 0;
    padding: 0;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li:last-child {
    border: none;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li a {
    display: table;
    width: 100%;
    color: #4C4B50;
    text-decoration: none;
    font-size: 14px;
    line-height: 50px;
    padding: 0 15px;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li a:hover {
    color: #1995D2;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li a .text {
    display: table-cell;
    text-align: left;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li a .no {
    display: table-cell;
    width: 30px;
    text-align: right;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li a .no span {
    background: #00B592;
    color: #fff;
    border-radius: 8px;
    display: inline;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    padding: 0 4px;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown ul li a .no.disabled span {
    background: #C4CAD2;
}


/* content-main */

.content-main {
    display: table;
    width: 100%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    border-radius: 4px;
    background: #fff;
}

.content-main>div {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.content-main>div.left {}

.content-main>div.right {
    background: #FAFBFC;
    border-radius: 0 4px 4px 0;
    width: 320px;
    box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.15) inset;
}


/* head */

.content-main>div .head {
    padding: 20px 30px;
    border-bottom: 1px solid #E5E5E5;
}

.content-main>div .head h3 {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #353537;
    margin: 0;
    padding: 0;
}

.content-main>div .head .cat-notify {
    float: left;
}

.content-main>div .head .cat-notify p {
    font-size: 13px;
    line-height: 16px;
    color: #272727;
    margin: 0;
}

.content-main>div .head .cat-notify p span {
    background: #00B592;
    color: #fff;
    border-radius: 8px;
    margin-right: 6px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    padding: 0 7px;
}

.content-main>div .head .cat-notify p strong {
    font-weight: 600;
}

.content-main>div .head .cat-notify p em {
    color: #7B7C80;
}

.content-main>div .head .sort {
    float: right;
}

.content-main>div .head .sort p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    color: #7B7C80;
}

.content-main>div .head .sort .dropdown {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    position: relative;
}

.content-main>div .head .sort .dropdown>a {
    color: #272727;
    position: relative;
    text-decoration: none;
    display: block;
}

.content-main>div .head .sort .dropdown>a span {
    display: block;
    padding-right: 20px;
}

.content-main>div .head .sort .dropdown>a i {
    color: #a2a3a7;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    top: 1px;
    right: 0;
}

.content-main>div .head .sort .dropdown>ul {
    position: absolute;
    width: 150px;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    padding: 0;
    list-style: none;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    display: none;
}

.content-main>div .head .sort .dropdown>ul li {
    border-bottom: 1px solid #E5E5E5;
    margin: 0;
}

.content-main>div .head .sort .dropdown>ul li:first-child {}

.content-main>div .head .sort .dropdown>ul li:last-child {
    border: none;
}

.content-main>div .head .sort .dropdown>ul li a {
    text-decoration: none;
    color: #272727;
    display: block;
    padding: 10px;
}

.content-main>div .head .sort .dropdown>ul li a:hover {
    background: #FAFBFC;
}


/* listing */

.content-main>div.left .listing {
    padding: 0px 30px;
}

.content-main>div.left .listing .row {
    display: table;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #E5E5E5;
}

.content-main>div.left .listing .row>div {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

.content-main>div.left .listing .row .text {
    padding-right: 50px;
}

.content-main>div.left .listing .row .text h2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4C4B50;
    margin: 0 0 0px 0;
}

.content-main>div.left .listing .row .text .info {
    font-size: 13px;
    line-height: 24px;
    color: #8D8D95;
    margin-bottom: 12px;
}

.content-main>div.left .listing .row .text .info .date {
    display: inline-block;
    margin-right: 20px;
}

.content-main>div.left .listing .row .text .info .location {
    display: inline-block;
}

.content-main>div.left .listing .row .text .info i {
    margin-right: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #77BFF7;
}

.content-main>div.left .listing .row .text p {
    font-size: 13px;
    line-height: 20px;
    color: #4C4B50;
    margin: 0;
}

.content-main>div.left .listing .row .img {
    width: 115px;
}

.content-main>div.left .listing .row .img img {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #E3E9EF;
    margin-bottom: 10px;
}

.content-main>div.left .listing .row .img .btn {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 5px;
    font-weight: 600;
    background: #1995D3;
}

.content-main>div.left .listing .row .img .btn:hover {
    background: #1F88BC;
}

.content-main>div.left .listing .row .img .btn.green {
    background: #01B99F;
}

.content-main>div.left .listing .row .img .btn.green:hover {
    background: #0B9682;
}

.content-main>div.left .pagination {
    padding: 30px 0;
    font-size: 11px;
    line-height: 30px;
    font-weight: 600;
    color: rgb(134, 147, 167);
    text-align: center;
}

.content-main>div.left .pagination a {
    display: inline-block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    line-height: 20px;
    height: 20px;
    width: 20px;
    background: rgb(134, 147, 167);
    border-radius: 50%;
    margin: 0px 3px;
}

.content-main>div.left .pagination a.page_disabled {
    background-color: rgb(0, 137, 205);
}

.content-main>div.left .pagination a:first-of-type,
.content-main>div.left .pagination a:last-of-type {
    color: rgb(134, 147, 167);
    font-size: 16px;
    background: none;
}


/* sidebar filters */

.content-main>div.right .filter {
    padding: 30px;
    display: block;
    width: 100%;
    text-align: left;
    color: #70737E;
}

.content-main>div.right .filter .row {
    margin: 0 -5px 25px;
}

.content-main>div.right .filter .col-50 {
    width: 50%;
    float: left;
    padding: 0 5px;
}

.content-main>div.right .filter label {
    width: 100%;
    display: block;
}

.content-main>div.right .filter input {
    width: 100%;
}

.content-main>div.right .filter select {
    width: 100%;
    max-width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url(../images/select-img.png) no-repeat scroll 95% 50% #fff;
}

.content-main>div.right .filter .checklist {
    padding: 0;
    list-style: none;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #D2DAE2;
    margin: 4px 0 0;
}

.content-main>div.right .filter .checklist li {
    margin: 0;
    padding: 0;
}

.content-main>div.right .filter .checklist li input[type="checkbox"] {
    display: none;
}

.content-main>div.right .filter .checklist label {
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%;
    line-height: 46px;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 17px;
}

.content-main>div.right .filter .checklist label:before {
    background: rgba(0, 0, 0, 0) url(../images/userdash/chekbox-bg.png) no-repeat 0 0;
    content: "";
    display: block;
    height: 19px;
    right: 12px;
    position: absolute;
    top: 50%;
    width: 19px;
    margin-top: -9.5px;
}

.content-main>div.right .filter .checklist input[type="checkbox"]:checked+label:before {
    background: rgba(0, 0, 0, 0) url(../images/userdash/chekbox-bg.png) no-repeat 0 100%;
}

.content-main>div.right .filter .btn {
    display: block;
    text-align: left;
    font-size: 13px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 5px;
    font-weight: 600;
    background: #1995D3;
    padding: 0 17px;
}

.content-main>div.right .filter .btn i {
    display: block;
    position: absolute;
    top: 11px;
    right: 10px;
    color: #fff;
    font-size: 16px;
}

.content-main>div.right .filter .btn:hover {
    background: #1F88BC;
}


/* job footer */

.new-job-footer {
    width: 100%;
    display: table;
    background: url('../images/job-new/foot-bg.jpg') center center #1F232E;
    background-size: cover;
}

.new-job-footer>div {
    display: table-cell;
    width: 50%;
    padding: 75px 20px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.new-job-footer>div:first-child {
    background: rgba(0, 107, 166, 0.3);
}

.new-job-footer>div .cont {
    max-width: 420px;
    margin: 0 auto;
}

.new-job-footer>div .cont img {
    display: block;
    margin: 0 auto 15px;
}

.new-job-footer>div .cont h2 {
    margin: 0;
}

.new-job-footer>div .cont p {}

.new-job-footer>div .cont .subscribe {
    position: relative;
    display: inline-block;
}

.new-job-footer>div .cont .subscribe input {
    margin: 0;
    padding-right: 85px;
    text-align: left;
}

.new-job-footer>div .cont .subscribe a {
    width: 80px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    text-decoration: none;
    font-size: 12px;
    color: #4E4D55;
    font-weight: 600;
    text-transform: uppercase;
    border-left: 1px solid #D5D9DC;
    cursor: pointer;
    background: #fff;
    border-radius: 0 5px 5px 0;
}

.new-job-footer>div .cont .subscribe a:hover {
    background: #4E4D55;
    color: #fff;
}

.new-job-footer>div .cont .add {
    display: inline-block;
    line-height: 35px;
    text-decoration: none;
    font-size: 12px;
    color: #4E4D55;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    background: #fff;
    border-radius: 20px;
    padding: 0 20px;
}

.new-job-footer>div .cont .add i {
    margin-right: 5px;
    color: #0079BC;
}

.new-job-footer>div .cont .add:hover {
    background: #0079BC;
    color: #fff;
}

.new-job-footer>div .cont .add:hover i {
    color: #fff;
}


/*job details page*/

.new-jobsboard-landing.job-details .content-wrap {
    max-width: 685px;
}

.new-jobsboard-landing.job-details .text h3 {
    color: #4e515e;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 15px;
}

.new-jobsboard-landing.job-details .text {
    padding: 0 !important;
}

.new-jobsboard-landing.job-details .content-main>div.left .listing .row .text p {
    margin-bottom: 15px;
}

.new-jobsboard-landing.job-details .content-box {
    margin-bottom: 30px;
}

.details-table {
    margin: 15px 0;
}

.details-table table {
    width: 100%;
}

.details-table table td {
    border-top: 1px solid #eff3f6;
    color: #8e9099;
    padding: 20px 10px;
    text-transform: uppercase;
    font-size: 12px;
}

.details-table table td b {
    font-weight: 600;
}

.details-table table tr td:last-child {
    color: #0f90d0;
    font-style: italic;
    font-weight: normal;
    text-align: right;
    text-transform: none;
}

.content-img-box {
    margin-bottom: 30px;
}

.new-jobsboard-landing.job-details .row {
    border-bottom: medium none !important;
    padding-bottom: 0 !important;
}

.listing-header {
    border-bottom: 4px solid #0083c4;
    overflow: hidden;
    padding: 30px 30px 15px;
}

.listing-header-left {
    float: left;
    width: 60%;
}

.listing-header-right {
    float: left;
    text-align: right;
    width: 40%;
}

.listing-header h3 {
    color: #4e515e;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 30px;
}

.icon-box {
    float: left;
    height: 130px;
    padding: 0 10px;
    text-align: center;
    width: 20%;
}

.icon-box .imageBoxLft {
    border: medium none;
    display: block;
    padding: 0;
    width: auto;
}

.icon-box .imageBoxLft span {
    display: inline-block;
    left: auto;
    margin-left: 0;
    padding: 0;
}

.icon-box .imageBoxLft span img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.icon-box .imageBoxLft p {
    margin-top: 10px;
    color: #4e515e;
}

.top-btm-btns .btn {
    background: #1995d3 none repeat scroll 0 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 20px;
    width: auto;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
}

.top-btm-btns .btn.green {
    background: #01b99f none repeat scroll 0 0;
}

.icon-area-outer {
    overflow: hidden;
}

.top-btm-btns .btn:last-child {
    float: right;
}

.top-btm-btns {
    border-top: 1px solid #e8ecf1;
    margin-top: 20px;
    padding: 30px 0;
    overflow: hidden;
}

.btn.no-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.top-btm-btns.no-border {
    border: medium none;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
}

.content-img-box img {
    width: 100%;
}

@media all and (max-width: 980px) {
    .new-jobsboard-landing {
        background-size: auto;
        padding: 50px 15px 75px;
    }
    .new-job-footer {
        display: block;
        width: 100%;
    }
    .new-job-footer>div {
        display: block;
        width: auto;
    }
}

@media all and (max-width: 767px) {
    .content-main {
        display: block;
    }
    .content-main>div.left {
        display: block;
        width: 100%;
    }
    .content-main>div.right {
        display: block;
        width: 100%;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15) inset;
        border-radius: 4px;
    }
    .listing-header h3 {
        font-size: 18px;
    }
}

@media all and (max-width: 640px) {
    .listing-header-right img {
        max-width: 100%;
    }
    .listing-header-right {
        width: 35%;
    }
    .listing-header-left {
        width: 65%;
    }
    .listing-header h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .icon-box {
        width: 50%;
    }
}

@media all and (max-width: 567px) {
    .simpleform .form-table {
        display: block;
        max-width: 100%;
    }
    .simpleform .form-table .tbl-row {
        display: block;
    }
    .simpleform .form-table .tbl-row .cells {
        display: block;
        width: 100%;
        padding: 0 0 10px;
    }
    .simpleform .form-table .tbl-row .cells.one,
    .simpleform .form-table .tbl-row .cells.two {
        width: 100%;
    }
    .content-main>div.left .listing .row {
        display: block;
    }
    .content-main>div.left .listing .row .text {
        display: block;
        padding: 0 0 20px;
    }
    .content-main>div.left .listing .row .img {
        display: block;
        width: 280px;
        margin: 0 auto;
        max-width: 100%;
    }
    .content-main>div.left .listing .row .img img {
        width: auto;
        margin: 0 auto 10px;
    }
}

@media all and (max-width: 480px) {
    .listing-header-left {
        float: none;
        width: 100%;
        text-align: center;
    }
    .listing-header-right {
        float: none;
        text-align: center;
        width: 100%;
    }
    .new-jobsboard-landing.job-details .content-box {
        margin-bottom: 20px;
    }
    .content-img-box {
        margin-bottom: 20px;
    }
    .new-jobsboard-landing.job-details .text h3 {
        margin-bottom: 10px;
    }
    .details-table table {
        width: 400px;
    }
    .details-table {
        overflow: auto;
    }
    .icon-box {
        width: 100%;
        float: none;
    }
    .top-btm-btns .btn:last-child {
        float: none;
    }
    .top-btm-btns .btn {
        width: 100%;
    }
}

@media all and (max-width: 479px) {
    .content-main>div.right .filter .row {
        margin: 0 0px 0px;
    }
    .content-main>div.right .filter .col-50 {
        width: 100%;
        float: left;
        padding: 0 0px 10px;
    }
    .content-main>div.right .filter .checklist {
        margin: 4px 0 10px;
    }
    .content-main>div .head .cat-notify {
        float: none;
        padding: 0 0 8px;
    }
    .content-main>div .head .sort {
        float: none;
        padding: 8px 0 0;
    }
}


/***************************************************
**
*** Adviser Subscription: Sign up pages - https://cn.teamwork.com/index.cfm#tasks/9799555
**
***************************************************/


/* notification */

.free-trial-end-notification * {
    box-sizing: border-box;
}

.free-trial-end-notification {
    background: #394658;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0;
}

.free-trial-end-notification .dashboardbodyWrap {
    position: relative;
}

.free-trial-end-notification .notif {
    display: table;
    width: 100%;
}

.free-trial-end-notification .notif>div {
    display: table-cell;
    width: 50%;
    text-align: left;
    vertical-align: middle;
}

.free-trial-end-notification .notif .left {}

.free-trial-end-notification .notif .left p {
    margin: 0;
}

.free-trial-end-notification .notif .right {
    text-align: right;
    padding-right: 25px;
}

.free-trial-end-notification .notif .right a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 33px;
    padding: 0 15px;
    border-radius: 24px;
    background: #626B7A;
    text-decoration: none;
}

.free-trial-end-notification .notif .right a:hover {
    background: #545B66;
}

.free-trial-end-notification .close-notify {
    position: absolute;
    top: 50%;
    right: 0;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/* signup For Subscription lightbox main */

#signupForSubscriptionContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(5, 27, 41, 0.92);
    z-index: 10000;
    display: none;
}

#signupForSubscriptionContainer.on {
    display: block;
}

#signupForSubscriptionContainer,
#signupForSubscriptionContainer * {
    box-sizing: border-box;
}

#signupForSubscription {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    display: table;
    height: 100%;
}

#signupForSubscription .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}


/*modal inner style*/

.modalWrap {
    width: 725px;
    background: #fff;
    margin: 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
}

.modal-header {
    padding: 40px;
    background: #1570AF;
    position: relative;
}

.modal-header h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}

.close-btn {
    color: #1570AF;
    text-decoration: none;
    /*    background: #fff;*/
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    line-height: 14px;
    height: 15px;
    text-align: center;
    position: absolute;
    padding: 0;
    width: 15px;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    right: 10px;
    top: 10px;
}

.close-btn .fa-times-circle {
    color: #fff;
    font-size: 16px;
}

.modal-step-box {
    display: table;
    width: 100%;
    background: #07598E;
    box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.3) inset;
    padding: 0 100px;
}

.setp-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 25px 0;
    color: #fff;
    opacity: 0.5;
}

.setp-box.active {
    opacity: 1;
}

.setp-box span {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: #fff;
    color: #07598E;
    font-size: 14px;
    line-height: 30px;
    border-radius: 50%;
    font-weight: 700;
    vertical-align: middle;
}

.setp-box span b {
    display: block;
}

.setp-box span b:last-child {
    display: none;
}

.setp-box p {
    display: inline-block;
    margin: 0;
    margin-left: 5px;
    font-weight: normal;
}

.modal-body {
    display: table;
    width: 100%;
}

.modal-body.step-1,
.modal-body.step-2,
.modal-body.step-3,
.modal-body.step-4 {
    display: none;
}

.modal-body.step-1.on,
.modal-body.step-2.on,
.modal-body.step-3.on,
.modal-body.step-4.on {
    display: block;
}

.modal-table-tr {
    display: table-row;
}

.modal-table-td {
    display: table-cell;
    vertical-align: middle;
    /*    padding: 25px 30px;*/
    padding: 25px;
    box-sizing: border-box;
}

.plan-info {
    background: #E3E9EF;
}

.plan-basic {
    background: #2E7DCD;
}

.plan-premium {
    background: #229DDE;
}

.plan-ultimate {
    background: #4361BB;
}

.plan-basic,
.plan-premium,
.plan-ultimate {
    width: 132px;
    max-width: 132px;
    color: #fff;
}

.modal-table-td span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    opacity: 0.7;
    text-transform: capitalize;
}

.modal-table-td span.price {
    opacity: 1;
}

.modal-table-td span b {
    font-weight: 300;
    font-size: 34px;
    color: #fff;
    margin: 10px 0;
    display: block;
}

span.mnth {
    text-transform: none;
    opacity: 0.5;
}

.discount-box {
    display: table;
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.discount-box>div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
}

.monthly {
    background: #fff none repeat scroll 0 0;
    color: #677991;
    margin: 0;
}

.annually {
    background: #fff;
    color: #677991;
}

.monthly.active {
    background: #0088d0 none repeat scroll 0 0;
    color: #fff;
}

.annually.active {
    background: #0088d0 none repeat scroll 0 0;
    color: #fff;
}

.annually span {
    display: inline-block;
    background: #0189CD;
    opacity: 1;
    padding: 0px 10px;
    font-size: 11px;
    margin-left: 5px;
    border-radius: 15px;
}

.annually.active span {
    background: #fff;
    color: #0189CD;
}

.modal-table-td.plan-info p {
    color: #687892;
    font-size: 14px;
    margin: 0 0 10px 0;
}


/*checkout page*/

.checkout-wrapper * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.checkout-wrapper {
    width: 940px;
    background: #fff;
    margin: 30px auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
}

.checkout-wrapper h2 {
    margin: 0 0 30px 0;
    padding: 0;
    font-weight: 300;
    color: #4E515E;
    font-size: 28px;
    line-height: 42px;
}

.checkout-wrapper p {
    font-size: 13px;
    line-height: 21px;
    color: #687891;
}

.dflt-btn {
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    background: #00B89F;
    border: 2px solid #00B89F;
    padding: 15px 25px;
    display: inline-block;
    line-height: 1px;
    transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    border-radius: 50px;
}

.dflt-btn:hover {
    background: #fff;
    color: #00B89F;
}

.dflt-btn i {
    margin-left: 5px;
    font-weight: 900;
}

.white-section {
    text-align: center;
    padding: 60px 120px;
}

.ex-pad-bottom {
    padding-bottom: 140px;
}

.white-section .dflt-btn,
.gray-section .dflt-btn {
    margin: 40px 0 0 0;
}

.gray-section {
    background: #F5F8FA;
    padding: 60px 120px;
    text-align: center;
    position: relative;
}

.ex-pad-top {
    padding-top: 100px;
}

.modal-body h3,
.checkout-wrapper h3 {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 900;
    color: #4E515E;
    line-height: 32px;
    font-style: italic;
}

.modal-body h4,
.checkout-wrapper h4 {
    font-size: 21px;
    line-height: 32px;
    font-weight: 300;
    margin: 0 90px;
    margin-bottom: 30px;
}

.offer-box {
    background: url(../images/offer-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 78px;
    width: 77px;
    font-size: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 7px;
}

.checkout-wrapper .plan-info {
    background: #323C4E;
}

.checkout-wrapper .modal-table-td {
    padding: 20px 18px;
}

.checkout-wrapper .plan-info p {
    font-size: 19px;
    color: #fff;
    text-align: left;
    line-height: 33px;
    font-weight: normal;
    margin: 0;
}

.checkout-wrapper .plan-info p b {
    font-weight: 700;
}

.checkout-wrapper .modal-body {
    border-radius: 10px;
    overflow: hidden;
}

.plan-premium {
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    position: relative;
}

.off-sec {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 33px;
    background: #F96A5D;
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 40px 30px;
    height: 145px;
    text-align: center;
    width: 145px;
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    top: 0;
    left: 50%;
    margin-left: -72.5px;
    margin-top: -72.5px;
}

.big-to-small .modal-body {
    margin-bottom: 20px;
}

.checkout-wrapper .plan-info.grad-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0bed1+0,9faec2+100 */
    background: #b0bed1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b0bed1 0%, #9faec2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b0bed1 0%, #9faec2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b0bed1 0%, #9faec2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b0bed1', endColorstr='#9faec2', GradientType=0);
    /* IE6-9 */
}

.checkout-wrapper .plan-info.gray-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d8e3+0,c5ceda+100 */
    background: #d0d8e3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d0d8e3 0%, #c5ceda 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d0d8e3 0%, #c5ceda 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d0d8e3 0%, #c5ceda 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d0d8e3', endColorstr='#c5ceda', GradientType=0);
    /* IE6-9 */
}

.checkout-wrapper .plan-info.light-gray-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe5ed+0,d9dfe7+100 */
    background: #dfe5ed;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dfe5ed 0%, #d9dfe7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dfe5ed 0%, #d9dfe7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dfe5ed 0%, #d9dfe7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dfe5ed', endColorstr='#d9dfe7', GradientType=0);
    /* IE6-9 */
}

.checkout-wrapper .big-to-small .plan-info p {
    color: #000;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(1) .plan-info p {
    opacity: 0.8;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(2) .plan-info p {
    opacity: 0.7;
    font-size: 16px;
    line-height: 26px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(3) .plan-info p {
    opacity: 0.6;
    font-size: 14px;
    line-height: 20px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(1) span b {
    font-size: 28px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(2) span b {
    font-size: 24px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(3) span {
    font-size: 11px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(3) span b {
    font-size: 20px;
    margin: 0;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(1) .modal-table-td {
    padding: 15px 18px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(2) .modal-table-td {
    padding: 10px 18px;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(3) .modal-table-td {
    padding: 10px 18px;
}

.price-table {
    display: table;
    width: 100%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}

.checkout-wrapper .big-to-small .modal-body:nth-child(3) .modal-table-td.plan-basic {
    width: 30px;
}

.table-header {
    display: table-row;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.table-header .modal-table-td {
    color: #CCDFF2;
    padding: 15px 10px;
    box-shadow: -5px -6px 5px -6px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: -5px -6px 5px -6px rgba(0, 0, 0, 0.25) inset;
    -ms-box-shadow: -5px -6px 5px -6px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: -5px -6px 5px -6px rgba(0, 0, 0, 0.25) inset;
    -o-box-shadow: -5px -6px 5px -6px rgba(0, 0, 0, 0.25) inset;
}

.table-header .plan-info {
    background: #E3E9EF;
    color: #687891;
    text-align: left;
}

.table-body {
    display: table;
    width: 100%;
}

.table-row {
    display: table-row;
}

.table-row .modal-table-td {
    padding: 15px 10px;
    font-size: 13px;
}

.table-row .plan-info {
    background: #fff;
    text-align: left;
    color: #687891;
}

.table-row:nth-child(odd) .plan-info {
    background: #F5F8FA;
}

.table-row:nth-child(odd) .plan-basic {
    background: #307BC4;
}

.table-row:nth-child(odd) .plan-premium {
    background: #2894D0;
}

.table-row:nth-child(odd) .plan-ultimate {
    background: #4260B4;
}

.cros {
    position: relative;
    box-shadow: none !important;
}

.cros i {
    opacity: 0.5;
}

.cros:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

.checkout-wrapper .big-to-small .plan-info p i {
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
}

.card-box {
    margin-bottom: 30px;
}

.plan-radio-btns {
    overflow: hidden;
    margin-top: 40px;
}

.btn-box {
    border: 3px solid #0189cd;
    float: left;
    text-transform: capitalize;
    width: 50%;
}

.btn-box input {
    display: none;
}

.btn-box label {
    display: block;
    padding: 10px;
    color: #0189cd;
}

.btn-box input:checked+label {
    background: #0189cd none repeat scroll 0 0;
    color: #fff;
}

.btn-box:first-child {
    border-bottom-left-radius: 10px;
    border-right: medium none;
    border-top-left-radius: 10px;
}

.btn-box:last-child {
    border-bottom-right-radius: 10px;
    border-left: medium none;
    border-top-right-radius: 10px;
}

.description-table tr {}

.description-table td {
    border-bottom: 1px solid #E0E5E8;
    padding: 10px 5px;
    font-size: 13px;
    color: #4E6577;
}

.description-table tr td:nth-child(2) {
    text-align: left;
}

.description-table tr td:last-child {
    text-align: right;
}

.description-table tr:first-child {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.gst-tr td {
    border: medium none;
    text-align: right !important;
}

.gst-tr td:last-child {
    border-bottom: 1px solid #E0E5E8;
    width: 90px;
}

.description-table td b {
    font-weight: 700;
}

.total-tr td {
    border: medium none;
    text-align: right !important;
}

.total-tr td:last-child {
    border-bottom: 1px solid #E0E5E8;
    width: 90px;
}

.frm-otr .col-50 {
    float: left;
    margin-bottom: 30px;
    padding: 0 10px;
    text-align: left;
    width: 50%;
}

.frm-otr input {
    width: 100%;
}

.frm-otr i {
    font-family: open sans;
    font-style: italic;
}

.frm-otr select {
    width: 100%;
    max-width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: url(../images/select-img.png) no-repeat scroll 95% 50% #fff;
}

.date-select p {
    color: #000;
    font-size: 14px;
    margin: -2px 0 0;
}

.frm-otr .col-50.date-select .col-50 {
    padding: 0 5px 0 0;
    margin: 0;
}

.frm-otr .col-50.date-select .col-50:last-child {
    padding-right: 0;
}

.white-section p b,
.gray-section p b {
    font-weight: 700;
}

.dflt-btn.blue-btn {
    background: #0189cd none repeat scroll 0 0;
    border-color: #0189cd;
    min-width: 300px;
}

.dflt-btn.blue-btn:hover {
    background: #fff none repeat scroll 0 0;
    color: #0189cd;
}

.low-padding {
    padding: 60px 80px;
}

.white-section.low-padding p {
    padding: 0 140px;
}

.img-box {
    margin-bottom: 40px;
}

.step-1 .modal-table-td.plan-info {
    padding-left: 30px;
}

.cta-btn {
    border: 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    color: #fff;
    display: block;
    padding: 10px;
    width: 100%;
}

.plan-basic .cta-btn {
    background: #2c7ac9 none repeat scroll 0 0;
    border-color: #266aaf;
}

.plan-premium .cta-btn {
    background: #1E93D2 none repeat scroll 0 0;
    border-color: #007DBC;
}

.plan-ultimate .cta-btn {
    background: #405EB7 none repeat scroll 0 0;
    border-color: #3A53A1;
}

.cta-btn i {
    color: #fff;
    margin-left: 5px;
    opacity: 1;
}

.modal-table-td em {
    color: #fff;
    display: block;
    margin: 10px 0 0;
    opacity: 1;
}

.step-2 .top {
    background: #ebeff3 none repeat scroll 0 0;
    padding: 45px 30px;
}

.step-2 .top .description-table {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px;
}

.agreement {
    padding: 40px 30px;
    text-align: left;
}

.check {
    margin-bottom: 15px;
    position: relative;
}

.check input {
    display: none;
}

.check input+label {
    color: #4e515f;
    display: inline-block;
    font-weight: 600;
    margin-left: 25px;
    position: relative;
}

.check input+label::before {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #687891;
    border-radius: 50%;
    content: "";
    display: block;
    height: 13px;
    left: -25px;
    position: absolute;
    top: 2px;
    width: 13px;
}

.agreement p {
    color: #677892;
    font-size: 13px;
    line-height: 21px;
}

.check input:checked+label::before {
    background: #00b99f;
    border-color: #00b99f;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 10px;
    font-weight: 300;
    line-height: 13px;
    text-align: center;
}

.button.holder {
    background: #e3e9ef none repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    margin-left: -30px;
    margin-right: -30px;
    overflow: hidden;
    padding: 30px;
}

.button.holder div {
    float: left;
    padding: 0 30px;
    width: 50%;
}

.cta-btn {
    background: #0088d0 none repeat scroll 0 0;
    border: 2px solid #0088d0;
    color: #fff;
    text-decoration: none;
}

.cta-btn.gray {
    background: #a7b5c0 none repeat scroll 0 0;
    border-color: #a7b5c0;
}

.cta-btn:hover {
    color: #008acb;
    background: #fff;
}

.cta-btn:hover i {
    color: #0088d0;
}

.step-1 .table-row:last-child .plan-basic {
    background: #5193d5 none repeat scroll 0 0;
}

.step-1 .table-row:last-child .plan-premium {
    background: #47a8dd none repeat scroll 0 0;
}

.step-1 .table-row:last-child .plan-ultimate {
    background: #627ac5 none repeat scroll 0 0;
}

.step-1 .table-row:last-child .cros::after {
    content: none;
}

.step-1 .cta-btn:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: inherit;
}

.cta-btn:hover i {
    color: inherit;
}

.payments-container {
    display: table;
    overflow: hidden;
    width: 100%;
}

.payments-container .left {
    background: #f5f8fa none repeat scroll 0 0;
    border-right: 1px solid #eeeeee;
    display: table-cell;
    padding: 30px;
    width: 50%;
}

.payments-container .right {
    background: #fff none repeat scroll 0 0;
    display: table-cell;
    padding: 30px;
    width: 50%;
}

.payments-container {
    text-align: left;
}

.payments-container p {
    color: #677892;
    font-size: 13px;
}

.form-group {
    margin-bottom: 20px;
    overflow: hidden;
}

.payments-container label {
    color: #677892;
    display: block;
    font-size: 13px;
}

.payments-container label i {
    font-family: open sans;
}

.payments-container input {
    margin-top: 10px;
    width: 100%;
}

.payments-container h5 {
    color: #4e515f;
    font-weight: 600;
    margin-bottom: 20px;
}

.dateWrap {
    float: left;
    padding-right: 10px;
    width: 50%;
}

.dateWrap input {
    background: url(../images/dashboard/cal-icon.png) no-repeat 95% 50% #fff;
}

.dateWrap:nth-child(2n+1) {
    padding-right: 0;
}

.img-otr-box {
    margin-bottom: 20px;
}

.cvv-outer {
    background: rgba(0, 0, 0, 0) url("../images/advisrer-subscription/card-back.jpg") no-repeat scroll right 12px;
    padding-right: 106px;
}

.step-4 .low-padding {
    padding: 60px;
}

.step-4 .white-section.low-padding p {
    padding: 0;
}

.thankyou-bottom {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    display: table;
    padding: 50px 30px;
    width: 100%;
}

.thankyou-btm-left {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
    width: 50%;
}

.thankyou-btm-right {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
    width: 50%;
}

.icon-box {
    min-height: 60px;
}

.thankyou-bottom h5 {
    color: #5a5d69;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.thankyou-bottom p {
    color: #677892;
    font-size: 13px;
    min-height: 45px;
}

.popular {
    position: relative;
}

.popular::before {
    background: rgba(0, 0, 0, 0) url("../images/advisrer-subscription/popular.png") no-repeat scroll right top;
    content: "";
    height: 70px;
    padding: 0;
    position: absolute;
    right: -13px;
    top: -11px;
    width: 70px;
    z-index: 9;
}

.modal-table-td.plan-info {
    position: relative;
}

.modal-table-td.plan-info i {
    margin-top: -5px;
    position: absolute;
    right: 17px;
    top: 50%;
}

.modal-table-td.plan-info .fa.fa-info-circle {
    color: #47abde;
    cursor: pointer;
}

.modal-table-td.plan-info .t-tip p {
    font-size: 12px;
}

.modal-table-td.plan-info .t-tip p {
    color: #687892;
    font-family: open sans;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

.t-tip {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    border-top: 5px solid #47abde;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);
    padding: 20px;
    position: absolute;
    right: -10px;
    top: 20px;
    width: 250px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.t-tip.on {
    opacity: 1;
    visibility: visible;
}

.modal-table-td span {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0.7;
    text-transform: capitalize;
}

.t-tip>span i {
    color: #e65672;
}

.t-tip>span {
    display: block;
    position: absolute;
    right: -10px;
    top: 10px;
    z-index: 999;
}

.t-tip::before {
    background: #47abde none repeat scroll 0 0;
    content: "";
    height: 8px;
    position: absolute;
    right: 12px;
    top: -9px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 8px;
}

.table-responsive {
    overflow: auto;
}

.setp-box>span b i {
    height: 30px;
    line-height: 30px;
}

.setp-box.done span b:first-child {
    display: none;
}

.setp-box.done span b:last-child {
    display: block;
}


/*responsive css*/

@media screen and (max-width: 960px) {
    .checkout-wrapper {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }
    .modal-body h4,
    .checkout-wrapper h4 {
        margin: 0 0 30px;
    }
    .gray-section,
    .white-section {
        padding-left: 50px;
        padding-right: 50px;
    }
    .checkout-wrapper .plan-info p {
        font-size: 16px;
    }
    .checkout-wrapper .big-to-small .modal-body:nth-child(2) .plan-info p {
        font-size: 14px;
    }
    .checkout-wrapper .big-to-small .modal-body:nth-child(3) .plan-info p {
        font-size: 13px;
    }
    .ex-pad-bottom {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    .gray-section,
    .white-section {
        padding-left: 30px;
        padding-right: 30px;
    }
    .modal-body h4,
    .checkout-wrapper h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .checkout-wrapper .modal-table-td {
        padding: 10px 18px;
    }
    .modal-table-td span b {
        font-size: 28px;
    }
    .modal-table-td span {
        font-size: 12px;
    }
    .plan-basic,
    .plan-premium,
    .plan-ultimate {
        width: 100px;
    }
    .checkout-wrapper .plan-info p {
        line-height: 26px;
    }
    .white-section,
    gray-section {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .ex-pad-bottom {
        padding-bottom: 100px;
    }
    .white-section.low-padding p {
        padding: 0;
    }
    .modalWrap {
        width: 100%;
    }
    #signupForSubscription {
        display: block;
    }
    #signupForSubscription .cell {
        display: block;
    }
    .modal-body.step-1 {
        width: 750px;
    }
    .modal-step-box {
        padding: 0 50px;
    }
    .modal-header {
        padding: 25px;
    }
    .setp-box {
        padding: 20px 0;
    }
    .plan-basic,
    .plan-premium,
    .plan-ultimate {
        width: 125px;
    }
    .form-group {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 640px) {
    .white-section,
    gray-section {
        padding-top: 20px;
    }
    .checkout-wrapper h2 {
        line-height: 26px;
        font-size: 18px;
        margin: 0 0 20px;
    }
    .checkout-wrapper p {
        font-size: 12px;
        line-height: 26px;
    }
    .modal-body h3,
    .checkout-wrapper h3 {
        font-size: 16px;
        line-height: 28px;
    }
    .modal-body h4,
    .checkout-wrapper h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .checkout-wrapper .modal-body {
        display: block;
        width: 100%;
    }
    .checkout-wrapper .modal-table-tr {
        display: block;
    }
    .checkout-wrapper .modal-table-td {
        display: block;
        width: 100%;
        padding: 20px;
    }
    .checkout-wrapper .modal-table-td p {
        text-align: center;
    }
    .offer-box {
        margin: 0 auto;
    }
    .dflt-btn {
        font-size: 14px;
    }
    .checkout-wrapper .big-to-small .modal-body:nth-child(3) .modal-table-td.plan-basic {
        width: 100%;
    }
    .white-section .dflt-btn,
    .gray-section .dflt-btn {
        margin: 25px 0 0;
    }
    .white-section,
    gray-section {
        padding-top: 20px;
    }
    .gray-section,
    .white-section {
        padding-left: 15px;
        padding-right: 14px;
    }
    .checkout-wrapper .price-table .modal-table-td.plan-info {
        display: table-cell;
    }
    .checkout-wrapper .price-table .modal-table-td.plan-basic {
        display: table-cell;
    }
    .checkout-wrapper .price-table .modal-table-td.plan-premium {
        display: table-cell;
    }
    .checkout-wrapper .price-table .modal-table-td.plan-ultimate {
        display: table-cell;
    }
    .price-table {
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        width: 600px;
    }
    .table-responsive {
        overflow: auto;
    }
    .btn-box label {
        font-size: 12px;
        padding: 6px;
    }
    .dflt-btn.blue-btn {
        min-width: auto;
    }
    .frm-otr .col-50 {
        margin-bottom: 15px;
        padding: 0;
        width: 100%;
    }
    .frm-otr .col-50.date-select .col-50 {
        margin: 0;
        padding: 0;
    }
    .description-table {
        overflow: auto;
    }
    .checkout-wrapper h4 {
        margin: 0 0 15px;
    }
    .img-box {
        margin-bottom: 20px;
    }
    .modal-header h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .modal-step-box {
        display: block;
        padding: 0;
    }
    .setp-box {
        display: block;
        padding: 15px 0;
    }
    .setp-box span {
        margin: 0 auto 10px;
        display: block;
    }
    .step-2 .top {
        padding: 30px 10px;
    }
    .modalWrap h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .agreement {
        padding: 30px 20px;
        text-align: center;
    }
    .button.holder {
        margin: 0;
        padding: 10px;
    }
    .button.holder div {
        float: none;
        margin-bottom: 10px;
        padding: 0;
        width: 100%;
    }
    .payments-container {
        display: block;
    }
    .payments-container .left {
        border-right: none;
        display: block;
        padding: 20px 10px;
        width: auto;
    }
    .payments-container .right {
        display: block;
        padding: 20px 10px;
        width: auto;
    }
    .modalWrap .modal-body {
        display: block;
    }
    .step-4 .low-padding {
        padding: 20px 10px;
    }
    .thankyou-bottom {
        display: block;
        padding: 20px 10px;
    }
    .thankyou-btm-left {
        display: block;
        width: auto;
        margin-bottom: 20px;
    }
    .thankyou-btm-right,
    .thankyou-btm-left {
        padding: 0;
    }
}


/***************************************************
**
*** My Profile Fixes
**
***************************************************/

.basicProfile .rightPanel .messageArea .messagePost.messagePostAC .topText .expand {
    text-align: left;
    font-size: 14px;
    padding-right: 7px;
}

.companyPage .rightPanel .messageArea .messagePost .topText .expand:after {
    font-family: FontAwesome;
    content: "\f0d7";
    width: 12px;
    height: 12px;
    display: block;
    right: 0px;
    font-size: 14px;
    position: absolute;
    top: 2px;
}

#closeeditcompany {
    width: 20px;
    padding: 0;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

#closeeditcompany i {
    margin: 0;
    line-height: 20px;
}

.vid-save {
    margin-right: 5px;
}

.redButton {
    vertical-align: baseline;
}

.move-btn-area a {
    font-size: 13px;
    height: 18px;
}

#ContentPlaceHolderDefault_MyAccountSetting_9_buttombox li:last-child {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #0089cd;
    font-size: 24px;
    font-weight: 600;
    height: 52px;
    line-height: 1;
    margin: 0;
    padding: 7px 33px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

#ContentPlaceHolderDefault_MyAccountSetting_9_buttombox li span {
    display: block;
    font-size: 10px;
    line-height: 1;
}

.redButton {
    padding: 9px 10px 5px;
}

.greyButton {
    vertical-align: top;
}

.expandclk::after {
    bottom: auto;
    top: 0;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
}

.colorWrap.spaceone .expandclk::after {
    top: auto;
    bottom: 0;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.table-pagination a {
    text-decoration: none;
}

.expandclk {
    width: 68px;
}

.update-pw {
    padding: 25px 34px;
}

.pw-restore {
    margin-top: 20px;
}

.prodetails.fixprodetails>.lhs-nav-arrow {
    margin-right: 5px !important;
    transform: translate(0px) !important;
    -webkit-transform: translate(0px) !important;
    -ms-transform: translate(0px) !important;
    -moz-transform: translate(0px) !important;
    -o-transform: translate(0px) !important;
    margin: 4px;
    padding: 0 !important;
}

.form-otr-sec {
    margin: 15px 0;
    overflow: hidden;
}

.form-otr-sec label {
    display: block;
}

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

.form-otr-sec .col-50 {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.post-msgBox .form-group label {
    display: block;
    margin-bottom: 10px;
}

.post-msgBox .form-group>input {
    height: 70px;
    vertical-align: top;
}

.pw-restore .confirmation-message {
    color: #00a892;
    font-size: 11px;
    line-height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}

.pw-restore .confirmation-message i {
    background: #00a892 none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    padding: 2px;
    text-align: center;
    width: 10px;
}

.emailholder .form-group {
    display: inline-block;
    width: 79%;
    margin: 10px 0;
}

.emailholder .dateWrapBtn {
    float: right;
    margin: 10px 0;
    width: 18%;
}

.statBox h2 {
    font-size: 12px !important;
}

.messageArea .form-group {
    text-align: right;
}

.messageArea .form-group input {
    display: inline-block;
    width: auto;
}

#EmailSettings .profileCred {
    background: #f5f8fa url("/images/dashboard/contact-page-bg.jpg") repeat scroll 0 0;
}

#EmailSettings .payment-card-detail {
    padding: 10px;
}

.email-radio-otr {
    margin: 15px 0;
    position: relative;
}

.email-radio-otr label {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #c0c7d1;
    border-radius: 50%;
    display: block;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}

.email-radio-otr input:checked label {
    background: #0FC3AA none repeat scroll 0 0;
    border: 2px solid #0FC3AA;
}

.email-radio-otr input {
    display: none;
}

.email-radio-otr input:checked+label {
    background: #00bfa5 none repeat scroll 0 0;
    border-color: #00bfa5;
}

.email-radio-otr input:checked+label::before {
    bottom: 0;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.otr-row.year-row .col-50:first-child {
    width: auto;
    height: 42px;
    line-height: 42px;
}

.Inputholder span img {
    opacity: 0.2;
    width: 25px;
    position: absolute;
    top: 8px;
    margin-left: 5px;
}

.email-radio-otr label:hover {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .timingArea select {
        width: 95%;
        max-width: inherit;
    }
}

@media screen and (max-width: 960px) {
    .free-trial-end-notification {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 530px) {
    .prodetails.fixprodetails {
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: left;
    }
    .basicProfile .rightPanel .sectionBlockOne h2 a.basic-profile-preview {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .free-trial-end-notification .notif>div {
        display: block;
        text-align: center;
        width: 100% !important;
        padding: 0 5px;
    }
    .free-trial-end-notification .notif .right {
        margin-top: 10px;
        padding-right: 0;
        text-align: center;
    }
    .free-trial-end-notification .close-notify {
        top: 10px;
        right: -10px;
    }
}

@media screen and (max-width: 480px) {
    .email-radio-otr {
        display: inline-block;
        margin: 0 auto 15px;
        position: relative;
        width: 20px;
    }
    .messagePost .subscriptionFileBlock {
        text-align: center;
    }
}


/*jobs*/

.jobs-modal .col-50 {
    float: left;
    padding: 0 15px;
    width: 50%;
}

.jobs-modal .col-100 {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.jobs-modal .modal-header {
    padding: 25px 30px;
    text-align: left;
    overflow: hidden;
}

.jobs-modal .modal-header-left {
    float: left;
    width: 70%;
}

.jobs-modal .modal-header-right {
    float: left;
    width: 30%;
    text-align: right;
}

.jobs-modal .modal-body {
    text-align: left;
    padding: 15px 30px;
}

.jobs-modal .modal-header-left h3 {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
}

.jobs-modal .modal-header-left h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 5px 0 0;
}

.jobs-modal .section-heading {
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 10px 0;
}

.jobs-modal .section-heading h4 {
    color: #4e515e;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

.jobs-modal .section-heading span {
    color: #4e515e;
    float: right;
    font-size: 12px;
    padding: 6px 0;
}

.jobs-modal .form-group>input {
    width: 100%;
}

.jobs-modal .row {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

.jobs-modal .form-group span {
    color: #ef662f;
    float: right;
    font-weight: 700;
}

.jobs-modal label {
    color: #82858e;
    display: block;
    margin-bottom: 3px;
}

.jobs-modal .modalWrap {
    width: 500px;
}

.jobs-modal .modal-box {
    margin-bottom: 20px;
}

.jobs-modal .section-heading span b {
    color: #ef662f;
    font-weight: 700;
}

.coutom-radio-inbox label {
    color: #4e515e;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 10px;
    padding-right: 30px;
    position: relative;
}

.coutom-radio-inbox input {
    display: none;
    width: auto;
}

.coutom-radio-inbox label::after {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #c4cad2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 0 3px #fff inset;
    -webkit-box-shadow: 0 0 0 3px #fff inset;
    -ms-box-shadow: 0 0 0 3px #fff inset;
    -moz-box-shadow: 0 0 0 3px #fff inset;
    -o-box-shadow: 0 0 0 3px #fff inset;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 10px;
}

.coutom-radio-inbox input:checked+label::after {
    background: #00b89f none repeat scroll 0 0;
    border: 3px solid #00b89f;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff inset;
    -webkit-box-shadow: 0 0 0 3px #fff inset;
    -ms-box-shadow: 0 0 0 3px #fff inset;
    -moz-box-shadow: 0 0 0 3px #fff inset;
    -o-box-shadow: 0 0 0 3px #fff inset;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 10px;
}

.coutom-radio-inbox {
    text-align: right;
}

.jobs-modal .form-group textarea {
    resize: none;
    width: 100%;
}

.jobs-modal .modal-header-right img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 55px;
}

.jobs-modal .modal-footer {
    background: #f5f8fa url("/images/dashboard/contact-page-bg.jpg") repeat scroll 0 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 25px 31px;
}

.jobs-modal .cta-btn {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.section-heading span i {
    color: #00b89f;
    font-size: 18px;
}


/*.modalWrap.stp-1,
.modalWrap.stp-2 {
    display: none;
}*/

.on .modalWrap.stp-1 {
    display: block;
}

@media screen and (max-width: 640px) {
    .jobs-modal .modalWrap {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .jobs-modal .modal-header-left {
        float: none;
        text-align: center;
        width: 100%;
    }
    .jobs-modal .modal-header-left h3 {
        margin-bottom: 10px;
    }
    .jobs-modal .modal-header-right {
        float: none;
        margin-top: 20px;
        text-align: center;
        width: auto;
    }
    .jobs-modal .col-50 {
        float: none;
        width: 100%;
    }
    .jobs-modal .modal-body {
        padding: 5px 15px;
    }
    .jobs-modal .modal-header-left h3 {
        font-size: 20px;
    }
    .jobs-modal .modal-header-left h4 {
        font-size: 12px;
    }
    .jobs-modal .modal-header {
        padding: 25px 15px;
    }
    .jobs-modal .section-heading h4 {
        font-size: 15px;
    }
}


/*new job listing page 28-12-2016*/

#Job_Opportunities .profileCred.licensepro {
    background: #f5f8fa url("../images/stripeBg.png") repeat scroll 0 0 !important;
}

#Job_Opportunities.lDash-job-listings .full {
    margin-bottom: 20px;
}

#Job_Opportunities.lDash-job-listings .jobListingForm p {
    margin: 0 0 10px;
}

ul.jobLists li span.jobBlueTxt,
ul.jobLists li span.jobRedTxt,
span.jobBlueTxt {
    font-style: normal;
    color: #45B1E0;
}

.jobListingForm .row {
    position: relative;
    width: 100%;
    display: table;
}

.jobListingForm .row::after {
    clear: both;
    content: "";
    display: table;
    width: 100%;
}

.jobListingForm .row .col-50 {
    box-sizing: border-box;
    position: relative;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.custom-radio-box {
    display: inline-block;
}

.custom-radio-box input {
    display: none;
}


/*.custom-radio-box label {
        color: #51535c;
        padding: 0 10px 0 25px;
        position: relative;
    }*/

.custom-radio-box label {
    color: #51535c;
    padding: 0 10px 0 25px;
    position: relative;
    margin-left: 0 !important;
    background: none !important;
    line-height: inherit !important;
}

.custom-radio-box label::before {
    border: 3px solid #ccc;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
}

.custom-file-input {
    height: 37px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 6px;
    width: 100px;
}

.custom-file-input input {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 4;
}

.custom-file-input label {
    background: #a7b5bf none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 4px 0 4px 4px;
    padding: 4px 10px;
    cursor: pointer;
}

.minus-mar {
    margin-top: -15px;
}

.col-50.minus-mar input {
    font-size: 14px;
    font-weight: 600;
}

.custom-radio-box input:checked+label::before {
    background: #01b89f none repeat scroll 0 0;
    border-color: #01b89f;
    color: #fff;
    content: "\f00c";
    font-family: fontawesome;
    font-weight: 300;
    line-height: 13px;
    text-align: center;
}

.ext-pad {
    margin-top: 20px;
}

.custom-select .select2-container {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d2dbe2;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #353537;
    font-size: 13px;
    line-height: 19px;
    margin: 4px 0;
    padding: 9px 8px;
    width: 100% !important;
}

.custom-select .select2-selection.select2-selection--single {
    border: medium none;
}

.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

.listing-dtls .full {
    border-bottom: 1px solid #efeff0;
    border-top: 1px solid #efeff0;
    margin-bottom: 0 !important;
    margin-top: -1px;
    padding: 20px 0;
}

.jobListingForm h5 {
    color: #51535c;
    font-size: 15px;
    margin: 0 0 20px;
    padding: 0;
}

.select-style {
    background: #fff url("../images/icon-select.png") no-repeat scroll 95% 50%;
    border: 1px solid #d2dbe2;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #353537;
    font-size: 13px;
    line-height: 19px;
    margin: 4px 0;
    overflow: hidden;
    width: 100% !important;
}

.select-style select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    max-width: 120%;
    padding: 5px 8px;
    width: 120%;
}

.custom-radio-btn.right-align {
    text-align: right;
}

.custom-radio-btn.right-align label::before {
    left: auto;
    right: 0;
    top: 2px;
}

.custom-radio-btn.right-align label {
    display: block;
    margin-bottom: 10px;
    padding: 0 25px 0 0;
}

.custom-radio-btn.right-align b {
    font-weight: 700;
    text-transform: capitalize;
}

.deselect .select2 {
    opacity: 0.5;
    pointer-events: none;
}

.jobListingForm .custom-radio-box.full-width {
    display: block;
}

.jobListingForm .col-100 {
    box-sizing: border-box;
    padding: 0 5px;
    width: 100%;
}

.part {
    margin-bottom: 40px;
}

.part:last-child {
    margin-bottom: 0;
}

p.marginBot11 i {
    font-family: inherit;
    font-size: 12px;
    font-style: italic;
    text-transform: inherit;
}

p.marginBot11 i a {
    color: #f76b54;
    text-transform: lowercase;
}

.text-right {
    text-align: right;
}

#Job_Opportunities.lDash-job-listings .jobListingForm .col-50 p {
    margin-bottom: 0;
}

.part.part-2 p i {
    display: block;
    font-family: open sans;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 20px;
}

.jobListingForm .row .col-50 .col-50 {
    padding: 0 0 0 10px;
}

.qualificationsRequiredAppendDiv,
.rangeOnListingAppendDiv,
.attendWorkplaceAppendDiv {
    display: none;
}

@media screen and (max-width: 960px) {
    .hide-sec {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .jobListingForm .row {
        display: block;
    }
    .jobListingForm .row .col-50 {
        display: block;
        width: 100%;
    }
    .minus-mar {
        margin-top: 15px;
        /*        top: 30px;*/
    }
    #Job_Opportunities.lDash-job-listings .jobListingForm .col-50 p {
        margin-bottom: 15px;
    }
    .marginBot11>br {
        display: none;
    }
    .custom-radio-btn.right-align .custom-radio-box {
        display: block;
    }
    .jobListingForm .row .col-50 .col-50 {
        margin-bottom: 15px;
        padding: 0;
    }
}


/*locked screen*/

.with-blur-bg {
    background: rgba(0, 0, 0, 0) url("/images/lockedsections/blur-bg1.jpg") no-repeat scroll center center / cover;
    padding: 20px;
    text-align: center;
    box-shadow: 0 3px 2px #eee inset;
}

.with-blur-bg.bg-map {
    background: rgba(0, 0, 0, 0) url("/images/lockedsections/blur-bg2.jpg") no-repeat scroll center center / cover;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

.with-blur-bg .icon-box {
    float: none;
    height: auto;
    margin: 15px 0;
    padding: 0;
    width: auto;
}

.with-blur-bg h3 {
    color: #353537;
    font-size: 21px;
    font-weight: 300;
}

.with-blur-bg p {
    color: #68768c;
    font-size: 14px;
    line-height: 24px;
    padding: 0 50px;
}

.with-blur-bg .cta-btn {
    border-radius: 35px;
    display: inline-block;
    font-size: 12px;
    padding: 4px 20px;
    text-transform: uppercase;
    width: auto;
}

.with-blur-bg .cta-btn i {
    font-size: 14px;
    margin-right: 5px;
}

.locked-modal .with-blur-bg {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    padding: 0;
}

.locked-modal .with-blur-bg p {
    margin-bottom: 5px;
    padding: 0 100px;
}

.with-blur-bg p i {
    font-family: open sans;
    font-size: 12px;
    font-style: italic;
}

.locked-modal .with-blur-bg .cta-btn {
    background: #00b89f none repeat scroll 0 0;
    border-color: #00b89f;
    margin: 20px 0;
    padding: 4px 15px;
}

.locked-modal .with-blur-bg .cta-btn:hover {
    background: #fff;
    color: #00b89f;
}

.locked-modal .modalWrap {
    padding: 20px 20px 0;
    width: 610px;
    position: relative;
}

.clse {
    color: #f66a53;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.macbook-box {
    background: rgba(0, 0, 0, 0) url("/images/lockedsections/blue-bg.jpg") repeat scroll 0 0;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 30px;
    position: relative;
}

.macbook-box::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 120px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.macbook-box img {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.locked-modal .with-blur-bg .icon-box {
    margin-bottom: 25px;
}

@media screen and (max-width: 1024px) {
    .with-blur-bg p {
        padding: 0;
    }
    .locked-modal .with-blur-bg p {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .locked-modal .modalWrap {
        width: 100%;
    }
}


/*my membership*/

#Mymembership .profileCred {
    background: #f5f8fa url("/images/dashboard/contact-page-bg.jpg") repeat scroll 0 0;
}

#Mymembership .row {
    margin-left: -15px;
    margin-right: -15px;
}

#Mymembership .row * {
    box-sizing: border-box;
}

.col-30 {
    float: left;
    padding: 0 15px;
    width: 30%;
}

.col-70 {
    float: left;
    padding: 0 15px;
    width: 70%;
}

.plan-box {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
}

.plan-box h3 {
    background: #0088d0 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
}

.membership-box {
    padding: 10px 10px 20px;
}

.plan-box-info h3 {
    border-bottom: 1px solid #e3e9ef;
    color: #6f7e95;
    font-size: 14px;
    margin-bottom: 13px;
    padding-bottom: 15px;
}

.plan-box-info p {
    color: #6f7e95;
    line-height: 22px;
    padding-right: 60px;
}

.plan-box-info p b {
    color: #6f7e95;
    font-weight: 600;
}

.plan-box-info p b i {
    font-family: open sans;
    font-style: italic;
}

.plan-box-info p a {
    color: #0089cd;
}

.plan-box-info .cta-btn {
    display: inline-block;
    margin-bottom: 10px;
    width: auto;
}

.cta-btn.btn-no-bg {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #e55975;
    padding: 0;
}

.plan-box-info .cta-btn {
    display: inline-block;
    margin-bottom: 10px;
    width: auto;
}

.membership-box {
    padding: 10px 10px 20px;
}

.membership-box img {
    max-width: 100%;
}

.plan-box img {
    float: none !important;
}

.modal-header-full h3 {
    font-size: 20px;
    text-align: center;
}

.gray-header {
    background: #ebeff3 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #687891;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    padding: 30px;
    text-align: left;
}

.member-modal .modal-body {
    padding: 30px;
}

.member-modal .form-group label {
    margin-bottom: 8px;
}

.member-modal .form-group label i {
    display: block;
    font-family: open sans;
    font-style: italic;
    line-height: 22px;
    margin-top: 15px;
}

.member-modal .cta-btn.pink {
    background: #e45673 none repeat scroll 0 0;
    border-color: #e45673;
}

.member-modal .cta-btn.pink:hover {
    background: #fff;
    color: #e45673;
}

.member-modal .cta-btn.cancel {
    background: transparent none repeat scroll 0 0;
    border-color: transparent;
    color: #687891;
    margin-top: 10px;
    padding-bottom: 0;
}

.member-modal .cta-btn.cancel i {
    color: #687891;
}


/*av slider*/

.basicProfile.account-new .leftPanel ul.tabPanel li a {
    padding: 20px 10px 20px 29px;
}

.fa.fa-circle.color-green,
.fa.fa-circle.color-orange {
    position: absolute;
}

.chkcustom label.closed::before {
    background: #a7a7a7 none repeat scroll 0 0;
}

.chkcustom label.closed::after {
    left: 3px;
    right: auto;
}

.interestChkBlock label {
    display: block;
    padding: 0 0 0 23px;
}

#editCopm {
    background: rgba(5, 27, 41, 0.92) none repeat scroll 0 0;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#editCopm,
#editCopm * {
    box-sizing: border-box;
}

#editCopm .inner {
    left: 50%;
    max-width: 340px;
    padding: 20px 20px 40px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
}

#editCopm .inner>div {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #000;
    padding: 20px 15px;
}

#editCopm .inner {}

#editCopm .inner p {
    margin: 0;
}

#editCopm .inner label {
    display: block;
    margin-bottom: 15px;
}

#editCopm .inner .searchfield {
    border: 1px solid #d2dbe2;
    border-radius: 5px;
    margin-bottom: 15px;
}

#editCopm .inner .searchfield input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #d2dbe2;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    margin: 0;
}

#editCopm .inner .searchfield>div {
    max-height: 330px;
    overflow: auto;
}

#editCopm .inner .searchfield ul {
    padding: 0 18px 0 0;
}

#editCopm .inner .searchfield li {
    list-style: outside none none;
    margin: 0;
}

#editCopm .inner .searchfield li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #4e515e;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    padding: 3px 15px;
}

#editCopm .inner .searchfield .slimScrollRail {
    background: #fff none repeat scroll 0 0 !important;
    border-left: 1px solid #d2dbe2;
    border-radius: 0 !important;
    width: 18px !important;
}

#editCopm .inner .searchfield .slimScrollBar {
    cursor: pointer;
    opacity: 1 !important;
    right: 5px !important;
}

#editCopm .inner .searchfield li a:hover {
    background: #e8eef3 none repeat scroll 0 0;
}

#editCopm .inner .save-update-btn {
    width: 100%;
}

#editCopm .inner .close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    text-align: center;
    top: auto;
    transform: translateX(-50%);
}


/*av end*/

.form-group .daysArea {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.form-group .daysArea .days-count {
    color: #8693a7;
    display: inline-block;
    float: none;
    font-weight: 300;
}

.form-group .daysArea .socialContrlButton {
    display: inline-block;
    float: none;
}

.form-group .ctrlBtn.chkcustom {
    float: none;
}

.form-group .on.mon_on_off {
    text-transform: capitalize;
    font-weight: 300;
}

.member-modal .content-box.new {
    text-align: center;
}

.member-modal .content-box.new h3 {
    color: #687891;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

.member-modal .content-box.new .img-otr {
    margin-bottom: 20px;
}

.member-modal .content-box.new p {
    padding: 0 70px;
}

.member-modal .content-box.new p i {
    color: #687891;
    font-family: open sans;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    padding: 0;
}

.cta-btn.btn-no-bg i {
    color: #e55975;
}

.membership-box .AwardPanelOne,
.membership-box .CustomerPanelOne,
.membership-box .AvPanelOne,
.TotalPanelOne {
    margin: 0;
    width: auto;
    height: auto;
}

.membership-box .chatVal span {
    color: #a1aab8;
    font-size: 11px;
    font-weight: 400;
}

.membership-box .chatVal span.big {
    color: #79879c;
    font-size: 30px;
    font-weight: 300;
    margin: 10px 0;
}

.membership-box .chatVal {
    top: 30px;
    width: 120px;
}

.upgrade-section {
    background: #f66a52 none repeat scroll 0 0;
    padding: 13px 30px;
}

.upgrade-section.overview {
    margin-bottom: 10px;
    border-radius: 5px;
    ;
}

.upgrade-section h3 {
    color: #fff;
    margin: 0;
}

.upgrade-section h3 a {
    color: #fff;
    float: right;
}

.modalWrap.small-modal {
    padding: 0;
    width: 300px;
}

.modalWrap.small-modal .modal-body .content-box h2 {
    padding-bottom: 0;
}

.modalWrap.small-modal .content-box p {
    color: #8693a7;
    font-weight: 300;
    padding: 0;
}

.modalWrap.small-modal .content-box p i {
    color: #8693a7;
    font-size: 12px;
}

.modalWrap.small-modal .modal-body .cta-btn {
    background: #00b8a1 none repeat scroll 0 0;
    border-color: #00b8a1;
    border-radius: 40px;
    display: inline-block;
    padding: 5px 15px;
    width: auto;
}

.modalWrap.small-modal .modal-body .cta-btn:hover {
    background: #fff;
    color: #00b8a1;
}

.modalWrap.small-modal .modal-body {
    position: relative;
}

@media screen and (max-width: 1024px) {
    .membership-box .AwardPanelOne canvas,
    .membership-box .CustomerPanelOne canvas,
    .membership-box .AvPanelOne canvas,
    .membership-box .TotalPanelOne canvas {
        height: auto !important;
        margin-bottom: 15px;
        width: auto !important;
    }
    .AwardPanelOne,
    .CustomerPanelOne,
    .AvPanelOne,
    .TotalPanelOne {
        height: 131px;
        width: 131px;
    }
    .AwardPanelOne canvas,
    .CustomerPanelOne canvas,
    .AvPanelOne canvas,
    .TotalPanelOne canvas {
        height: 131px !important;
        width: 131px !important;
    }
    .reviewinnerCont .chatVal {
        left: 0;
        margin-top: -20px;
        top: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .reviewloader li {
        width: 48%;
    }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    #Customer-Reviews .reviewloader li {
        width: 24%;
    }
}

@media screen and (max-width: 640px) {
    .reviewloader li {
        width: 49%;
    }
}

@media screen and (max-width: 640px) {
    .upgrade-section h3 a {
        float: none;
    }
    .col-30 {
        float: none;
        padding: 0 15px;
        width: 100%;
    }
    .plan-box {
        margin-bottom: 20px;
    }
    .col-70 {
        float: none;
        padding: 0 15px;
        width: 100%;
    }
    .plan-box-info .cta-btn {
        display: block;
        text-align: center;
    }
    .member-modal .modal-body {
        padding: 15px;
    }
    .form-group .daysArea {
        text-align: left;
    }
    .member-modal .content-box.new h3 {
        font-size: 15px;
    }
    .member-modal .content-box.new p {
        padding: 0;
    }
}


/*locked icon show*/

.basicProfile.account-new .leftPanel ul.tabPanel li.isLocked:after {
    content: "\f023";
}

.noborder-nopad {
    border-bottom: medium none !important;
    padding-bottom: 0 !important;
}


/*more option start*/

.more-options {
    display: none;
}

.more-options .simpleform .form-table {
    margin-top: 10px;
    max-width: 700px;
}

.more-options .simpleform .form-table .tbl-row .cells {
    width: 34%;
}

.less-more {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0 0;
    text-align: center;
    text-decoration: underline;
}

.less-more i {
    font-size: 20px;
    font-weight: 600;
    margin-left: 5px;
}

.cells.one>.one {
    float: left;
    width: 118px;
}

.cells.one>.two {
    float: right;
    width: 85px;
}

.new-jobsboard-landing .top .form-container .form-control {
    z-index: inherit;
}

.new-jobsboard-landing .top .form-container .hasdropdownlist .suggestiondropdown {
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .cells.one>.two {
        float: right;
        width: 48%;
    }
    .cells.one>.one {
        float: left;
        width: 48%;
    }
}

@media screen and (max-width: 640px) {
    .simpleform .form-table .tbl-row .cells {
        display: block;
        padding-bottom: 10px;
        width: 100% !important;
    }
    .simpleform .form-table {
        max-width: inherit;
    }
    .cells.one>.one {
        float: none;
        width: 100%;
        padding-bottom: 10px;
    }
    .cells.one>.two {
        float: none;
        width: 100%;
    }
}


/*more option end*/


/*My customer reviews section position issue*/

.newac-review-section {
    overflow: hidden;
}


/*My customer reviews section position issue*/


/*locked-nav-new*/

.locked-nav-new::before {
    background-color: transparent;
    pointer-events: none;
}


/*locked-nav-new*/


/*Downgrade or cancel your membership custom checkbox*/

.member-modal .chkcustom label:before {
    background: #00bfa5;
}

.member-modal .chkcustom input[type="checkbox"]:checked+label:before {
    background: #00bfa5;
}


/*Downgrade or cancel your membership custom checkbox*/


/*Claim your profile*/

.popupInner-pan .qualification-ar p {
    padding: 0;
}


/*Claim your profile*/


/*locked */

.yellowlocked i {
    color: #ffd180;
    margin-right: 5px;
}

.terms-box.Alignement label {
    line-height: inherit;
    margin-bottom: 10px;
}


/*locked */


/*dashboard slider button*/

.qukBox .sliderBoxArea.sliderBoxAreafix .qusmore {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.proPic i.fa-camera {
    margin-right: 5px;
}

.extrapad-10 {
    padding: 10px;
}

.cta-btn .fa-unlock {
    margin-right: 5px;
}

.position-static a {
    position: static;
}


/* Start Upgrade your membership modal new design*/

.modal-body.step-1 .modal-table-tr .modal-table-td {
    box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.annually span {
    background: #BDC4CE;
}

.discount-box {
    overflow: visible;
}

.discount-box>div {
    position: relative;
    padding: 10px;
    padding-left: 30px;
    box-shadow: 0px 2px 0px #D4D9DE;
    -webkit-box-shadow: 0px 2px 0px #D4D9DE;
    -ms-box-shadow: 0px 2px 0px #D4D9DE;
    -moz-box-shadow: 0px 2px 0px #D4D9DE;
    -o-box-shadow: 0px 2px 0px #D4D9DE;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: 8px;
    border: 1px solid #D4D9DE;
}

.modal-table-td span {
    font-size: 11px;
}

.discount-box>div:last-child {
    margin-right: 0;
}

.annually.active {
    background: #fff none repeat scroll 0 0;
    color: #677991;
    border-color: #00B8A1;
}

.monthly.active {
    background: #fff none repeat scroll 0 0;
    color: #677991;
    border-color: #00B8A1;
}

.annually.active span {
    background: #00B8A1;
    color: #fff;
}

.discount-box .custom-radio-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.custom-radio-btn input {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    width: 100%;
    padding: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.discount-box .custom-radio-btn label {
    height: 15px;
    width: 15px;
    display: block;
    background: #fff;
    position: absolute;
    border: 2px solid #C3C9D3;
    top: 13px;
    left: 7px;
    border-radius: 50%;
}

.discount-box .custom-radio-btn input:checked+label {
    background: #00B8A1;
    border-color: #00B8A1;
    line-height: 13px;
}

.custom-radio-btn input:checked+label:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
}

.modal-table-tr .plan-info p b {
    font-weight: 600;
    color: #516075;
}

.tooltip-otr {
    position: relative;
    display: inline-block;
}

.tooltip-otr .t-tip {
    padding: 10px 15px;
}

.tooltip-otr .t-tip p {
    font-family: open sans;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
}

.tooltip-otr .fa-info-circle {
    position: absolute;
    top: 2px;
    right: -20px;
}

.tooltip-otr .t-tip span {
    position: absolute;
    right: 10px;
    top: 5px;
}

.extra-space {
    height: 100px;
}

.withextrapad {
    padding: 25px;
}


/* End Upgrade your membership modal new design*/


/* START ==  https://cn.teamwork.com/index.cfm#tasks/10016042 */

.publicProDetails .msgDes.spcialin {
    border: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

.basicProfile .rightPanel .publicProDetails .messageArea .messagePost .msgDes.spcialin p {
    padding: 8px 0;
}

.interestChkBlock.hastooltip {
    position: relative;
}

.radiotooltip {
    position: absolute;
    width: 195px;
    background: #37404D;
    z-index: 99;
    margin-left: -7px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 20px;
    top: 30px;
    left: 50%;
    transform: translateX(-75%);
    -webkit-transform: translateX(-75%);
    -moz-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    -o-transform: translateX(-75%);
}

.radiotooltip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(42, 48, 61, 0);
    border-bottom-color: #2A303D;
    border-width: 5px;
    margin-left: -5px;
}

.radiotooltip a {
    color: #fff;
}

.radiotooltip i {
    position: absolute;
    right: 5px;
    top: 5px;
}

.radiotooltip h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 10px;
}

.radiotooltip p {
    font-weight: lighter;
    font-style: italic;
    color: #D7D8DA;
    line-height: 20px;
}

a.radiotooltipbutton {
    background: #00BFA5;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
}

.interestChkBlock {
    position: relative;
}


/*12-01-2017*/

.statusBoxRight.cusReviews ol {
    border-top: 1px solid #e3e9ef;
    margin: 10px 0 0 0;
    padding: 12px 0 0 0;
    list-style-position: inside;
}

.statusBoxRight.cusReviews ol li {
    font-size: 13px;
    color: #6f7e95;
    margin: 0;
}

.skill-toggle-box-wrapper {
    padding: 25px 34px;
    background: url(/images/skill-icons/border-bg.jpg);
    background-repeat: repeat;
}

.skill-toggle-box-otr {
    background: #fff;
    /*    padding: 20px;*/
    border: 1px solid #E3E9EE;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.skill-toggle-box-otr:last-child {
    margin-bottom: 0;
}

.skill-toggle-box-otr h3 {
    color: #000;
    padding: 20px;
    margin: 0;
}

.tag-sec {
    position: absolute;
    background: #00BFA7;
    padding: 2px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 15px;
    right: 20px;
    top: 18px;
}

.skill-toggle-box-otr h3 a {
    color: #0099E6;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    margin: 0 5px;
    margin-bottom: auto;
    top: -1px;
    line-height: 1;
    position: relative;
}

.inner-content p {
    color: #6F7E95;
    font-size: 12px;
    font-weight: normal;
}

.inner-content {
    display: none;
    /*    margin-top: 15px;*/
    padding: 15px 20px 20px 20px;
    border-top: 1px solid #E3E9EF;
}

.inner-tag-sec {
    margin-bottom: 15px;
}

.plan-tag {
    display: inline-block;
    margin-right: 10px;
    background: #66B8E1;
    padding: 2px 10px;
    font-size: 11px;
    border-radius: 20px;
    color: #fff;
}

.plan-tag.active {
    background: #0089CD;
}

.plan-tag i {
    font-family: open sans;
    font-style: italic;
}

.inner-content a {
    color: #0099E6;
    font-size: 12px;
    font-weight: 600;
}

.statusBoxRight.cusReviews ol li i {
    font-style: italic;
    font-family: open sans;
    font-weight: 600;
}

.tag-sec i {
    font-style: italic;
    font-family: open sans;
}

.skill-toggle-box-otr {
    position: relative;
}

.skill-toggle-box-otr h3 a:after {
    position: absolute;
    content: "\f0d7";
    right: -10px;
    font-family: FontAwesome;
    top: 0;
}

.skill-toggle-box-otr.active h3 a:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.tag-sec.dsbl {
    background: #ccc;
}

#MySkillsList .selectSingle.checked-both .imageBoxLft span {
    background: #00B8A1;
}

.interestChk .interestChkBlock:nth-child(2) label {
    opacity: 0.5;
    pointer-events: none;
}

.textBlockRight.checked-1 .interestChk .interestChkBlock:nth-child(2) label {
    pointer-events: inherit;
}

.selectSingle.checked-both .interestChk .interestChkBlock:nth-child(2) label.opt-1 {
    opacity: 1;
}

#MySkillsList .imageBoxLft span.active {
    background: #b7bfcb;
}

#MySkillsList .imageBoxLft.checked-1 span {
    background: #0089CD;
}

#MySkillsList .selectSingle.checked-both .imageBoxLft span::before {
    background: #ff9a00 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    bottom: 0;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -8px;
    text-align: center;
    width: 20px;
}

#MySkillsList .textBlockRight {
    padding-top: 5px;
    padding-bottom: 5px;
}

#MySkillsList .textBlockRight p {
    height: 40px;
    vertical-align: middle;
    display: table-cell;
}


/*13-01-2017*/

.dflt-upgrade {
    border-radius: 0 !important;
    margin: 0 !important;
}

li.isWarning {
    position: relative;
}

li.isWarning:after {
    content: "\f071";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FB6858;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.upgrade-section.overview.dflt-upgrade a i {
    font-size: 16px;
    margin: 2px;
}

.upgrade-section.overview.dflt-upgrade i {
    margin-right: 5px;
}

@media screen and (max-width: 480px) {
    .tag-sec {
        right: 50%;
        top: 10px;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
    }
    .skill-toggle-box-otr h3 {
        margin: 20px 0 0;
        text-align: center;
    }
}


/* END ==  https://cn.teamwork.com/index.cfm#tasks/10016042 */


/**************************************/


/*adviser status start*/


/**************************************/

.advisers-status {
    overflow: hidden;
}

.advisers-status-box {
    width: 25%;
    text-align: center;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.advisers-status-box img {
    max-width: 100px;
    margin-bottom: 20px;
}

.advisers-status-box .cta-btn {
    width: auto;
    display: inline-block;
}

.advisers-status-box .cta-btn:hover {
    background: #0088d0;
    border-color: #0088d0;
    color: #fff;
}

.advisers-status-box h4 {
    margin-bottom: 20px;
    padding: 0;
    color: #9A9B9D;
    text-transform: uppercase;
}

.withReviews .testimonial-box-arrow-down-inner {
    border-top-color: #f5f8fa;
}

@media screen and (max-width: 860px) {
    .advisers-status-box {
        width: 50%;
    }
}

@media screen and (max-width: 620px) {
    .advisers-status-box {
        width: 100%;
        float: none;
    }
}


/**************************************/


/*adviser status end*/


/**************************************/


/*adviser-registration page 20-01-2017*/


/*start*/


/*adviser-registration page 20-01-2017*/

.checkout-wrapper .adviser-registration-table .modal-table-td {
    max-width: inherit;
}

.extra-pad-right {
    padding-right: 40px !important;
}

.position-static {
    position: static !important;
}


/*adviser-registration page 20-01-2017*/


/*end*/


/*adviser-registration page 20-01-2017*/


/*fees button width fix 23-01-2017*/


/*start*/


/*fees button width fix 23-01-2017*/

#fees .save-update-btn {
    width: auto;
}


/*fees button width fix 23-01-2017*/


/*end*/


/*fees button width fix 23-01-2017*/


/*Head Office & Contact 30-01-2017*/


/*start*/


/*Head Office & Contact 30-01-2017*/

#ContentPlaceHolderDefault_Licensee_8_pnlLocationContact .contactDetails .rightPart {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#ContentPlaceHolderDefault_Licensee_8_pnlOverview .msgDate img {
    max-width: 100%;
}


/*Head Office & Contact 30-01-2017*/


/*end*/


/*Head Office & Contact 30-01-2017*/


/*https://cn.teamwork.com/index.cfm#tasks/10505705*/


/*RHS status box udate design*/

.ratingreviewInner-txt {
    background: #fff;
    display: table-cell;
    height: 430px;
    padding: 65px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.ratingreviewInner-txt h4 {
    color: #4e515e;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 12px;
}

.ratingreviewInner-txt p {
    color: #4e515e;
    font-size: 13px;
    line-height: 25px;
}

.ratingreviewInner-txt .qusmore {
    display: inline-block;
    width: auto;
}

.qukBox .uRate-new .uRate img {
    position: absolute;
}

.qukBox .uRate-new .uRate a {
    display: block;
    padding-left: 60px;
}

.qukBox .uRate-new .uRate {
    padding-left: 0;
    background: none !important;
}

@media screen and (max-width: 767px) and (min-width: 300px) {
    .BodyContHolder .sectionrightSide {
        float: none;
        width: auto;
    }
    .sectionrightSide {
        float: none;
        width: auto;
    }
}

@media screen and (max-width: 639px) {
    .ratingreviewInner-txt {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .ratingreviewInner-txt .qusmore {
        font-size: 11px;
    }
}


/*RHS status box udate design*/


/*https://cn.teamwork.com/index.cfm#tasks/10505705*/

.newDesignBg {
    background: rgba(0, 0, 0, 0) url("../images/wizard/pattern.gif") repeat scroll 0 0;
}


/*New menu added 31-01-2017*/

@media screen and (min-width: 961px) {
    .newMenu .candidateSettings {
        width: 40%;
    }
    .newMenu .candidateDashboard {
        width: 60%;
    }
    .newMenu .candidateDashboard ul li {
        width: 20%;
    }
}


/*https://cn.teamwork.com/index.cfm#tasks/10556987*/


/*02-02-2017  Resources pages*/


/*https://cn.teamwork.com/index.cfm#tasks/10556987*/

.cooming-soon-box {
    margin: 34px;
    border: 1px dashed #e3e9ef;
    padding: 25px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.cooming-soon-box h3 {
    color: #4e515e;
    font-weight: 300;
    font-size: 21px;
}

.cooming-soon-box p {
    color: #4e515e;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.statusCheckBox-img {
    float: left;
    max-width: 120px;
}

.statusCheckBox-img img {
    max-width: 120px;
}

.resourcesPage .sectionBlockOne {
    display: none;
}

.resourcesPage .sectionBlockOne.active {
    display: block;
}

.offerlisting-box * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.offerlisting-box {
    margin: 34px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
}

.off-list {
    border: 1px solid #E3E9EF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.offer-box-header img {
    width: 100%;
}

.top-strap {
    background: #ECF2F6;
    padding: 0px 30px;
    margin-bottom: 20px;
    position: relative;
    height: 53px;
}

.top-strap:before,
.top-strap:after {
    content: '';
    display: table;
    width: 100%;
}

.lgo-bx {
    height: 93px;
    width: 123px;
    float: left;
    padding: 10px 25px;
    background: #fff;
    position: relative;
    border: 4px solid #fff;
    margin-top: -20px;
    border-radius: 5px;
    box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: -20px;
}

.lgo-bx a {
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 95px;
}

.lgo-bx img {
    max-width: 95px;
}

.date-area {
    float: left;
    padding: 7px 20px;
    font-weight: 600;
    color: #6F7E95;
    font-size: 12px;
}

.date-area i {
    margin-right: 5px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: normal;
}

.date-area i.fa {
    font-family: fontawesome;
    font-style: normal;
    font-size: 14px;
    color: #0089CD;
}

.date-area .date {
    display: inline-block;
}

.date-area .time {
    display: inline-block;
}

.date-area div {
    padding: 10px;
}

.lgo-bx:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 1px solid #E3E9EF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    pointer-events: none;
}

.offer-box-body {
    padding: 30px;
}

.off-list h3 {
    color: #4e515e;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 25px;
}

.off-list p {
    font-size: 13px;
    color: #4e515e;
    margin-bottom: 15px;
}

.offer-box-footer {
    padding: 20px 30px;
    background: #E3E9EF;
    overflow: hidden;
    text-align: center;
}

.offer-box-footer .cta-btn {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    text-align: left;
}

.offer-box-footer .cta-btn:last-child {
    margin-right: 0;
}

.btn-green {
    background: #00B89F;
    border-color: #00B89F;
}

.btn-green:hover {
    background: #fff;
    color: #00B89F;
}

.offer-box-footer a i {
    float: right;
    padding: 3px;
}

.Expand-btn {
    display: none;
}

.exclusive-offers-locked {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e3e9ef;
}

.exclusive-offers-locked .with-blur-bg {
    background: rgba(0, 0, 0, 0) url("/images/Resources/blur-bg.png") no-repeat scroll center center / cover;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    padding: 130px 0;
}

.no-border {
    border: none;
}

@media screen and (max-width: 767px) {
    .statusCheckBox-img {
        float: none;
        max-width: inherit;
    }
    .cooming-soon-box {
        margin: 20px 10px;
        padding: 20px;
    }
}

@media screen and (max-width: 639px) {
    .cooming-soon-box h3 {
        font-size: 16px;
    }
    .cooming-soon-box p {
        font-size: 12px;
    }
    .date-area div {
        padding: 4px;
    }
    .date-area .time {
        display: block;
    }
    .date-area .date {
        display: block;
    }
    .lgo-bx {
        margin-top: -15px;
        margin-bottom: -15px;
    }
    .top-strap {
        height: 70px;
    }
    .offerlisting-box {
        margin: 20px 10px;
    }
    .date-area {
        padding: 7px 5px;
    }
    .offer-box-body {
        padding: 15px;
    }
    .offerlisting-box h3 {
        line-height: 26px;
    }
    .offer-box-footer {
        padding: 15px;
    }
    .offer-box-footer .cta-btn {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .lgo-bx {
        width: 115px;
    }
    .top-strap {
        padding: 0 15px;
    }
    .Expand-btn {
        color: #0088D0;
        display: block;
    }
    .over-sec {
        height: 353px;
        overflow: hidden;
    }
}

@media screen and (max-width: 480px) {
    .companyPage.resourcesPage .leftPanel,
    .basicProfile .leftPanel {
        width: 320px;
    }
    .lgo-bx {
        width: 95px;
    }
    .lgo-bx img {
        max-width: 65px;
    }
}


/*https://cn.teamwork.com/index.cfm#tasks/10556987*/


/*02-02-2017  Resources pages*/


/*https://cn.teamwork.com/index.cfm#tasks/10556987*/

.border-bottom-radius {
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -o-border-bottom-right-radius: 8px;
}

.for-free-user i {
    color: #ffd18d;
    margin-right: 5px;
}

.for-free-user .ctrlBtn.onOffClick.active {
    background: #fe6451 none repeat scroll 0 0;
}

.for-free-user .ctrlCircle {
    pointer-events: none;
}

.prodetails.fixprodetails .lhs-nav-arrow i {
    line-height: 20px;
    margin-right: 2px;
}


/* signup For Subscription lightbox main */

.unLockModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(5, 27, 41, 0.92);
    z-index: 10000;
    display: none;
}

.unLockModal.on {
    display: block;
}

.unLockModal,
.unLockModal * {
    box-sizing: border-box;
}

.unLockModalinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    display: table;
    height: 100%;
}

.unLockModalinner .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}

.for-free-user .ctrlBtn {
    cursor: pointer;
}

.frm-otr .col-100 {
    margin-bottom: 30px;
    padding: 0 10px;
    text-align: left;
    width: 100%;
}

.frm-otr .col-100 textarea {
    width: 100%;
}

.frm-otr .col-100 hr {
    margin-top: 30px;
}

.extraPadSps {
    margin: 40px 0 20px;
}


/*10-02-2017 NEW ranking box*/

.insuranceClaims {
    margin-top: 15px;
}

.rankingBox {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: table;
    padding: 20px 15px 0;
    text-align: center;
    width: 100%;
}

.rankCompany img {
    max-width: 100%;
}

.rankingPosition {
    display: table-cell;
    padding: 0 8px;
    vertical-align: bottom;
    max-width: 65px;
}

.rank {
    background: #ccc none repeat scroll 0 0;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    margin-top: 10px;
    padding: 15px 10px;
}

.position-2 .rank {
    background: #fce7ec none repeat scroll 0 0;
    color: #d11347;
    font-size: 30px;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
}

.position-1 .rank {
    background: #dbf1f9 none repeat scroll 0 0;
    color: #0095d6;
    font-size: 44px;
    font-weight: 300;
    height: 45px;
    line-height: 45px;
}

.position-3 .rank {
    background: #eaf5e3 none repeat scroll 0 0;
    color: #7cc35a;
    font-size: 26px;
    font-weight: 300;
}

.ranking-info {
    background: #f9fbfd none repeat scroll 0 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 15px;
    position: relative;
    text-align: center;
}

.ranking-info::before {
    background: #f9fbfd none repeat scroll 0 0;
    box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    content: "";
    height: 14px;
    left: auto;
    margin-left: -7px;
    position: absolute;
    right: auto;
    top: -7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 14px;
}

.ranking-info p {
    color: #4e515e;
    font-size: 12px;
    margin: 0;
}

.ranking-info p a {
    color: #008bc8;
    font-size: 14px;
    font-weight: 600;
}

.ranking-info p i {
    color: #4e515d;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    margin: 0 5px;
}

.insuranceClaims .profileInner h2::before {
    background-image: url("../images/ranking/rank_heading_icon.png");
    content: "";
    display: block;
    height: 38px;
    left: 12px;
    position: absolute;
    top: 10px;
    width: 38px;
}

.with-no-arw:after {
    content: none;
}

.newDesignBg {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.qukBox.withSdw {
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1024px) {
    .dashboardbodyWrap.unlocked.withRate #ContentPlaceHolderDefault_MyAccount_9_BarChartSection #container {
        height: 178px !important;
    }
}

#Commitmentethics .video-urlbox p {
    font-size: 14px;
    margin-bottom: 15px;
}

#Commitmentethics .video-urlbox p img {
    float: right;
}

#Commitmentethics .video-urlbox p>b {
    color: #4e515e;
    font-size: 13px;
    line-height: 22px;
}

#Commitmentethics .video-urlbox p>b>i {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

#Commitmentethics .video-urlbox blockquote p {
    font-size: 13px;
    color: #4e515e;
    padding: 0;
}

.video-urlbox blockquote {
    margin: 40px 0;
    border-left: 4px solid #008BC8;
    padding-left: 15px;
}

#Commitmentethics .video-urlbox blockquote h5 {
    color: #4E515D;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}

.newPagination ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.newPagination ul li a {
    display: block;
    padding: 0;
    height: 30px;
    margin: 0;
    background: #8593A5;
    color: #fff;
    width: 30px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.newPagination ul {
    margin: 0;
    padding: 0;
}

.newPagination ul li.active a,
.newPagination ul li:hover a {
    background: #008BC8;
}

.oath-cta {
    padding: 25px;
    background: #E4F3F9 url(../images/ethics/design-bg.png);
    border: 1px solid #CBE7F4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    overflow: hidden;
    display: table;
    margin: 25px 0 0 0;
    background-position: 365px -122px;
    background-repeat: no-repeat;
    width: 100%;
}

.oath-cta .leftPnl {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
}

.oath-cta .rightPnl {
    width: 40%;
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
}

.oath-cta p {
    color: #4e515e;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin: 0;
}

.oath-cta p b {
    font-weight: 600;
    color: #008BC8;
}

.oath-cta .cta-btn {
    text-align: center;
}

.copy-code {
    position: absolute;
    right: 40px;
    left: 40px;
    bottom: 40px;
    top: 40px;
    height: auto;
}

.copy-code textarea {
    height: 100%;
    resize: none;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    text-align: left;
    border-radius: 0 !important;
    padding: 20px;
    font-weight: 600;
    font-family: monospace;
}

#Commitmentethics .video-urlbox::after {
    content: "";
    display: table;
    width: 100%;
}

.Usevideo {
    color: #ff00ff;
    font-family: monospace;
    font-weight: 600;
    left: 20px;
    position: absolute;
    top: 20px;
}

@media screen and (max-width: 960px) {
    .oath-cta {
        background-position: 100% -122px;
    }
}

@media screen and (max-width: 480px) {
    .oath-cta p {
        font-size: 16px;
        line-height: 24px;
    }
    .copy-code {
        bottom: 5px;
        left: 5px;
        right: 5px;
        top: 5px;
    }
    .copy-code textarea {
        font-size: 12px;
        padding: 10px;
        padding-top: 25px;
    }
    .oath-cta {
        display: block;
        margin: 10px 0 0;
        width: 100%;
        text-align: center;
    }
    .oath-cta .leftPnl {
        display: block;
        vertical-align: middle;
        width: auto;
    }
    .oath-cta .rightPnl {
        display: block;
        padding: 20px 0 0;
        vertical-align: middle;
        width: auto;
    }
    .oath-cta .cta-btn {
        text-align: center;
        width: auto;
    }
    #Commitmentethics .video-urlbox p img {
        display: list-item;
        float: none;
        margin: 0 auto !important;
    }
    .Usevideo {
        left: 10px;
        top: 10px;
    }
}


/*LHS and RHS height 13-02-2017*/

.dashboardbodyWrap.locked .with-blur-bg {
    height: 252px;
}

.dashboardbodyWrap.unlocked.noRate #ContentPlaceHolderDefault_MyAccount_9_BarChartSection #container {
    height: 237px !important;
}

.dashboardbodyWrap.locked.withRate .with-blur-bg {
    height: 332px;
}

.modal-table-td.plan-premium a {
    text-decoration: none;
}

.modal-table-td.plan-ultimate a {
    text-decoration: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .noRate .position-1 .rank,
    .dashboardbodyWrap.locked.withRate .position-1 .rank {
        height: 185px;
        line-height: 185px;
    }
    .noRate .position-2 .rank,
    .dashboardbodyWrap.locked.withRate .position-2 .rank {
        height: 170px;
        line-height: 170px;
    }
    .noRate .position-3 .rank,
    .dashboardbodyWrap.locked.withRate .position-3 .rank {
        height: 150px;
        line-height: 150px;
    }
}


/*LHS width 14-02-2017*/

.main-three .bx-wrapper .bx-prev {
    left: -15px;
}

.main-three .bx-wrapper .bx-next {
    right: -15px;
}

.home-feature-column {
    padding: 20px 25px 30px;
    margin-bottom: 0;
}

.main-three .bx-wrapper .home-feature-column a {
    display: block;
    margin: 0 auto;
    position: static;
}

@media screen and (max-width: 1024px) {
    .sectionleftSide {
        width: 66%;
    }
}

@media screen and (max-width: 1023px) {
    .bx-wrapper .home-feature-column p {
        height: auto !important;
    }
}

@media screen and (max-width: 900px) {
    .sectionleftSide {
        width: 63%;
    }
}

@media screen and (max-width: 800px) {
    .sectionleftSide {
        width: 62%;
    }
}

@media screen and (max-width: 780px) {
    .sectionleftSide {
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .sectionleftSide {
        width: 100%;
    }
}


/*LHS width 14-02-2017*/


/* 15-02-2017 https://cn.teamwork.com/#/tasks/10798299?c=4501675& */

.insuranceClaims .profilebox {
    margin-bottom: 0;
}

.topChatSectionContainer {
    padding-bottom: 24px;
}

.jobsleadContainer {
    padding-bottom: 24px;
}

.reviewStatus .recentReview {
    margin-bottom: 24px;
}

.reviewStatus .profilebox {
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    .rightQukStatusSection {
        margin-top: 24px;
    }
    .insuranceClaims {
        margin-top: 24px;
    }
    .topChatSectionContainer {
        margin-bottom: 0;
        padding-bottom: 24px;
    }
    .mprofileSec .jobsboard {
        margin-bottom: 0;
    }
    .fullleadboard .qusmore {
        float: none;
    }
    .ad-banner-wrap-tab.ad-banner-dashboard .wrap {
        padding: 15px 15px 0;
    }
}

@media screen and (max-width: 480px) {
    .CompanyOwnershipSearch .header-box .sub-button,
    .CompanyOwnershipSearch .panel-list-box .sub-button,
    .CompanyOwnershipSearch .sub-button {
        position: static;
        width: 100%;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        text-align: center;
    }
    .CompanyOwnershipSearch .panel-list-box .sub-button,
    .CompanyOwnershipSearch .sub-button {
        text-align: right;
    }
}


/*16-02-2017*/

.prodetails.fixprodetails.rateadviserarrow {
    padding-left: 0 !important;
}

.rateadviserarrow .lhs-nav-arrow {
    margin-left: 0 !important;
}


/*20-02-2017*/

.ratingreviewInner {
    height: auto;
}

.ratingreviewInner .ctrlBox {
    bottom: 22%;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .ratingreviewInner {
        height: 410px;
    }
    .revTestimonial {
        height: 145px;
    }
}

@media screen and (max-width: 767px) {
    .ratingreviewInner {
        height: inherit;
    }
}

.main-three .home-feature-column i {
    margin-right: 10px;
}

.home-feature-column {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
    width: 100%;
}

.oathblockquoteSlider .bx-pager.bx-default-pager {
    margin: 0;
    text-align: left;
}

.oathblockquoteSlider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #8593a5 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
    width: 30px;
}

.oathblockquoteSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.oathblockquoteSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #008bc8 none repeat scroll 0 0 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
}

.recentReviewInner .revslide>li {
    width: 100% !important;
}


/* 21-02-2017 */

.revslide .reviews-item-white {
    min-height: 130px;
}


/* ******************22-02-2017********************** */


/* start */


/* ******************22-02-2017********************** */

.prophotoCon {
    margin: 0;
    padding: 0;
}

.subs-info #FormPanel {
    font-size: 0;
}


/* 2 subscribe panels. */

.newSubscribePanel {
    background: transparent none repeat scroll 0 0;
    display: table;
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.SubscribeBox {
    background: #ccc none repeat scroll 0 0;
    display: table-cell;
    padding: 60px 40px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

.SubscribeBox.SubscribeBox-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008bba+0,005992+100 */
    background: #008bba;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #008bba 0%, #005992 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #008bba 0%, #005992 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #008bba 0%, #005992 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#008bba', endColorstr='#005992', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.SubscribeBox.SubscribeBox-2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e5c6d+0,1f2a38+100 */
    background: #4e5c6d;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #4e5c6d 0%, #1f2a38 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #4e5c6d 0%, #1f2a38 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #4e5c6d 0%, #1f2a38 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4e5c6d', endColorstr='#1f2a38', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.newSubscribePanel .subimgIconBox {
    float: none;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
    width: auto;
}

.newSubscribePanel .subs-info {
    float: none;
    text-align: center;
    width: auto;
}

.newSubscribePanel .box-holder {
    float: none;
    margin: 0;
    padding: 0;
}

.newSubscribePanel .box-holder h2 {
    color: #fff;
    margin: 0 0 5px;
    padding: 0;
}

.newSubscribePanel .box-holder p {
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
}

.newSubscribePanel .subimgIcon {
    max-width: 120px;
    width: inherit;
}

.innerWrap {
    margin: 0;
    width: 350px;
}

.SubscribeBox-1 .innerWrap {
    margin-left: auto;
    margin-right: 100px;
}

.SubscribeBox-2 .innerWrap {
    margin-left: 100px;
    margin-right: auto;
}

@media screen and (max-width: 1199px) {
    .SubscribeBox-2 .innerWrap {
        margin-left: auto;
    }
    .SubscribeBox-1 .innerWrap {
        margin-right: auto;
    }
}

@media screen and (max-width: 1024px) {
    .SubscribeBox {
        padding: 50px 20px;
    }
    .innerWrap {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .newSubscribePanel {
        display: block;
        width: 100%;
    }
    .SubscribeBox {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        display: block;
        padding: 30px 10px;
        width: 100%;
    }
}


/* ******************22-02-2017********************** */


/* end */


/* ******************22-02-2017********************** */


/* ******************09-03-2017********************** */


/* start */


/* ******************09-03-2017********************** */

.text-center {
    text-align: center;
}


/* ******************09-03-2017********************** */


/* end */


/* ******************09-03-2017********************** */


/* ******************20-03-2017********************** */


/* start */


/* ******************20-03-2017********************** */

@media screen and (min-width: 960px) {
    .content {
        height: inherit !important;
    }
}


/* ******************20-03-2017********************** */


/* end */


/* ******************20-03-2017********************** */


/* ******************22-03-2017********************** */


/* start */


/* ******************22-03-2017********************** */

.spcl-skl {
    background: #ccc;
    display: inline-block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: middle;
    position: relative;
    margin-bottom: 10px;
}

.spcl-skl img {
    height: 30px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.spcl-skl.active {
    background: #00B8A1;
}

.spcl-skl.active::before {
    background: #ff9a00 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    bottom: 0;
    color: #fff;
    content: "\f005";
    font-family: fontawesome;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -8px;
    text-align: center;
    width: 20px;
    z-index: 9;
}

.rankingPosition a {
    text-decoration: none;
    border: none;
    outline: none;
}


/* ******************22-03-2017********************** */


/* end */


/* ******************22-03-2017********************** */


/* ******************24-03-2017********************** */


/* start */


/* ******************24-03-2017********************** */

.modalWrap .with-blur-bg {
    height: inherit !important;
}

.modalbackdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(5, 27, 41, 0.92);
    z-index: 10000;
    display: none;
}

.modalbackdrop.on {
    display: block;
}

.modalInner,
.modalInner * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.modalInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    display: table;
    height: 100%;
}

.modalInner .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}

.modalInner .modalWrap {
    width: 450px;
}

.modalInner .modal-header h3 {
    font-size: 20px;
    line-height: 30px;
}

.modalInner h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #687891;
}

.modalInner .step-2 .top {
    background: #fff;
    padding: 20px 30px;
    padding-bottom: 30px;
}

.modalInner .button.holder {
    margin-left: 0;
    margin-right: 0;
    background: #fff;
}

.modalInner .modal-header {
    padding: 20px 100px;
}

.featuredBox {
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 15px 0 5px 0;
}

.fBox {
    display: table-cell;
    text-align: center;
    color: #687891;
    padding: 0 10px;
    border-right: 1px solid #EBEFF3;
    vertical-align: top;
    line-height: 22px;
    min-width: 120px;
}

.fBox:last-child {
    border-right: none;
}

.fBox span {
    height: 37px;
    width: 37px;
    border: 3px solid #00B89F;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0;
    margin-bottom: 8px;
}

.fBox span i {
    font-size: 28px;
    color: #00B89F;
}

.singleStep .top {
    display: block;
    background: #fff;
    padding: 20px 25px;
    padding-bottom: 30px;
}

.modalInner .top.bottom {
    background: #EBEFF3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.modalInner h2 b {
    font-weight: 600;
    color: #687891;
}

.modalInner h2 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.promocode {
    background: #fff;
    display: inline-block;
    border-radius: 5px;
    border: 1px dashed #7E57C2;
    margin-bottom: 15px;
}

.code {
    color: #7E57C2;
    font-size: 24px;
    letter-spacing: 3px;
    padding: 10px;
    font-family: monospace;
    text-align: center;
}

.exDate {
    padding: 3px 20px;
    font-size: 12px;
    font-style: italic;
    background: #7E57C2;
    color: #fff;
    margin: -1px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.top.bottom p {
    font-style: italic;
    color: #687891;
    font-size: 15px;
    font-weight: 400;
    padding: 0 20px;
}

.fBox p {
    margin-bottom: 0;
}

@media screen and (max-width: 500px) {
    .featuredBox {
        display: block;
    }
    .modalInner .modalWrap {
        width: 100%;
    }
    .fBox {
        display: block;
        border-right: none;
        margin-bottom: 20px;
    }
    .modalInner .singleStep .top {
        padding: 20px 20px;
    }
    .modalInner .modal-header {
        padding: 20px 30px;
    }
    .top.bottom p {
        font-size: 13px;
        padding: 0;
    }
    .modalInner h2 {
        font-size: 14px;
    }
}


/* ******************24-03-2017********************** */


/* end */


/* ******************24-03-2017********************** */


/* ******************28-03-2017********************** */


/* start */


/*https://cn.teamwork.com/#/tasks/11468972 Membership level*/


/* ******************28-03-2017********************** */

.levelBox {
    display: table;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.levelBoxInner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 15px 5px;
}

.levelBoxInner img.active {
    display: none;
}

.levelBoxInner.active {
    position: relative;
}

.levelBoxInner.active img {
    max-width: 76px;
    margin: 0 auto;
}

.levelBoxInner.active img.active {
    display: block;
}

.levelBoxInner.active img.deactive {
    display: none;
}

.level-info ul {
    margin: 0;
    padding: 1px 10px;
    text-align: left;
}

.level-info ul li {
    font-style: italic;
    font-weight: 400;
    list-style-type: none;
    color: #6f7e95;
    font-size: 13px;
    border-bottom: 1px solid #f1f2f2;
    margin: 0;
    padding: 6px 0;
}

.level-info ul li:last-child {
    border-bottom: none;
}

.level-info ul li a {
    text-decoration: none;
    color: #6f7e95;
}

.levelBoxInner.active::before {
    background: #f9fbfd none repeat scroll 0 0;
    box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.2) inset;
    content: "";
    height: 14px;
    left: auto;
    margin-left: -7px;
    position: absolute;
    right: auto;
    bottom: -7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 14px;
    z-index: 9;
}

.ranking-info.level-info::before {
    content: none;
}

.level-info ul li i {
    float: right;
    color: #43a1d5;
}

.jobsboard.SponsoredcompanyNew {
    padding-bottom: 5px;
    padding-top: 4px;
    margin-bottom: 0;
}

.forceDisplayNone {
    display: none !important;
}

.jobsleadInnerSection.sectionleftSide .vouch-box {
    padding-top: 13px;
    padding-bottom: 13px;
}

.jobsleadInnerSection.sectionleftSide .leaderboard {
    overflow: hidden;
}

.SponsoredcompanyNew .ad-banner-desktop.ad-banner-dashboard {
    display: block !important;
}

.membershiplevel .profileInner h2::before {
    background-image: url("../images/membershiplevel/icon.png");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: block;
    height: 38px;
    left: 12px;
    position: absolute;
    top: 10px;
    width: 38px;
}


/* ******************28-03-2017********************** */


/* end */


/* ******************28-03-2017********************** */

.homeTileimage {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-position: center center !important;
    background-size: cover !important;
}

.panel-caption-otr:hover p {
    color: #008acb;
}

.panel-caption-otr:hover .btn-blue {
    color: #008acb;
}

.panel-caption-otr:hover p {
    color: #008acb;
}

.panel-caption-otr:hover .btn-blue {
    color: #008acb;
}


/* ******************11-04-2017********************** */


/* START https://cn.teamwork.com/#/tasks/11683224?c=4809611&*/


/* ******************11-04-2017********************** */

.rating-submission-modal .modalInner .modal-header {
    padding: 20px 50px;
}

.white-bg {
    background: #fff !important;
}

.rating-submission-modal .with-extra-pad,
.with-extra-pad {
    padding: 20px 90px;
}

.adviser-rating-score {
    height: 100px;
    width: 100px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 20px auto 23px;
    border: 2px solid #008BC8;
    line-height: 100px;
    font-size: 28px;
    color: #008BC8;
}

.btn-inline {
    display: inline-block;
    width: 180px;
    margin: 0 5px;
}

@media screen and (max-width: 480px) {
    .btn-inline {
        display: block;
        width: auto;
        margin: 10px 5px;
    }
}


/* ******************11-04-2017********************** */


/* END https://cn.teamwork.com/#/tasks/11683224?c=4809611&*/


/* ******************11-04-2017********************** */


/* ******************11-04-2017********************** */


/*START*/


/* ******************11-04-2017********************** */

.lDash-job-listings .addjob .plusBtn i {
    margin: 0;
}

.redButton i.fa {
    margin: 0;
}


/* ******************11-04-2017********************** */


/*END*/


/* ******************11-04-2017********************** */


/* ******************17-04-2017********************** */


/* START https://cn.teamwork.com/#tasks/11707223?c=4853857*/


/* ******************17-04-2017********************** */

.fixed-autocomplete.ar-popup.profileclame.active {
    position: static;
    height: auto;
    width: 100%;
}

.fixed-autocomplete.ar-popup.profileclame.active .popup-container {
    position: static;
    margin: 30px auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}


/* ******************17-04-2017********************** */


/* END https://cn.teamwork.com/#tasks/11707223?c=4853857*/


/* ******************17-04-2017********************** */

.row_wrap {
    padding: 30px 0;
    border-bottom: 1px solid #E5E5E5;
}

.row_wrap .row {
    border-bottom: none !important;
}


/* ******************19-04-2017********************** */


/* START */


/* ******************19-04-2017********************** */

.rate-box-bottom i.fa.fa-caret-left {
    margin-right: 5px;
}

.rate-box-bottom i.fa.fa-caret-right {
    margin-left: 5px;
}


/* ******************19-04-2017********************** */


/* END */


/* ******************19-04-2017********************** */

.matching-record.matching-record-new {
    position: relative;
    padding: 0 0 0 0;
    text-align: left;
}


/* ******************25-04-2017********************** */


/* START */


/* https://cn.teamwork.com/#tasks/11853559 */


/* ******************25-04-2017********************** */

.LeftRightWrap {
    margin: 15px 0;
}

.LeftRightWrap .leftPane {
    overflow: hidden;
    padding-right: 20px;
}

.LeftRightWrap .rightpane {
    float: right;
}

.LeftRightWrap .leftPane p span,
.LeftRightWrap .leftPane p label {
    display: inline-block;
    min-width: 80px;
}

@media screen and (max-width: 530px) {
    .LeftRightWrap .rightpane {
        float: none;
        margin: 0 auto;
        max-width: 100px;
        overflow: hidden;
    }
}

@media screen and (max-width: 420px) {
    .LeftRightWrap .leftPane p span,
    .LeftRightWrap .leftPane p label {
        display: block;
    }
    .LeftRightWrap .leftPane p {
        margin-bottom: 15px;
    }
}


/* ******************25-04-2017********************** */


/* END */


/* https://cn.teamwork.com/#tasks/11853559 */


/* ******************25-04-2017********************** */


/* ******************14-06-2017********************** */


/* START */


/* https://cn.teamwork.com/#/tasks/12656375 */


/* ******************14-06-2017********************** */

.askAdviserPopup .modalWrap {
    box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
    -ms-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
    -o-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
}

.askAdviserPopup h3 {
    color: #000;
}

.askAdviserPopup .close-btn .fa-times-circle {
    color: #000;
}

.askAdviserPopup #signupForSubscription {
    display: table;
}

#signupForSubscription .cell {
    display: table-cell;
}


/* ******************14-06-2017********************** */


/* END */


/* https://cn.teamwork.com/#/tasks/12656375 */


/* ******************14-14-2017********************** */


/* 28-06-2017 */

.inerDes .inerdesLef img {
    margin: 10px auto;
    display: block;
}


/* 06-07-2017 new menu item */

.header ul.nav-2 {
    margin: 13px 0 0 10px;
}

.header ul.nav-2 li {
    width: 84px;
}

.header ul.nav-2 li a {
    font-size: 11px;
}

@media screen and (max-width: 980px) and (min-width: 951px) {
    .header ul.nav-2 {
        margin: 13px 0 0 0px;
    }
    .header ul.nav-2 li {
        width: 81px;
    }
    .header ul.nav-2 li a {
        font-size: 10px;
    }
}

@media screen and (max-width: 1023px) {
    .header {
        padding: 0 10px;
    }
}


/* 07-07-2017 */

.modified-menu {
    position: absolute;
    right: 0;
    left: 45px;
    width: 675px;
    margin: 0 auto !important;
    top: 13px;
}

@media screen and (max-width: 980px) {
    .modified-menu {
        width: 650px;
    }
}

@media screen and (min-width: 951px) {
    body .header .logo {
        margin-bottom: 20px;
    }
}


/* 14-07-2017 */

.height-auto {
    height: inherit !important;
}


/* 17-07-2017 */

.new-jobsboard-landing .top .form-container .submit i {
    font-size: 22px;
    vertical-align: middle;
}


/* 18-07-2017 */

.chk-group {
    margin-bottom: 20px;
}

.chk-group input {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    width: auto;
    display: none;
}

.chk-group label {
    display: inline-block;
    margin-left: 5px;
}

.chk-group input+label {
    position: relative;
}

.chk-group input+label::before {
    border: 1px solid #4e515e;
    content: "";
    height: 15px;
    left: -25px;
    position: absolute;
    top: 0;
    width: 15px;
}

.chk-group input.form-error+label::before {
    border-color: #f00;
}

.chk-group input:checked+label::before {
    color: #4e515e;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}


/* 24-07-2017 */

.ManageAccountMembersNewDesign .membersInfo {
    padding: 20px;
}

.ManageAccountMembersNewDesign .singleMember {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 3px 3px;
    width: 23.5%;
    text-align: left;
    display: inline-block;
}

.ManageAccountMembersNewDesign .actionBox {
    padding: 10px;
    text-align: center;
}

.ManageAccountMembersNewDesign .removemomber {
    padding: 9px;
}

.ManageAccountMembersNewDesign .interestChkBlock label::before {
    top: 50%;
    margin-top: -10px;
}

.ManageAccountMembersNewDesign .checkArea {
    padding: 10px;
}

.ManageAccountMembersNewDesign .membersInfoInner {
    /* text-align: center; */
    width: 100%;
}

.ManageAccountMembersNewDesign .enter-email {
    padding-right: 0;
}

.ManageAccountMembersNewDesign .singleCheck:last-child .interestChkBlock {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .ManageAccountMembersNewDesign .singleMember {
        width: 31.8%;
    }
    .ManageAccountMembersNewDesign .membersInfoInner {
        text-align: left;
    }
}

@media screen and (max-width: 960px) {
    .ManageAccountMembersNewDesign .singleMember {
        width: 23.5%;
    }
    .ManageAccountMembersNewDesign .membersInfoInner {
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .ManageAccountMembersNewDesign .singleMember {
        width: 31.8%;
    }
    .ManageAccountMembersNewDesign .membersInfoInner {
        text-align: left
    }
}

@media screen and (max-width: 580px) {
    .ManageAccountMembersNewDesign .singleMember {
        display: inline-block;
        width: 48%;
    }
    .ManageAccountMembersNewDesign .membersInfoInner {
        text-align: center;
    }
    .ManageAccountMembersNewDesign .singleMember>h2 {
        padding-left: 70px;
    }
}

@media screen and (max-width: 480px) {
    .ManageAccountMembersNewDesign .singleMember {
        width: 250px;
    }
}


/* 25-07-2017 */

.allow-accessNew .acSingle-box {
    width: 23%;
    margin: 6px 4px;
    padding: 25px 10px;
    padding-bottom: 45px;
    position: relative;
}

.allow-accessNew .interestChkBlock label {
    display: inline-block;
    padding: 0 0 0 19px;
}

.allow-accessNew .acSingle-box p {
    margin-bottom: 5px;
}

.allow-accessNew .accessChk {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

@media screen and (max-width: 1200px) {
    .allow-accessNew .acSingle-box {
        width: 30.9%;
    }
}

@media screen and (max-width: 964px) {
    .allow-accessNew .acSingle-box {
        width: 23%;
    }
}

@media screen and (max-width: 680px) {
    .allow-accessNew .acSingle-box {
        width: 47.3%;
        display: inline-block;
    }
}

@media screen and (max-width: 480px) {
    .allow-accessNew .acSingle-box {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .allow-accessNew {
        text-align: center;
    }
}


/*28-07-2017*/

.LicenseeLeaderboardContentBox {
    background: rgb(0, 137, 205);
}

.tabContentRow {
    display: table;
    width: 100%;
    position: relative;
}

.tabContentRow:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 5%;
    left: 5%;
    height: 1px;
    border-radius: 100%;
    border-bottom: 1px solid #fff;
}

.tabContentRow:last-child::after {
    content: none;
}

.tabContentCell {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 10px;
    color: #fff;
}

.tabContentCell:first-child {
    width: 130px;
    padding-right: 40px;
}

.tabContentCell:nth-child(2) {
    padding-right: 40px;
}

.tabContentCell:last-child {
    padding-left: 35px;
    padding-right: 35px;
}

.CompanyLogo {
    height: 50px;
    width: 70px;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #186dd6;
    overflow: hidden;
    display: inline-block;
}

.cRank {
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 0 4px;
    color: rgb(111, 188, 227);
    font-weight: 700;
    margin-right: 4px;
}

.clientratings h5 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
}

.cRatingBox {
    background: #ccc;
    margin: 4px 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 0 5px;
    width: 80px;
    height: 20px;
    text-align: right;
    margin-right: 5px;
    display: inline-block;
}

.greenTag {
    background: rgb(0, 166, 81);
}

.yellowTag {
    background: rgb(249, 157, 27);
}

.redTag {
    background: rgb(239, 64, 42);
}

.cReview span,
.cFeedback span {
    font-size: 13px;
    display: block;
    font-weight: 100;
}

.cReview h4,
.cFeedback h4 {
    font-size: 29px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

.cReview {
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
}

.viewAndCompare a {
    color: #fff;
    display: block;
    text-align: right;
    font-weight: 100;
}

.dot {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #fff;
    margin: 4px 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.ratingOtr span {
    display: inline-block;
    vertical-align: middle;
}

.cReview:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    border-radius: 100%;
    border-bottom: 1px solid #fff;
}

.newDesignLeftinnercontbox .leaderboard.withToggle h2 span {
    width: 350px;
}

.newDesignLeftinnercontbox .boardInner {
    text-align: right;
}

.newDesignLeftinnercontbox .boardInner .qusmore {
    position: static;
    display: inline-block;
}

.newDesignLeftinnercontbox .boardInner .qusmore i {
    position: static;
    margin-left: 5px;
    transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
}

.offWhite h4,
.offWhite span {
    opacity: 0.5;
}

.tab-content-3 .cReview {
    margin-bottom: 0;
    padding-bottom: 0;
}

.tab-content-3 .cReview:after {
    content: none;
}

.tab-content-3 .cFeedback {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.tab-content-3 .cFeedback:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    border-radius: 100%;
    border-bottom: 1px solid #fff;
}

.LicenseeLeaderboardContent {
    display: none;
}

.LicenseeLeaderboardContent.active {
    display: block;
}


/*31-07-2017*/

.LicenseeComparisonSec .tabContentInner {
    overflow: hidden;
    padding: 0 10px;
}

.LicenseeComparisonSec .tabContentRow {
    display: block;
    float: left;
    position: relative;
    width: 25%;
    min-height: 450px;
}

.LicenseeComparisonSec .tabContentCell {
    display: none;
    padding: 10px;
}

.LicenseeComparisonSec .LicenseeLeaderboardContent {
    display: block;
}

.LicenseeComparisonSec .tabContentRow::after {
    content: none;
}

.LicenseeComparisonSec .cReview::after {
    content: none;
}

.LicenseeComparisonSec .tabContentRow {
    padding-bottom: 100px;
}

.LicenseeComparisonSec .tabContentRow::before {
    border-radius: 0 0 100% 100%;
    -webkit-border-radius: 0 0 100% 100%;
    -ms-border-radius: 0 0 100% 100%;
    -moz-border-radius: 0 0 100% 100%;
    -o-border-radius: 0 0 100% 100%;
    border-right: 1px solid #fff;
    bottom: 130px;
    content: "";
    position: absolute;
    right: 1px;
    top: 12px;
    widows: 1px;
}

.LicenseeComparisonSec .tabContentRow:last-child:before {
    content: none;
}

.LicenseeComparisonSec .clientratings h5 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}

.LicenseeComparisonSec .cReview h4,
.LicenseeComparisonSec .cFeedback h4 {
    font-size: 26px;
}

.LicenseeComparisonSec .viewAndCompare {
    bottom: 15px;
    left: auto;
    position: absolute;
    right: auto;
}

.LicenseeComparisonSec .cRatingBox {
    width: 70px;
}

.compareIcon {
    color: rgb(19, 176, 222);
    cursor: pointer;
    opacity: 0.7;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.compareIcon:hover {
    opacity: 1;
}

.compareIcon img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100px;
}

.LicenseeComparisonSec {
    display: none;
}

.LicenseeComparisonSec.show {
    display: block;
}

.LicenseeComparisonSec .tabContentInner.showCompare {
    display: block;
}

.js-licenseeLeaderboardBox.showCompareBox {
    display: none;
}

.LicenseeComparisonSec .tabContentRow.active .tabContentCell {
    display: block;
}

.LicenseeComparisonSec .tabContentRow.active .compareIcon {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tabContentInner {
        overflow: hidden;
    }
    .tabContentRow {
        display: block;
        width: 50%;
        float: left;
    }
    .tabContentCell {
        display: block;
        width: auto;
        padding: 15px 25px !important;
    }
    .tabContentRow {
        margin-bottom: 15px;
    }
    .viewAndCompare a {
        text-align: left;
    }
    .cReview::after {
        content: none;
    }
    .tabContentRow::after {
        content: none;
    }
    .tab-content-3 .cFeedback::after {
        content: none;
    }
    .LicenseeComparisonSec .tabContentRow {
        width: 50%;
    }
    .LicenseeComparisonSec .tabContentRow:nth-child(even)::before {
        content: none;
    }
    .newDesignLeftinnercontbox .boardInner .qusmore {
        margin-bottom: 5px;
    }
    .tabContentRow {
        border-bottom: 1px solid #fff;
        margin-bottom: 0;
    }
    .tabContentRow::before {
        border-right: 1px solid #fff;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    .LicenseeComparisonSec .tabContentRow::before {
        border-radius: 0;
        bottom: 0;
        top: 0;
    }
    .tabContentRow:nth-child(even)::before {
        content: none;
    }
}

@media screen and (max-width: 640px) {
    .tabContentInner {
        overflow: hidden;
    }
    .tabContentRow {
        display: block;
        width: 50%;
        float: left;
    }
    .tabContentCell {
        display: block;
        width: auto;
        padding: 15px 25px !important;
    }
    .tabContentRow {
        margin-bottom: 15px;
    }
    .viewAndCompare a {
        text-align: left;
    }
    .cReview::after {
        content: none;
    }
    .tabContentRow::after {
        content: none;
    }
    .tab-content-3 .cFeedback::after {
        content: none;
    }
    .LicenseeComparisonSec .tabContentRow {
        width: 50%;
    }
    .LicenseeComparisonSec .tabContentRow:nth-child(even)::before {
        content: none;
    }
    .newDesignLeftinnercontbox .boardInner .qusmore {
        margin-bottom: 5px;
    }
    .tabContentRow {
        border-bottom: 1px solid #fff;
        margin-bottom: 0;
    }
    .tabContentRow::before {
        border-right: 1px solid #fff;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    .LicenseeComparisonSec .tabContentRow::before {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        bottom: 0;
        top: 0;
    }
    .newDesignLeftinnercontbox .boardInner {
        text-align: center;
    }
    .tabContentRow:nth-child(even)::before {
        content: none;
    }
    .tabContentCell:first-child {
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .tabContentRow {
        width: 100%;
        float: none;
    }
    .LicenseeComparisonSec .tabContentRow {
        width: 100%;
    }
    .tabContentRow::before {
        content: none;
    }
    .LicenseeComparisonSec .tabContentRow::before {
        border-right: none;
    }
    .LicenseeComparisonSec .tabContentRow {
        widows: 100%;
    }
    .tabContentRow:last-child {
        border-bottom: none;
    }
    .tabContentCell {
        text-align: center;
    }
    .CompanyLogo {
        margin-left: auto;
        margin-right: auto;
    }
    .viewAndCompare a {
        text-align: center;
    }
    .LicenseeComparisonSec .viewAndCompare {
        text-align: center;
    }
    .LicenseeComparisonSec .tabContentRow {
        padding-bottom: 0;
    }
    .LicenseeComparisonSec .leaderboard.withToggle h2 {
        height: auto;
    }
    .tabContentCell:first-child {
        width: auto;
    }
    .LicenseeComparisonSec .viewAndCompare {
        position: static;
    }
}

@media screen and (max-width: 400px) {
    .newDesignLeftinnercontbox .leaderboard.withToggle h2 span {
        width: 290px;
    }
    .leaderboard.withToggle h2 span a {
        font-size: 10px;
    }
    .leaderboard.leaderboardNew.withToggle h2 span a {
        display: block;
    }
}


/*01-08-2017*/

.lightBoxOverlay {
    background: rgba(65, 68, 71, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    overflow: auto;
    display: none;
}

.lightBoxOverlay.show {
    display: block;
}

.lightBoxOverlay .btn {
    cursor: pointer;
}

.lightBoxOverlay .btn:hover {
    opacity: 0.7;
}

.lightBoxInner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.modalBox {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    margin: auto;
    padding: 60px;
    width: 500px;
    position: relative;
}

.addLicensee {
    padding: 10px 0;
    text-align: center;
}

.addLicensee input {
    background: rgb(243, 243, 244) none repeat scroll 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    color: #000;
    margin-right: 5px;
    width: 370px;
}

.addLicensee .btn {
    background: rgb(0, 166, 80) none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    padding: 11px 15px;
    text-transform: capitalize;
    height: 40px;
}

.licenseeListing {
    margin: 20px 0 30px 20px;
    max-width: 354px;
}

.licenseeListing ul {
    margin: 0;
}

.licenseeListing li {
    border-bottom: 2px solid rgb(208, 219, 226);
    font-weight: 600;
    list-style: outside none none;
    margin: 0;
    padding: 10px 0;
    text-transform: capitalize;
}

.licenseeListing li:last-child {
    border: 0;
}

.addLicenseeSec h5 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}

.addLicenseeSec h5 span {
    color: rgb(125, 125, 125);
}

.lightBoxFooter {
    padding: 60px 0 0 0;
    text-align: center;
}

.lightBoxFooter .btn {
    background: #0099e6 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 29px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 13px 25px;
    text-transform: uppercase;
    margin: 0 15px;
}

.lightBoxOverlayInnerTable {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: table;
}

.clsIcon {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.clsIcon i {
    color: rgb(250, 112, 86);
}

.darkbg {
    background: rgb(0, 107, 163) !important;
}

.appropriatebox input {
    display: none;
}

.appropriatebox ul li {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    position: relative;
}

.appropriatebox ul {
    margin: 0;
    padding: 0;
}

.appropriatebox label {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-left: 35px;
}

.appropriatebox input+label:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 1px 1px #ccc inset;
    left: 0;
    top: 0;
}

.appropriatebox input+label:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 1px 1px #ccc inset;
    -webkit-box-shadow: 0px 1px 1px #ccc inset;
    -ms-box-shadow: 0px 1px 1px #ccc inset;
    -moz-box-shadow: 0px 1px 1px #ccc inset;
    -o-box-shadow: 0px 1px 1px #ccc inset;
    left: 0;
}

.appropriatebox input:checked+label:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #0099e6;
    line-height: 20px;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .modalBox {
        width: auto;
        margin: 0 20px;
    }
    .addLicensee input {
        width: 100%;
        margin-bottom: 10px;
    }
    .licenseeListing {
        margin: 20px 0;
        max-width: 100%;
    }
    .licenseeListing ul {
        margin: 0;
        padding: 0;
    }
    .modalBox {
        padding: 25px;
    }
    .lightBoxFooter .btn {
        margin: 10px;
    }
    .appropriatebox label {
        font-size: 12px;
    }
}


/*02-08-2017*/

.advImg {
    width: 50px;
}

.jobsleadInnerSection .CompanyName {
    font-size: 12px;
    min-height: 40px;
}

.jobsleadInnerSection .companyNme {
    font-size: 11px;
    display: block;
}


/* right info area 09-08-2017 */

.rightInfoArea {
    padding: 30px;
}


/* 18-08-2017 */

.leaderboardNew span {
    overflow: visible !important;
}

.leaderboardNew span ul {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.leaderboardNew span ul li {
    display: table-cell;
    margin: 0;
    padding: 0;
    position: relative;
}

.leaderboardNew span ul li ul {
    background: #fff none repeat scroll 0 0;
    border-top: 4px solid #1995d2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    -ms-box-shadow: 0 0 6px #ccc;
    -moz-box-shadow: 0 0 6px #ccc;
    -o-box-shadow: 0 0 6px #ccc;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 120px;
    z-index: 9999;
    display: none;
}

.leaderboardNew span ul li ul::before {
    border-color: transparent transparent #1995d2;
    border-style: solid dashed;
    border-width: 0 6px 7px;
    content: "";
    display: block;
    height: 0;
    left: 12px;
    position: absolute;
    top: -11px;
    width: 0;
}

.leaderboardNew span ul li ul li {
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}

.leaderboardNew.withToggle h2 span ul li ul li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #6f6666;
    display: block;
    padding: 13px 15px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #e3e9ef;
}

.leaderboardNew.withToggle h2 span ul li ul li:last-child a {
    border-bottom: none;
}

.unclaimedBtn {
    background: #b970ae none repeat scroll 0 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    display: inline-block;
    padding: 10px 21px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
}

.claimedBtn {
    background: #7F3F98 none repeat scroll 0 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    display: inline-block;
    padding: 10px 21px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
}

.leaderboard.leaderboardNew.withToggle h2 span {
    width: 300px;
}

ul.subcheckbox {
    display: block;
    margin-left: 30px;
    margin-top: 20px;
}

ul.subcheckbox li {
    display: inline-block;
    margin-right: 10px;
}

.engagementLavel {
    position: relative;
}

.engagementLavel i {
    margin-top: -5px;
    position: absolute;
    right: 5px;
    top: 50%;
}

.engagementLavel.active i {
    color: #0d6aa1;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/* 2017-09-20 */

.basicProfile .compCarouselWrap {
    max-height: 250px !important;
    overflow: hidden !important;
    position: relative;
    padding-bottom: 50px !important;
}

.basicProfile .messagePost.comptag .bx-controls.bx-has-pager.bx-has-controls-direction {
    height: 40px;
    position: absolute;
    width: 100%;
    bottom: 0;
}


/* .basicProfile .messagePost.comptag .logo-box2 {
    margin-bottom: 50px;
} */

.basicProfile .messagePost.comptag .bx-controls.bx-has-pager.bx-has-controls-direction {
    display: block !important;
}

.basicProfile .compCarouselWrap .bx-wrapper .bx-controls-direction a.bx-next {
    width: 10px;
}


/* new add banners 15-12-2017 */

.addouter {
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
}

.addouter li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    position: relative;
}

.addouter a {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.addouter embed {
    margin: 0 auto;
}

.addDesktop,
.addTab,
.addMobile {
    display: none;
}

.pull-left-25 {
    margin-left: -25px !important;
}

.addouter.jobsboard {
    padding: 15px 0;
    margin-bottom: 20px;
}

@media screen and (min-width: 300px) and (max-width: 520px) {
    .addMobile {
        display: block;
    }
}

@media screen and (min-width: 521px) and (max-width: 960px) {
    .addTab {
        display: block;
    }
}

@media screen and (min-width: 961px) {
    .addDesktop {
        display: block;
    }
}


/* new add banners 15-12-2017 */

.addouter {
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
}

.addouter li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    position: relative;
}

.addouter a {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

@media screen and (min-width: 961px) {
    .addouter.leftSidebarAd a {
        right: -25px;
        left: -25px;
    }
    .addouter.leftSidebarAd.stickyAdd a {
        right: 0;
        left: 0;
    }
}

.addouter embed {
    margin: 0 auto;
}

.addDesktop,
.addTab,
.addMobile {
    display: none;
}

.pull-left-25 {
    margin-left: -25px !important;
}

.addouter.jobsboard {
    padding: 15px 0;
    margin-bottom: 20px;
}

@media screen and (min-width: 300px) and (max-width: 520px) {
    .addMobile {
        display: block;
    }
}

@media screen and (min-width: 521px) and (max-width: 960px) {
    .addTab {
        display: block;
    }
}

@media screen and (min-width: 961px) {
    .addDesktop {
        display: block;
    }
}


/* 18-12-2017 */

.stickyAdd .onlyDesktopSticky {
    position: fixed;
    top: 0;
}

.CompanyOwnershipSearch.content-right h2 {
    padding-left: 0;
}

.CompanyOwnershipSearch.content-right .lhs-nav-arrow.lhs-nav-arrow-blue {
    margin-bottom: 10px;
}

.CompanyOwnershipSearch.content-right .pageName {
    display: inline-block;
}

@media screen and (max-width: 940px) {
    .rhs-qas .card {
        float: left !important;
        width: 100% !important;
    }
}


/* 08-01-2018 */

.addouterWrap {
    text-align: center;
}

.addouterWrap .addouter {
    display: inline-block;
}


/* 13-03-2018 */

.payment-portal select {
    margin-top: 10px;
    display: block;
    height: 37px;
    max-width: inherit;
    width: 100%;
}

.payment-portal textarea {
    width: 100%;
}

.button-center {
    text-align: center;
    float: none !important;
    margin: 0 auto;
}

.licensee-setup-wizard-main.payment-portal .container {
    max-width: 780px;
}

.licensee-setup-wizard-main.payment-portal .wizard-0 {
    padding: 0;
}

.licensee-setup-wizard-main.payment-portal .head>div.title h2 {
    margin-bottom: 0;
    text-align: center;
}

.licensee-setup-wizard-main.payment-portal .button.holder {
    margin-left: 0;
    margin-right: 0;
    text-align: right;
}

.licensee-setup-wizard-main .wizard-0 .grp .half select {
    width: 100%;
}

.confirmation-msg {
    margin-top: 30px;
}

.confirmation-msg h5 {
    margin-bottom: 10px;
}

.business-connect-page .card-bottom.bg-white h2 {
    padding-bottom: 0;
}

.business-connect-page.adviser-connect-page .container ul {
    padding: 0;
}

.consumer-main.adviser-connect-page .consumer-center-content .card {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(26, 44, 69, 0.14);
    -moz-box-shadow: 0px 1px 3px 0px rgba(26, 44, 69, 0.14);
    box-shadow: 0px 1px 3px 0px rgba(26, 44, 69, 0.14);
}

.adviser-connect-page .title-diy {
    padding-bottom: 0;
}

.consumer-main.adviser-connect-page .consumer-center-content.two-col .hero .hero__banner {
    background-image: url('/images/banner3.jpg');
}

.adviser-connect-page.adviser-connect-page .panel-8 .list-4 li {
    font-size: 16px;
}

.consumer-main.adviser-connect-page .consumer-center-content .card p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6em;
}

.adviser-connect-page .block-11 .card {
    min-height: 300px;
}

@media (min-width: 768px) {
    .adviser-connect-page .block-11 .card {
        min-height: 360px;
    }
}

@media (min-width: 992px) {
    .adviser-connect-page .block-11 .card {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .adviser-connect-page .block-11 .card {
        min-height: inherit;
    }
}

@media (max-width: 640px) {
    .adviser-connect-page.adviser-connect-page .panel-8 .list-4 li {
        font-size: 14px;
    }
    .consumer-main.adviser-connect-page .consumer-center-content .card p {
        font-size: 14px;
    }
}

p.underReview::before {
    background: #dfe6eb;
}


/* 2018-06-12 */

.seo-tag {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

/* 2018-07-09 */
.rightPanel .sectionBlockOne {
    overflow: hidden;
}


.roboDetails {
    width: 100%;
    /* width: 600px;
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
}

.roboDetails td {
    padding: 15px 30px;
    font-size: 0;
}

.roboDetails td span {
    width: 40%;
    display: inline-block;
    font-size: 13px;
}

.roboDetails td input,
.roboDetails td select {
    width: 60% !important;
    margin: 0;
    max-width: inherit;
    height: 40px;
    vertical-align: top;
}

.roboDetails td textarea {
    width: 60% !important;
    vertical-align: top;
}

.roboDetails tr:first-child td {
    padding-top: 30px;
}

.roboDetails tr:last-child td {
    padding-bottom: 30px;
    text-align: center;
}

.roboDetails tr:last-child td .cta-btn {
    margin: 0 auto;
    float: right;
    width: 150px !important;
}

@media (max-width: 767px) {
    .roboDetails {
        width: 100%;
        max-width: 100%;
    }

    .roboDetails td {
        padding: 15px 15px;
    }

}

@media (max-width: 640px) {
    .roboDetails td span {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .roboDetails td input,
    .roboDetails td select,
    .roboDetails td textarea {
        width: 100% !important;
        margin: 0;
        max-width: inherit;
        height: 40px;
        vertical-align: top;
    }
}



/* 2018-07-09 */

.rightPanel .sectionBlockOne {
    overflow: hidden;
}

.content-links .button.white {
    text-decoration: none;
}

.UploadImageClass {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.single-profile-rating-block.blue {
    overflow: hidden;
}

.single-profile-rating-block.blue .search-results__stat {
    float: right;
    display: block;
    position: relative;
    top: 3px;
}
.single-profile-rating-block .search-results__stat{
  padding: 0;  
}

.no-bullets{
	padding:0px;
}