/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local(''),
    url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local(''),
    url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local(''),
    url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: local(''),
    url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local(''),
    url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local(''),
    url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local(''),
    url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



html, body { margin: 0 auto; padding: 0; font-family: 'Open Sans', sans-serif; text-align: center; max-width: 2560px;}

a { text-decoration: none; color: #000; }
*:focus { outline: none; }

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.gray-search { color: #4d4d4d; }
.dark-gray { color: #706f6f; }
.dark-blue { color: #235770; }
.light-gray { color: #b2b2b2; }
.orange { color: #00FF7F; }
.teal { color: #009dbd; }
.bold { font-weight: bold; }
.italic { font-style: italic; font-weight: 300; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.uppercase { text-transform: uppercase; }
.inline { display: inline-block; vertical-align: top; }
.relative { position: relative; }
.absolute { position: absolute; }
div.clear { clear: both; }

.tou ol li, .tou ul li { margin-bottom: 10px; }
.tou ul li {list-style-type: square; }

.logo { margin-top: 20px; display: inline-block; }
.logo img { width: 120px; }
/*div.header { background: #fff url("../img/head.jpg") no-repeat top center; min-height: 234px; margin-top: -40px; position: relative; z-index: 10; }*/
div.header { background: #fff; min-height: 234px; margin-top: -40px; position: relative; z-index: 10; }

h1.main { margin-top: 50px; font-size: 35px; font-weight: 400; padding: 0; text-transform: uppercase; margin-bottom: 5px; }

.admin-menu { font-weight: bold; margin-bottom: 20px;}

div.header.directory-header { min-height: 260px; }
div.header.directory-header .title { margin-top: 70px; }
div.header .title-header { margin-bottom: 5px; font-size: 17px; font-style: normal; font-weight: 600; color: #000; }
div.header .title { display: inline-block; margin-top: 80px; font-style: italic; }
div.header .title .upper { font-size: 48px; font-style: normal; color: #444;  padding: 0 10px; border-top: 1px solid #444; font-weight: normal; margin: 0; display: inline-block; }
div.header .title .lower { color: #00FF7F ; font-weight: bold; font-size: 42px; padding: 0 10px; margin-top: -15px; display: inline-block; border-bottom: 1px solid #444; }
div.header .title .lower .smaller { color: #b2b2b2; font-size: initial; }

div.header .subtitle { margin-top: 100px; display: inline-block; color: #706f6f; }

div.header .title .lower.header-lower-person, .header-lower-person { color: #000; font-size: 20px; font-style: normal; font-weight: 300; }
div.header .title .lower.header-lower-person { padding-bottom: 5px; }

.pre { overflow-x: scroll; } /* max-width: 100%; overflow: hidden; overflow-x: scroll;  */

nav { background: rgba(0, 0, 0, 0.04); margin-top: 10px; position: relative; z-index: 20; margin-bottom: -5px; }
nav > a { text-transform: uppercase; padding: 10px 15px; display: inline-block; color: #706f6f; }
nav > a.active, nav a:hover { background: rgba(0, 0, 0, 0.05); border-bottom: 4px solid #706f6f; margin-bottom: -4px; color: #000; } /* background: #b2b2b2;*/

nav div.signup i { display: inline-block; vertical-align: middle; }
nav div.signup { position: absolute; display: inline-block; right: 0px; background: #fff; color: #000; font-weight: bold; padding: 0px 25px 0px 20px; margin-top: 2px;
    text-transform: inherit; border: 1px solid #4d4d4d; }
nav div.signup a:hover { text-decoration: underline; background: inherit; border-bottom: inherit; color: inherit; }
nav div.signup div { display: inline-block; vertical-align: middle; margin-left: 10px; }
nav div.signup small { margin-top: 0px; display: block; font-size: 12px; }

nav div.signup:hover { border-bottom: 4px solid #706f6f; margin-bottom: -4px; cursor: pointer;}
nav div.signup a:hover { border-bottom: inherit; color: #fff; background: inherit; border-bottom: inherit; }

.top-menu { position: relative;  padding-top: 5px; background: #fafafa; }
.top-menu a { font-weight: bold; padding: 0px 10px; }
.top-menu a:hover { text-decoration: underline; }

.pricing ul { list-style-type: square; display: inline-block; text-align: left; }
.pricing ul li { line-height: 28px; }

.subheader { background: #F5F5DC; color: #fff; text-transform: uppercase; padding: 20px 0; }
.subheader-gray { background: #4d4d4d; }
.subheader a.title { font-size: 40px; padding: 5px 10px; border: 1px solid #fff; font-weight: bold; display: inline-block; color: #fff; }
.subheader a.subtitle { font-size: 20px; color: #fff; }
.subheader i { transform: rotateY(180deg); font-size: 24px; display: inline-block; margin-top: 5px; margin-left: 5px; }

.overview .box { position: relative; display: inline-block; padding: 20px 40px 40px 40px; margin: 70px 30px 70px 30px; border: none;
    font-size: 15px; max-width: 300px; min-height: 340px; vertical-align: top;
    background: linear-gradient(180deg, #f8f8f8 0%, #fafafa 100%)}
.overview .box h2 { color: #777; text-transform: uppercase; margin: 0 0 10px; font-weight: 800; font-size: 16px; padding: 0; text-align: center; }
.overview .box img { width: 30px; position: absolute; right: 10px; bottom: 10px; opacity: 0.1;}
.overview .box hr { border: none; border-bottom: 1px solid #ddd; margin: 20px -42px 20px -42px; }


.overview .active { border: 1px solid #F5F5DC; }
.overview .active .circle { background: #F5F5DC; color: #fff; }
.overview .active .circle img { filter: invert(1); }
.overview .box .circle img { width: 35px; margin-top: 12px; }

main {}
main .box { display: inline-block; vertical-align: top; }
main .box-center { background: #F5F5DC; min-height: 383px; padding: 20px; margin: 0 20px; color: #fff; max-width: 600px; }
main .box img { width: 600px; }
main h2, h2.main { margin-top: 60px; color: #4d4d4d; display: inline-block; padding: 5px; border-bottom: 1px solid #ccc; font-size: 28px; font-weight: 600; text-transform: uppercase; }
main.admin h2 { margin-top: 20px; }
main h2.landing { margin-top: 0; color: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
main .big { margin: 20px; text-align: left;}
main .big input[type="text"], main .big input[type="password"] { margin-left: 0px; }

.inner { margin: auto; max-width: 1240px; position: relative; }


footer { padding: 50px 0; background: #F5F5DC; color: #000; margin-top: 10px; }
footer .column { min-width: 400px; display: inline-block; vertical-align: middle; }
footer .headline { border-top: 1px solid #000; border-bottom: 1px solid #000; display: inline-block; padding: 5px; font-weight: bold; margin-bottom: 10px; }
footer img { width: 200px;}
footer a:hover, .copyright a:hover { text-decoration: underline; }

.copyright { font-size: small; padding: 20px; }


.right-arrow { display: inline-block; margin-left: 30px; position: relative;}
.right-arrow:before { content: ""; border-color: transparent #fff; border-style: solid; border-width: 20px 0 20px 20px; height: 0; width: 0;
    position: absolute; left: -30px; top: -20px; }

/* section search */
.search { background: #F5F5DC; padding-left: 20px; color: #fff; font-size: 12px; font-weight: 400; display: inline-block; margin: 30px 0 40px; }

.burger-left:before { content: "\f0d7"; position: absolute; top: 0.25em; left: 0; width: 1em; }

.clear-filter { padding: 40px 20px 20px 20px; background: #fff; }
/*.clear-filter div { background: #fff; padding: 12px 20px 12px 40px; color: #000; display: inline-block; font-size: 13px; margin: 10px -5px 20px 0; position: relative;
    text-align: left; min-width: 500px; }*/
.clear-filter .title { font-size: 22px; color: #000; font-weight: bold; text-transform: uppercase; vertical-align: middle; display: inline-block; padding-right: 30px; }
.clear-filter span { color: #F5F5DC; }
.clear-filter .cost { color: #000; min-width: 75px; display: inline-block; text-align: left; }
span.email { color: #000; font-size: 14px; display: inline-block; margin: 0 30px 0 10px;}
input.email { border: 1px solid #fff; }
/*.clear-filter div:before { content: ""; border-color: transparent #F5F5DC; border-style: solid; border-width: 20px 0 20px 15px; height: 0; width: 0;
    position: absolute; left: -0px; top: 0; }*/
.select-amount { padding:8px; width: 84px; margin-right: 20px; display: inline-block; text-align: right; vertical-align: middle; }

a.clear { background: #00FF7F; padding: 12px 20px; font-size: 13px; white-space: nowrap; }
a.search-02 { padding: 12px 40px; font-weight: 600; }
input.search-02, button.search-02 { border: none; padding: 12px 40px; font-weight: 600; background: #00FF7F; font-size: 13px; white-space: nowrap; display: inline-block;}

span.button, .button { font-family: 'Open Sans'; color: #000; cursor: pointer; padding: 8px 30px 8px 40px; font-weight: 700; background: #00FF7F;
    font-size: 16px; white-space: nowrap; position: relative; text-transform: uppercase; border: none; }
span.button:after, .button:after { content: ""; border-color: transparent #00FF7F; border-style: solid; border-width: 19px 0 19px 14px; height: 0; width: 0;
    position: absolute; right: -14px; top: 0; display: inline-block; }
span.button:hover, .button:hover { text-decoration: underline; }
.button.white { border: 1px solid #4d4d4d; background: #fff; padding: 8px 40px 8px 40px; }
.button.white.noborder {border: 1px solid transparent; padding: 8px 0px 8px 0px; background: transparent;}
.button.white:after { border-color: transparent; }
.button.spacer { margin-top: 30px; }
.button.small { padding: 2px 10px; font-size: small; }
.button.small:after { border-width: 11px 0 11px 10px; right: -10px; }
.button.allow-wrap { white-space: inherit; }

.yellow { background: #00FF7F; }
.gray { background: #b2b2b2; padding: 8px 30px 8px 40px;}


.status-red { padding: 2px 10px; background: #e63623; color: #fff; font-size: small; font-weight: bold; }
.status-green { padding: 2px 10px; background: #6ca537; color: #fff; font-size: small; font-weight: bold; }


.header-02 { display: inline-block; margin-top: 80px; font-size: 28px; font-style: normal; color: #444; font-weight: bold; }

.filter { margin: 0 auto 0; padding: 10px 10px; text-align: center; position: relative; background: rgba(255, 255, 255, 0.6); }
.filter-home { position: relative;}
.filter-home .filter { padding: 10px 10px; background: rgba(255, 255, 255, 0.4);; margin-top: 0px; display: inline-block; box-shadow: 0 0 15px #444; }
.filter-home .filter select { width: 250px; }

.filter .box { display: inline-block; text-align: left; font-size: 12px; margin: 10px; vertical-align: top; }
.filter .box .description { color: #F5F5DC; text-transform: uppercase; display: inline-block; margin-bottom: 5px; font-weight: 600; }
.filter .box .text { padding: 5px 10px; background: #fff; min-width: 140px; display: inline-block; margin: 0 -5px 5px; position: relative; }
.filter .box .info { background: #F5F5DC; color: #fff; display: inline-block; padding: 0 7px; margin-left: 5px; cursor: pointer; font-weight: bold; }

.filter .box .select { background: #4d4d4d; position: relative; display: inline-block; padding: 5px 12px; cursor: pointer; margin: 0px 0 0 -5px; vertical-align: top}

.filter .box .select:before {content: "\25BC"; position: absolute; top: 3px; left: 6px; color: #fff; font-size: 16px; }

#filter-main-search { min-width: 400px; }

select { width: 300px; }
.select2-container--default { font-size: 12px; }
.select2-results__option { padding: 5px 2px 5px 10px; }
.select2-container .select2-search--inline .select2-search__field { padding-left: 5px;}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-radius: 0; }
.select2-container .select2-selection--multiple { min-height: 27px; font-size: 12px;}
.select2-container--open .select2-dropdown--below { border-radius: 0; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #F5F5DC; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: transparent; border: none; margin-top: 4px; }
.select2-container .select2-selection--single { height: 27px; font-size: 12px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { display: none;}
/*select 2 bugfix cursor*/
input.select2-search__field {
    min-width: 1.0em !important;
}

#parent_contacts_amount .select2-results__option { text-align: right; color: #4d4d4d; }
#parent_contacts_amount .select2-results__option--highlighted[aria-selected] { color: #fff; background: #F5F5DC; }

main table { width: 100%; }
main table th { text-align: left; }
main table td, main table th { padding: 5px 10px; text-align: left; background: #f2f2f2; transition: background-color 0.5s;}
main table th { background: #4d4d4d; color: #fff; margin: 5px 0; }
main table tr:nth-child(odd) td { background: #fff; }
main table tr:hover td { background: #cccccc; }

table tr.total td {border-top: 2px solid #4d4d4d;}
table tr.bottom-line td {border-bottom: 2px solid #4d4d4d;}
table tr.wallet_order_sum td {border-top: 2px dashed #4d4d4d;}

table.results {width: 100%; }
.col-1 { width: 1%; }
.col-2 { width: 2%; }
.col-3 { width: 3%; }
.col-5 { width: 5%; }
.col-7 { width: 7%; }
.col-10 { width: 10%; }
.col-15 { width: 15%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }

table.results td { background: #fff; vertical-align: top; }
table.results tr th { text-transform: uppercase; vertical-align: top; border-bottom: 10px solid #fff;}
table.results th .info { background: #fff; color: #4d4d4d; display: inline-block; padding: 0 7px; margin-left: 5px; cursor: pointer; font-weight: bold;
    text-transform: lowercase; font-size: 14px; }
.no-wrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nowrap { white-space: nowrap; }
.break_anywhere {
    word-wrap: break-word; /* IE */
    word-break: break-all;
}

.info-credits { background: #4d4d4d; color: #fff; display: inline-block; padding: 0 7px; margin-left: 5px; cursor: pointer; font-weight: bold;
    text-transform: lowercase; font-size: 14px; vertical-align: middle; margin-top: -4px;}

table.results hr { border: 0; border-bottom: 2px solid #4d4d4d; margin: 5px -10px 0px; }
table.results tr th small, table.results tr td small { display: inline-block; padding: 4px 3%; width: 94%; margin-top: 4px;
    position: relative; transition: border-top 0.5s; }

table.results .info-label { color: #aaa; display: inline-block; min-width: 70px; transition: color 0.5s; }
table.results.col-20 .info-label { min-width: 80px; transition: color 0.5s; }
table.results tr:hover .info-label { color: #000; }
table.fixed { width: 100%; table-layout: fixed; min-width: 980px; }
.scroll-x { overflow-x: auto; }

.faq, .tou, .contact, .features { max-width: 900px; }
.bookmark { font-size: 14px; margin-top: -15px; }
.header-accordion { color: #4d4d4d; font-weight: 600; cursor: pointer; padding: 15px 15px 15px 45px; border-bottom: 1px solid #cccccc; text-align: left; transition: 0.5s; }
.active-accordion, .header-accordion:hover { background-color: #f2f2f2; }
.accordion { padding: 0 45px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.accordion p { margin-bottom: 20px; }
.header-accordion:before { content: '\25BA'; color: #4d4d4d; font-weight: bold; position: absolute; margin-left: -30px; font-size: 11px; margin-top: 3px;}
.active-accordion:before { content: "\25BC"; }

p { text-align: left; }
.pricing ol, ul { text-align: left; }
.pricing ol li, .pricing ul li { margin-top: 10px; }

/* section pricing */
.pricing .box h2 { font-weight: 800; font-size: 24px; padding-bottom: 15px; border-bottom: 1px solid #000;}
.pricing .box { border: 1px solid #ccc; min-height: 270px; }
.pricing small { font-size: 20px; display: block; margin-top: -5px; font-weight: 600; margin-bottom: 15px;}
.pricing .active a.clear { background-color: #F5F5DC; color: #fff; }
.pricing .active { border: 1px solid #aaa; }
.price { font-size: 36px; font-weight: 400; color: #4d4d4d; }
.price span { font-size: 24px; font-weight: 600; display:block}
.pricing ol li, .pricing ul li { margin-top: 5px; }

input { padding: 10px; width: 230px; }
input[type=text], input[type=password] { padding: 8px; font-size: 16px; background: #ffffff; border: 1px solid #aaaaaa; margin: 3px -10px 10px 10px; }
input[type=text].login, input[type=password].login { padding: 8px 8px 8px 35px; }
select.register { padding: 8px; width: 250px; font-size: 16px; background: #ffffff; border: 1px solid #aaaaaa;}

input[type=checkbox] { width: inherit; vertical-align: middle; }
input:focus { border: 1px solid #F5F5DC; }
input[type=submit], a.submit { font-weight: bold; font-size: 16px; width: 295px; background: #00FF7F; border: 1px solid #00FF7F; padding: 8px; }
a.submit { min-width: 200px; display: inline-block;}
input[type=submit].login { margin: 20px -10px 20px -10px; }
input[type=submit]:hover { color: #fff; cursor: pointer; }
.input-icon { margin-right: -37px; position: relative; z-index: 10; color: #aaaaaa; }

.pagination { margin-top: 30px; }
.pagination span { display: inline-block; padding: 5px 10px; border: 1px solid #4d4d4d; font-weight: bold; cursor: pointer; }
.pagination span:hover, .pagination span.active { background: #f2f2f2; }

.autocomplete-suggestions { box-sizing: border-box; border: 1px solid #aaa; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px 2px 20px; white-space: nowrap; overflow: hidden; text-align: left;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

input.autocomplete { font-size: 20px; padding: 10px 20px; border: 1px solid #ccc; display: inline-block; margin: 1px; min-width: 400px; }
.blur { color: transparent; text-shadow: 0 0 5px #888;}

.inline-box { vertical-align: top; display: inline-block; margin-right: 30px; }

table.listing td, table.listing th { vertical-align: top; }


.type { display: inline-block; vertical-align: middle; text-align: left; }
.strike { text-decoration: line-through; }

.column a { color: #000; }

input.not-valid, select.not-valid { border: 1px solid #e63623; position: relative; color: #e63623; }

.payment_required { background: #00FF7F; padding: 10px; display: block; font-weight: bold; margin-bottom: 10px; }

.remote-admin { width: 100%;position: absolute;left: 0;top: 0;background-color: #00FF7F; font-weight: bold; padding: 5px; }
.remote-admin span { margin-left: auto; margin-right: auto; }

.message  { padding: 12px 10px; font-weight: bold;  border: 1px solid black; margin: 10px 0px; }
.message.yellow  {  background-color: #00FF7F; }

.payment { max-width: 500px; margin: auto;}
#loading { display: none; margin: 15px;}
#page_loading { display: none; margin: 15px;}
#password::placeholder, #password_repeat::placeholder {font-size: 13px;}

.faq a, .tou a, .select2-rendered__match, .underline { text-decoration: underline;}

.progress-bar { border: 1px solid #4d4d4d; position: relative; margin: 2px auto 20px; width: 80%; height: 40px; }
#progress { height: 40px; position: absolute; width: 0px; background: #00FF7F; text-align: center; font-weight: bold; line-height: 40px; }

.select2-container.select2-container-disabled .select2-choice {
    background-color: #ddd;
    border-color: #a8a8a8;
}

.vspacer { display: inline-block; padding: 0px 10px; }



/* ADDDON */

/*********** admin ***********/
.toggle-admin-menu { position: absolute; right: 5px; top: 5px; z-index: 10000; opacity: 0.5; }
main.admin { min-height: 550px; }
/*********** admin end ***********/


/*********** modal ***********/
.modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(0.2);
    transition: visibility 0s linear 0.25s, opacity .25s 0s, transform .25s; z-index: 9999998; }

.modal-container {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; min-width: 380px; max-width: 99vw; box-shadow: 0 0 50px #000; border-radius: 8px; }
.close-button { position: absolute; top: 0px; right: 10px; cursor: pointer; padding: 5px; }
.close-button:hover {color: #F5F5DC}
.show-modal {opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity .25s 0s, transform .25s; }
.modal-container h2 { font-size: 20px; font-weight: bold; margin-top: 0;margin-bottom: 20px}
.modal#modal-profile .modal-container, .modal#modal-checkout .modal-container { top: 100px; transform: translate(-50%, 0%); }
.modal#modal-checkout  {position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 6000px;}


.modal hr { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.modal .link { cursor: pointer; }

.modal-header { padding-top: 10px; }
.modal-content { padding: 10px 0; }
.modal-footer { padding-top: 10px; }
/*********** modal end ***********/

.box { display: inline-block; vertical-align: top; text-align: left; margin: 10px; }


/*********** person details / company details ***********/
.directory_body ul { list-style: square; padding-left: 10px;}
.directory_body ul li { margin-bottom: 15px; line-height: 25px;  vertical-align: middle; }
.job-history i { color: #444; font-size: 10px; width: 15px; padding-bottom: 6px; vertical-align: middle; }

.business-card-outer { margin-top: 50px; margin-left: 263px; overflow: hidden; min-height: 320px; width: 450px; position: absolute; right: 10px; color: #444; }
/*.business-card { margin-top: 35px; padding: 0 30px; opacity: 0.8; font-size: 18px; line-height: 34px;  z-index: 2; position: relative; }*/
.business-card { margin-top: 35px; padding: 0 30px; opacity: 0.8; font-size: 18px;   z-index: 2; position: relative; min-height: 360px; }
.business-card h3 { margin-bottom: 10px; font-size: 22px; color: #000; }
/*old: .business-card .description { line-height: initial; font-size: 10px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; width:90%}*/
.business-card .description { line-height: initial; font-size: 10px; max-height: 60px; overflow-y: scroll; text-overflow: ellipsis; width:90%;}




.business-card-background { position: absolute; width: 100%; top: 10px; opacity: 0.04; z-index: 1; }
.business-card i { opacity: 0.15; color: #000;}
.business-card-image { right: 10px; bottom: 130px; position: absolute; }


.related-companies { display: inline-block; margin-right: 20px; margin-top: 20px; }
.related-companies-image { margin-top: 3px; margin-right: 5px; display: inline-block; vertical-align: top; }
.related-companies-main-text { width: 185px; display: inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    margin-left: 15px; margin-top: 10px; font-weight: 600;}
.related-companies-text-inner {font-weight: lighter; }
.no-logo-existing { opacity: 0.8; margin-top: 10px; }

.person-card { background: #f9f9f9; padding: 20px 10px; margin: 10px; }
.person-card .image-person { width: 25px; height: 35px; margin-top: 7px; margin-right: 1px; }
.person-card-inner { width: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } /*  width: 75px; */
.person-card h3 { margin-top: 0px; width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person-card .center { margin-top: 5px; }
.person-card-image { right: -20px; bottom: 95px; position: absolute; }
.person-card-image-page-company { bottom: 10px; }

.outer-cards { margin: 0 -10px; }

.person { }
.person.inline.person-box{ min-height: 420px; min-width: 600px;}
.person a { color: #F5F5DC; }
.person h2 { font-size: 17px; font-weight: bold; color: #000; text-transform: none; margin-top: 0px; text-align: left; line-height: initial;}
.person .image-person, .person .business-image { margin: 38px 20px 0px 0px; }

.person-description { font-weight: 300; overflow-wrap: break-word; display: table; table-layout: fixed; width: 100%; }
.directory_content h3.person-headline { margin: 0 -30px 10px; font-weight: 700; color: #fff; padding: 10px 30px; font-size: 19px; background: #F5F5DC; } /* background: linear-gradient(90deg, #F5F5DC 0%, #fff 100%); */
.directory_content h3.person-headline strong { font-weight: 700; }
.directory_content h3 .light { font-weight: 300; }
.directory_content hr.person-hr { border: 0; }
.directory_content h1 { display: inline-block; margin-bottom: 10px; vertical-align: bottom; line-height: initial; margin-top: 30px; padding-right: 5px; }

.person .mobile-table .col-left { position: absolute; font-size: 18px; }
.person .mobile-table .col-right { position: relative; margin-left: 200px; display: inline-block; margin-bottom: 12px; font-size: 18px; }
.business-card .mobile-table .col-left { position: absolute; font-size: 18px; }
.business-card .mobile-table .col-right { position: relative; margin-left: 200px; display: inline-block; margin-bottom: 12px; font-size: 18px; }
.business-card.business-card-right .mobile-table .col-right { width: 220px; overflow: hidden; text-overflow: ellipsis; }

span.job_group .job_group_main { margin-right: 5px; font-weight: 600; }
span.job_group .job_group_sub, span.job_title {font-weight: 300; }
div.faq div, div.information div { display: inline-block; width: 350px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; margin: 10px; padding: 20px; background: #fff; box-shadow: 0 0 15px #eee;  }
div.information, div.faq { margin: 0 -10px; }
.information div { min-height: 100px; }

div.information div { margin: 10px; width: 250px; }
div.information small { font-weight: 700; color: #444; }
div.faq b, div.information b { font-weight: 600; margin-bottom: 5px; display: inline-block; }
div.faq span, div.information span { font-weight: 300; }


.avatar-person-default, .avatar-business-default { width: 100%; }
.avatar-person-tiny, .avatar-business-tiny { padding: 23px; width: 24px; } /* border: 1px solid #ddd; box-shadow: 0 0 10px #eee; */
.avatare-person-small, .avatar-business-small { padding: 19px; width: 32px; } /* border: 1px solid #ddd; box-shadow: 0 0 10px #eee;*/
.avatar-person-background, .avatar-business-background { width: 100%; filter: blur(5px); opacity: 0.0; position: absolute; left: 0; }
.business-image { display: inline-block; width: 70px; height: 70px; margin-left: 10px; text-align: center; position: relative; }
.avatar-business-type-default { width: 80%; filter: brightness(1.4); margin-top: 10px; }
.avatar-business-type-large { width: 100%; filter: brightness(1.4); margin-top: 0px; }
.mobile-wrap { display: none; position: absolute;}
.mobile-break { display: none; position: absolute;}
.person-details { margin-left: -25px; }
.details-box-description { width: 98%; overflow-wrap: break-word; display: table; table-layout: fixed; }

.image-person { display: inline-block; width: 80px; height: 80px; margin-left: 10px; text-align: center; position: relative; overflow: hidden; }

.blur { color: transparent; text-shadow: 0 0 5px #888;}
.censorblur { color: transparent; text-shadow: 0 0 5px #888;}

div.chart-small { display: inline-block; vertical-align: top; margin: 10px; width: 380px; }
div.chart-small canvas { }

.person-faq { max-width: initial; }

.fa-stack.small { font-size: 0.5em; }
.i_stack_middle { vertical-align: middle; }

.info-notice { max-width: 1080px; margin-top: 100px; min-height: 180px; }
.info-notice h1 { text-transform: uppercase; font-weight: 300; font-size: 50px; }


/*** CHECKOUT ***/
.link { cursor: pointer; }

.checkout-progress-container { margin-top: -10px; }
.checkout-progress-bar { display: inline-block; background: #ccc; height: 3px; width: 50px; }
.checkout-progress-bar.active { background: #00FF7F; }

.selection-container { background: #fafafa; width: 400px; padding: 15px 15px 15px 40px; margin: 10px auto; position: relative; text-align: left; }
.selection-container input[type=checkbox] { width: initial; position: absolute; left: 10px; top: 16px; }
.selection-container label { font-weight: bold; padding: 5px; padding-left: 40px; margin-left: -40px; vert-align: top;}
.selection-container small { color: #888; display: block; }
.selection-container .item-price { position: absolute; right: 15px; top: 15px; font-weight: bold; color: #888; }
.person-card-inner { margin-right: 4px; margin-top: 5px; } /* margin-right: 12px; breaks iphone alignment*/
.selection-container .checkout-details { margin-top: 5px; color: #444; }
.selection-container i { font-size: 14px; display: inline-block; margin-left: 5px; color: #ddd; }
.selection-container small i { color: #444; }

.radio-style { text-align: left; display: none; }
.radio-style input { opacity: 0; position: absolute; cursor: pointer; padding: initial; width: initial; }
.radio-style .amount-content span, .radio-style-login { height: 25px; width: 35px; display: inline-block; font-size: 14px; color: #444; background: #fff; font-weight: bold;
    line-height: 25px; position: relative; text-align: center; border: 1px solid #ccc; vertical-align: middle; cursor: pointer; }
.radio-style .amount-header { font-weight: bold; font-size: small; color: #000; margin-top: 7px; margin-bottom: 2px; }

.radio-style-login { color: #000; padding: 0 15px; width: initial; margin: 0 3px; }
.radio-style-login.active { background: #00FF7F; }
.amount-header-value { font-weight: bold; font-size: small; display: inline-block; }

.checkout-max-width-header { max-width: 280px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; vertical-align: top; }

.ElementsModal--pay-button { padding: 11px; margin-bottom: 15px; margin-top: 5px; border-radius: 5px; width: 300px; border: none; background: #00FF7F;
    cursor: pointer; font-weight: bold; font-size: 16px; }
.stripe-element-subscription { border: 1px solid #ddd; border-radius: 4px; padding: 10px 5px; }

/*** CUSTOM SECTION ***/
.email-stack { position: absolute; display: inline-block; padding: 3px 10px 5px; font-size: 14px; margin-left: -5px; margin-top: -5px; color: #aaa; }


 .buy_profile_div .button-person-buy {
     display: inline-block;
     max-width: 330px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }


.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed;}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#000}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

/* RESPONSIVE */
@media only screen and (min-width: 1920px) {
    div.header { background-size: cover; background: #fff; }
    .person-card { width: 370px; max-width: 370px; }
}

@media only screen and (max-width: 1900px) {
    main .box { vertical-align: middle; }
    main .box img { width: 400px; }
}

@media only screen and (max-width: 1520px) {
    main .box img { width: 300px; }
}

@media only screen and (max-width: 1400px) {
    .categories { height: inherit; }
    .categories .inner { background: rgba(255, 255, 255, 0.7); }
    .categories .branch { position: static; display: inline-block; margin: 20px 40px; }
    .top-menu { position: relative; right: 10px; top: 0px; padding: 0px 15px 10px; }
}

@media only screen and (max-width: 1320px) {
    main .box img { display: block; max-width: 60%; margin: 10px 20%; width: inherit; }
    .overview .box { margin: 30px 10px 30px 10px; }
    .directory_content h3.person-headline { margin: 0 0 10px; }
}

@media only screen and (max-width: 1270px) {
    .business-card-outer { margin: 20px 15px; position: relative; display: block; }
    .person.inline.person-box{ min-height: 370px; min-width: 600px; margin-left: 30px; }
    .directory_content h3.person-headline { margin: 0 0 10px; }
    div.information, div.faq { margin: 0; }
    .directory_body ul { padding-left: 25px; }
    .outer-cards { margin: 0 10px; }
}

@media only screen and (max-width: 1050px) {
    footer .column { min-width: 250px; display: inline-block; vertical-align: middle; }
    .job-history { max-width: 90%; overflow: hidden; }
}

@media only screen and (max-width: 800px) {
    .top-menu { font-size: 14px; }
    nav > a.active, nav a:hover { background: none; }
    h1.main { font-size: 24px; }
    
    .vspacer { display: inline-block; padding: 0px 0px; }
    
    /*div.header { background: #fff url("../img/head-mobile.jpg") no-repeat center center; background-size: cover; margin-top: -47px; }*/
    div.header { background: #fff; background-size: cover; margin-top: -47px; }
    div.header .title { margin-top: 50px; }
    div.header .title-custom { margin-top: 100px; }
    div.header .subtitle { margin-top: 70px; }
    nav a {
        margin-bottom: 5px;
        padding-bottom:5px;
        padding-top:5px;
    }
    .logo img { display: block; max-width: 90%; margin: 0px 5%; }
    .subheader { padding: 10px 20px; }
    .categories .branch { margin: 10px 10px; }
    main .box-center { padding: 10px; margin: 0px 0px; }
    footer .column { margin: 10px 0px; }
    footer .column img { display: block; }
    footer { padding: 20px 0px; }
    
    .search input{ width: inherit; }
    .clear-filter div  { min-width: inherit;}
    .clear-filter div:before { display: none; }
    
    div.header .title .upper { font-size: 42px; }
    div.header .title .lower {  font-size: 32px;}
    header.small .title.title-person { margin-top: 80px; }
    .logo-footer { display: block; margin: auto; }
    
    .info-notice h1 { font-size: 30px; padding: 10px; }
}

@media only screen and (max-width: 700px) {
    .person.inline.person-box{ min-width: initial; }
    .person-card-image { right: initial; top: initial; position: relative; display: block; margin-left: 0px; margin-top: 40px; text-align: center; width: 100%;
        bottom: initial; margin-bottom: -50px;}
    .person-card-image-page-company { bottom: initial; margin-bottom: 10px; margin-top: 0px;}
}

@media only screen and (max-width: 600px) {
    .person .mobile-table .col-right { max-width: 380px; overflow: hidden; text-overflow: ellipsis;  margin-left: 165px;}
}

@media only screen and (max-width: 510px) {
    .person .mobile-table .col-right { max-width: 290px; }
    #modal-checkout .modal-container { min-width: initial; width: 88%; }
    .selection-container {  width: 300px; }
    .checkout-max-width-header { max-width: 200px; }
}

@media only screen and (max-width: 475px) {
    .business-card-outer { width: initial; }
    .business-card-image { right: initial; top: initial; position: relative; text-align: center; display: block; bottom: initial; margin-bottom: 20px; }
    div.chart-small { width: 350px; }
    .person.inline.person-box{ overflow: hidden; width: 96%; margin-left: 4%;  }
    .business-card-outer { margin: 20px 0px; }
    .business-card-background { display: none; }
    .person-card h3 { width: 300px; }
    div.information div, div.faq div { width: 84%; }
    span.button.button-person-buy { margin-left: 0px; }
}

@media only screen and (max-width: 440px) {
    .person .mobile-table .col-right, .business-card-right .mobile-table .col-right { max-width: 240px; font-size: 16px; margin-left: 145px;}
    .person .mobile-table .col-left, .business-card-right .mobile-table .col-left { font-size: 16px; }
    .business-card-right .mobile-table .col-left small { display: block; padding-left: 25px; }
    .mobile-fix .button.tiny { padding: 8px 20px 8px 20px; }
    .person-card { width: 340px; max-width: 340px; margin-left:0px;margin-right:0px; }
    .person-card-inner { width: 65px; }
    .outer-cards { margin: 0 5px; }
}


@media only screen and (max-width: 400px) {
    .top-menu { font-size: 13px;}
    .person .mobile-table .col-right, .business-card-right .mobile-table .col-right { max-width: 220px; }
}

@media only screen and (max-width: 380px) {
    .person .mobile-table .col-right, .business-card-right .mobile-table .col-right { max-width: 200px; }
}