/* hj barraza's modifications  */

#main-footer,.company-links .social .facebook {
    clear: both !important;
}

.company-links {
    margin-top: 10px !important;
}

.profile-row {
    max-width: 720px !important;
    border: none !important;
}
.sidebar {
    max-width: 300px !important;
    max-height: 500px !important;
    float: right !important;
    margin-right: 5px !important;
    padding-top: 50px !important;
}
#main {
    max-width: 1020px!important;
    margin-left: auto;
    margin-right: auto;
}


/* here ends hj's mods
Conversa's modifications below */ 



carticle,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin-top: .75em;
    margin-bottom: .75em
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    margin: 0 2px;
    border-color: silver;
    border-top-style: solid;
    border-top-width: .0625em;
    padding-top: .4625em;
    border-bottom-style: solid;
    border-bottom-width: .0625em;
    padding-bottom: .9125em;
    border-left-style: solid;
    border-left-width: .0625em;
    padding-left: .875em;
    border-right-style: solid;
    border-right-width: .0625em;
    padding-right: .875em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

body {
    min-width: 960px
}

.container_12,
.profile-row {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.grid_1,
.logo-bar .social-links .social-link,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11 {
    position: relative
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

.container_12 .grid_1,
.profile-row .grid_1,
.container_12 .logo-bar .social-links .social-link,
.logo-bar .social-links .container_12 .social-link,
.profile-row .logo-bar .social-links .social-link,
.logo-bar .social-links .profile-row .social-link {
    width: 60px
}

.container_12 .grid_2,
.profile-row .grid_2 {
    width: 140px
}

.container_12 .grid_3,
.profile-row .grid_3 {
    width: 220px
}

.container_12 .grid_4,
.profile-row .grid_4 {
    width: 300px
}

.container_12 .grid_5,
.profile-row .grid_5 {
    width: 380px
}

.container_12 .grid_6,
.profile-row .grid_6 {
    width: 460px
}

.container_12 .grid_7,
.profile-row .grid_7 {
    width: 540px
}

.container_12 .grid_8,
.profile-row .grid_8 {
    width: 620px
}

.container_12 .grid_9,
.profile-row .grid_9 {
    width: 700px
}

.container_12 .grid_10,
.profile-row .grid_10 {
    width: 780px
}

.container_12 .grid_11,
.profile-row .grid_11 {
    width: 860px
}

.container_12 .grid_12,
.profile-row .grid_12 {
    width: 940px
}

.container_12 .prefix_1,
.profile-row .prefix_1 {
    padding-left: 80px
}

.container_12 .prefix_2,
.profile-row .prefix_2 {
    padding-left: 160px
}

.container_12 .prefix_3,
.profile-row .prefix_3 {
    padding-left: 240px
}

.container_12 .prefix_4,
.profile-row .prefix_4 {
    padding-left: 320px
}

.container_12 .prefix_5,
.profile-row .prefix_5 {
    padding-left: 400px
}

.container_12 .prefix_6,
.profile-row .prefix_6 {
    padding-left: 480px
}

.container_12 .prefix_7,
.profile-row .prefix_7 {
    padding-left: 560px
}

.container_12 .prefix_8,
.profile-row .prefix_8 {
    padding-left: 640px
}

.container_12 .prefix_9,
.profile-row .prefix_9 {
    padding-left: 720px
}

.container_12 .prefix_10,
.profile-row .prefix_10 {
    padding-left: 800px
}

.container_12 .prefix_11,
.profile-row .prefix_11 {
    padding-left: 880px
}

.container_12 .suffix_1,
.profile-row .suffix_1 {
    padding-right: 80px
}

.container_12 .suffix_2,
.profile-row .suffix_2 {
    padding-right: 160px
}

.container_12 .suffix_3,
.profile-row .suffix_3 {
    padding-right: 240px
}

.container_12 .suffix_4,
.profile-row .suffix_4 {
    padding-right: 320px
}

.container_12 .suffix_5,
.profile-row .suffix_5 {
    padding-right: 400px
}

.container_12 .suffix_6,
.profile-row .suffix_6 {
    padding-right: 480px
}

.container_12 .suffix_7,
.profile-row .suffix_7 {
    padding-right: 560px
}

.container_12 .suffix_8,
.profile-row .suffix_8 {
    padding-right: 640px
}

.container_12 .suffix_9,
.profile-row .suffix_9 {
    padding-right: 720px
}

.container_12 .suffix_10,
.profile-row .suffix_10 {
    padding-right: 800px
}

.container_12 .suffix_11,
.profile-row .suffix_11 {
    padding-right: 880px
}

.container_12 .push_1,
.profile-row .push_1 {
    left: 80px
}

.container_12 .push_2,
.profile-row .push_2 {
    left: 160px
}

.container_12 .push_3,
.profile-row .push_3 {
    left: 240px
}

.container_12 .push_4,
.profile-row .push_4 {
    left: 320px
}

.container_12 .push_5,
.profile-row .push_5 {
    left: 400px
}

.container_12 .push_6,
.profile-row .push_6 {
    left: 480px
}

.container_12 .push_7,
.profile-row .push_7 {
    left: 560px
}

.container_12 .push_8,
.profile-row .push_8 {
    left: 640px
}

.container_12 .push_9,
.profile-row .push_9 {
    left: 720px
}

.container_12 .push_10,
.profile-row .push_10 {
    left: 800px
}

.container_12 .push_11,
.profile-row .push_11 {
    left: 880px
}

.container_12 .pull_1,
.profile-row .pull_1 {
    left: -80px
}

.container_12 .pull_2,
.profile-row .pull_2 {
    left: -160px
}

.container_12 .pull_3,
.profile-row .pull_3 {
    left: -240px
}

.container_12 .pull_4,
.profile-row .pull_4 {
    left: -320px
}

.container_12 .pull_5,
.profile-row .pull_5 {
    left: -400px
}

.container_12 .pull_6,
.profile-row .pull_6 {
    left: -480px
}

.container_12 .pull_7,
.profile-row .pull_7 {
    left: -560px
}

.container_12 .pull_8,
.profile-row .pull_8 {
    left: -640px
}

.container_12 .pull_9,
.profile-row .pull_9 {
    left: -720px
}

.container_12 .pull_10,
.profile-row .pull_10 {
    left: -800px
}

.container_12 .pull_11,
.profile-row .pull_11 {
    left: -880px
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before,
#main-footer section:before,
.clearfix:after,
#main-footer section:after,
.container_12:before,
.profile-row:before,
.container_12:after,
.profile-row:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix:after,
#main-footer section:after,
.container_12:after,
.profile-row:after {
    clear: both
}

.clearfix,
#main-footer section,
.container_12,
.profile-row {
    zoom: 1
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(vendor/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(vendor/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(vendor/fancybox/blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    overflow: hidden!important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(vendor/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(vendor/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url(vendor/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

ul {
    list-style-image: url(../images/common/splat-bullet.png);
    list-style-type: none;
    padding-left: 25px
}

ul ul {
    list-style-type: none;
    list-style-image: none
}

ul ul li {
    position: relative
}

ul ul li:before {
    content: '\26aa';
    display: block;
    position: absolute;
    left: -18px;
    top: 1px;
    color: #8bc83c
}

.list-inline,
body.register .register-form .available-profiles .tabs {
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.list-inline>li,
body.register .register-form .available-profiles .tabs>li {
    display: inline-block;
    width: auto
}

ol {
    padding-left: 0;
    counter-reset: li;
    list-style-type: none
}

ol>li {
    margin-left: 25px;
    margin-bottom: .4em;
    position: relative
}

ol>li:before {
    content: counter(li) ".";
    counter-increment: li;
    position: absolute;
    display: block;
    top: 0;
    left: -30px;
    width: 25px;
    text-align: right
}

.nav-menu>li {
    position: relative
}

.nav-menu>li:hover>ul {
    display: block
}

.nav-menu>li>a {
    display: block
}

.nav-menu li>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    margin: 0;
    padding: 5px;
    list-style-type: none
}

.nav-menu li>ul a {
    display: block;
    padding: 0 5px;
    border-top: 1px solid #fff;
    white-space: nowrap
}

.nav-menu li>ul li:before {
    content: ''
}

.nav-menu li>ul li:first-child a {
    border-top: 0
}

.nav-menu li>ul:hover {
    display: block
}

.btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 10pt;
    text-transform: uppercase;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 4px;
    border: 0;
    background-color: #bbb;
    padding: 10px;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #bbb), color-stop(100%, #888));
    background: -webkit-linear-gradient(top, #bbb, #888);
    background: -moz-linear-gradient(top, #bbb, #888);
    background: -o-linear-gradient(top, #bbb, #888);
    background: linear-gradient(top, #bbb, #888);
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease
}

.btn:hover {
    background-color: #959595;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #959595), color-stop(100%, #686868));
    background: -webkit-linear-gradient(top, #959595, #686868);
    background: -moz-linear-gradient(top, #959595, #686868);
    background: -o-linear-gradient(top, #959595, #686868);
    background: linear-gradient(top, #959595, #686868);
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease
}

.btn.btn-register,
.btn.btn-login {
    width: 95px
}

.btn.btn-register,
.btn.btn-download {
    background-color: #f56e00;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f56e00), color-stop(100%, #db6300));
    background: -webkit-linear-gradient(top, #f56e00, #db6300);
    background: -moz-linear-gradient(top, #f56e00, #db6300);
    background: -o-linear-gradient(top, #f56e00, #db6300);
    background: linear-gradient(top, #f56e00, #db6300)
}

.btn.btn-register:hover,
.btn.btn-download:hover {
    background-color: #d66000;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #d66000), color-stop(100%, #b83a00));
    background: -webkit-linear-gradient(top, #d66000, #b83a00);
    background: -moz-linear-gradient(top, #d66000, #b83a00);
    background: -o-linear-gradient(top, #d66000, #b83a00);
    background: linear-gradient(top, #d66000, #b83a00)
}

.btn.btn-go {
    background-color: #0074ad;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0074ad), color-stop(100%, #069));
    background: -webkit-linear-gradient(top, #0074ad, #069);
    background: -moz-linear-gradient(top, #0074ad, #069);
    background: -o-linear-gradient(top, #0074ad, #069);
    background: linear-gradient(top, #0074ad, #069)
}

.btn.btn-go:hover {
    background-color: #005885;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #005885), color-stop(100%, #00206b));
    background: -webkit-linear-gradient(top, #005885, #00206b);
    background: -moz-linear-gradient(top, #005885, #00206b);
    background: -o-linear-gradient(top, #005885, #00206b);
    background: linear-gradient(top, #005885, #00206b)
}

.btn.btn-contact {
    background-color: #00b3c7;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #00b3c7), color-stop(100%, #0093a3));
    background: -webkit-linear-gradient(top, #00b3c7, #0093a3);
    background: -moz-linear-gradient(top, #00b3c7, #0093a3);
    background: -o-linear-gradient(top, #00b3c7, #0093a3);
    background: linear-gradient(top, #00b3c7, #0093a3)
}

.btn.btn-contact:hover {
    background-color: #0093a3;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0093a3), color-stop(100%, #006e7a));
    background: -webkit-linear-gradient(top, #0093a3, #006e7a);
    background: -moz-linear-gradient(top, #0093a3, #006e7a);
    background: -o-linear-gradient(top, #0093a3, #006e7a);
    background: linear-gradient(top, #0093a3, #006e7a)
}

.btn.btn-send {
    background-color: #f56e00;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f56e00), color-stop(100%, #db6300));
    background: -webkit-linear-gradient(top, #f56e00, #db6300);
    background: -moz-linear-gradient(top, #f56e00, #db6300);
    background: -o-linear-gradient(top, #f56e00, #db6300);
    background: linear-gradient(top, #f56e00, #db6300)
}

.btn.btn-send:hover {
    background-color: #db6300;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #db6300), color-stop(100%, #bd5500));
    background: -webkit-linear-gradient(top, #db6300, #bd5500);
    background: -moz-linear-gradient(top, #db6300, #bd5500);
    background: -o-linear-gradient(top, #db6300, #bd5500);
    background: linear-gradient(top, #db6300, #bd5500)
}

.btn.btn-square {
    border-radius: 0;
    text-align: center
}

.btn.btn-inline,
.hero-search .main-panel span.btn.btn-go {
    margin: 0
}

.btn.btn-block {
    display: block;
    clear: both
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
    padding: 6px;
    margin-bottom: 12px;
    border: 0;
    background-color: #fff;
    color: #000;
    font-size: 10pt;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .6)
}

input[type=text].placeholder,
input[type=email].placeholder,
input[type=password].placeholder,
input[type=search].placeholder,
input[type=tel].placeholder,
textarea.placeholder {
    color: #888;
    font-style: italic
}

input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888;
    font-style: italic
}

input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888;
    font-style: italic
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel] {
    height: 30px;
    line-height: 30px;
    padding: 0 6px
}

.drop-shadow,
.extra img,
.company-logo,
.info-content img,
.profile-logo img,
body.article .main-photo,
body.article .gallery-item img {
    -webkit-box-shadow: -20px 0 25px -20px rgba(0, 0, 0, .4), 20px 0 25px -20px rgba(0, 0, 0, .4);
    -moz-box-shadow: -20px 0 25px -20px rgba(0, 0, 0, .4), 20px 0 25px -20px rgba(0, 0, 0, .4);
    box-shadow: -20px 0 25px -20px rgba(0, 0, 0, .4), 20px 0 25px -20px rgba(0, 0, 0, .4)
}

.error-msg {
    display: none;
    font-size: 10pt;
    border: 1px solid red;
    color: red;
    padding: 5px;
    margin: 10px 0;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 0, 0, .7);
    -moz-box-shadow: inset 0 0 5px rgba(255, 0, 0, .7);
    box-shadow: inset 0 0 5px rgba(255, 0, 0, .7)
}

.error-msg.shown {
    display: block
}

.success-msg {
    display: none;
    font-size: 10pt;
    border: 1px solid green;
    color: green;
    padding: 5px;
    margin: 10px 0;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 255, 0, .7);
    -moz-box-shadow: inset 0 0 5px rgba(0, 255, 0, .7);
    box-shadow: inset 0 0 5px rgba(0, 255, 0, .7)
}

.success-msg.shown {
    display: block
}

.hero-frame {
    position: relative;
    height: 250px;
    overflow: visible;
    margin: 0 auto 15px
}

.hero-frame>img {
    display: block;
    margin: 0 auto
}

.home .hero-frame {
    height: 420px
}

aside.sidebar h3 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 13pt;
    text-transform: uppercase;
    width: 80%
}

.sidebar-section {
    font-size: 10pt;
    padding-bottom: 20px
}

.sidebar-section a {
    color: #000;
    padding-left: 55px;
    display: block;
    background-repeat: no-repeat;
    background-position: top left
}

.sidebar-section h4 {
    text-transform: uppercase;
    padding-top: 14px
}

.sidebar-ranking {
    border-bottom: 2px dotted #009e47
}

.sidebar-ranking>a {
    background-image: url(../images/common/sidebar-ranking.png)
}

.sidebar-ecofest>a {
    background-image: url(../images/common/sidebar-ecofest.png)
}

.sidebar .banner {
    margin-bottom: 30px
}

.sidebar .banner img,
.sidebar .banner object,
.sidebar .banner embed,
.sidebar .banner iframe {
    height: 250px;
    width: 300px
}

.sidebar .banner-large img,
.sidebar .banner-large object,
.sidebar .banner-large embed,
.sidebar .banner-large iframe {
    height: 600px;
    width: 300px
}

.subscribe-dialog,
.search-dialog {
    display: none;
    opacity: 0;
    position: absolute;
    text-align: left;
    width: 320px;
    padding: 10px;
    font-size: 10pt;
    color: #000;
    z-index: 10;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.subscribe-dialog h4,
.search-dialog h4 {
    font-family: 'Montserrat', sans-serif;
    padding: 0 0 .5em;
    margin: 0 0 .5em;
    font-size: 14pt;
    border-bottom: 1px solid #000
}

.subscribe-dialog a,
.search-dialog a {
    color: #000;
    text-decoration: underline
}

.subscribe-dialog input[type=text],
.subscribe-dialog input[type=email],
.search-dialog input[type=text],
.search-dialog input[type=email] {
    width: 100%
}

.subscribe-dialog .checkbox,
.search-dialog .checkbox {
    clear: both;
    display: inline-block;
    font-size: 8pt;
    width: auto
}

.subscribe-dialog:before,
.search-dialog:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.subscribe-dialog.triangle-top-right:before,
.search-dialog.triangle-top-right:before {
    top: -15px;
    right: 15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #c5e2a2
}

.subscribe-dialog.triangle-right-top:before,
.search-dialog.triangle-right-top:before {
    top: 15px;
    right: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #c5e2a2
}

.subscribe-dialog.shown,
.search-dialog.shown {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.subscribe-dialog,
.search-dialog {
    background-color: #8bc83c
}

.subscribe-dialog.triangle-top-right:before,
.search-dialog.triangle-top-right:before {
    border-bottom: 15px solid #8bc83c
}

.subscribe-dialog.triangle-right-top:before,
.search-dialog.triangle-right-top:before {
    border-left: 15px solid #8bc83c
}

.lightbox {
    display: none;
    padding: 20px
}

#lightbox-login {
    font-size: 11pt;
    color: #333;
    text-align: center
}

#lightbox-contact form,
#lightbox-report form {
    width: 300px
}

#lightbox-contact input[type=text],
#lightbox-contact input[type=email],
#lightbox-contact input[type=tel],
#lightbox-contact textarea,
#lightbox-report input[type=text],
#lightbox-report input[type=email],
#lightbox-report input[type=tel],
#lightbox-report textarea {
    background-color: #f2f2f2;
    width: 100%;
    font-size: 9pt
}

#lightbox-contact textarea,
#lightbox-report textarea {
    height: 75px
}

#lightbox-contact .btn-contact,
#lightbox-report .btn-contact {
    width: 95px;
    margin: 0 auto
}

#lightbox-contact .company-logo,
#lightbox-report .company-logo {
    display: block;
    margin: 0 auto
}

#lightbox-contact .company-name,
#lightbox-report .company-name {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    text-align: center
}

#lightbox-contact .row,
#lightbox-report .row {
    margin-bottom: 5px
}

#lightbox-contact .row:before,
#lightbox-contact .row:after,
#lightbox-report .row:before,
#lightbox-report .row:after {
    content: " ";
    display: table
}

#lightbox-contact .row:after,
#lightbox-report .row:after {
    clear: both
}

#lightbox-contact .row p,
#lightbox-report .row p {
    font-size: 11pt;
    margin: 0;
    float: left;
    width: 70px
}

#lightbox-contact .row .checkboxes,
#lightbox-contact .row .radios,
#lightbox-report .row .checkboxes,
#lightbox-report .row .radios {
    float: left;
    width: 230px
}

#lightbox-contact label,
#lightbox-report label {
    display: block;
    font-size: 9pt;
    color: #888;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
    padding-left: 16px
}

#lightbox-contact input[type=checkbox],
#lightbox-contact input[type=radio],
#lightbox-report input[type=checkbox],
#lightbox-report input[type=radio] {
    position: absolute;
    left: 0;
    top: 3px
}

#lightbox-contact .note,
#lightbox-report .note {
    color: #00b3c7;
    margin: 12px 0 0;
    font-size: 9pt;
    font-weight: 700
}

#lightbox-report .btn {
    width: 95px;
    margin: 0 auto
}

.pager {
    border-bottom: 2px dashed #009e47;
    padding: 40px 20px 20px;
    text-align: right;
    font-size: 11pt;
    color: #333
}

.pager a,
.pager span {
    color: #333;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    min-width: 22px;
    text-align: center
}

.pager a:hover,
.pager a.active,
.pager span.active {
    background-color: #00b3c7;
    color: #fff;
    border-radius: 50%
}

.pager .first,
.pager .last,
.pager .next,
.pager .previous {
    color: #00b3c7;
    min-width: 0;
    letter-spacing: -2px
}

.pager .first:hover,
.pager .last:hover,
.pager .next:hover,
.pager .previous:hover {
    background-color: transparent;
    color: #00b3c7
}

.extra:before,
.extra:after {
    content: " ";
    display: table
}

.extra:after {
    clear: both
}

.extra h2 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 400;
    margin: 15px 0 25px
}

.extra a {
    display: block;
    float: left;
    margin: 0
}

.extra a:first-of-type {
    margin-right: 20px
}

.extra img {
    display: block
}

.new-search {
    background-color: #eb881e;
    color: #fff;
    font-size: 12px;
    margin-top: 45px
}

.new-search:before,
.new-search:after {
    content: " ";
    display: table
}

.new-search:after {
    clear: both
}

.new-search h2 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 400;
    margin: 15px 10px 20px
}

.new-search .quick-search,
.new-search .advanced-search {
    height: 34px;
    line-height: 34px;
    margin-bottom: 20px
}

.new-search .quick-search input[type=text] {
    height: 34px;
    line-height: 34px;
    margin: 0;
    width: 220px
}

.new-search .quick-search .btn-go {
    height: 34px;
    width: 34px;
    padding: 0;
    vertical-align: middle
}

.new-search .quick-search .btn-go span {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(../images/home/button-sprites.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 34px;
    width: 34px
}

.new-search .advanced-search p {
    margin: 0
}

.new-search .advanced-search .btn-go {
    width: auto;
    height: 34px;
    line-height: 34px;
    padding: 0 10px
}

.comments {
    padding-left: 10px;
    padding-right: 10px
}

.comments h3 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    margin-top: 0
}

.comment-form:before,
.comment-form:after {
    content: " ";
    display: table
}

.comment-form:after {
    clear: both
}

.comment-form .comment {
    height: 100px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f2f2f2
}

.comment-form .btn {
    margin: 0;
    width: 95px
}

.comment-list {
    margin-top: 10px
}

.comment-list .attribution {
    margin-bottom: 0
}

.comment-list .attribution a {
    color: #f56e00
}

.comment-list .body {
    margin-top: 0
}

.comment-list .date:after {
    content: " |"
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(../images/fancybox/fancybox_sprite.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(../images/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
}

#fancybox-loading div,
.fancybox-close div,
.fancybox-prev span div,
.fancybox-next span div {
    background-image: url(../images/fancybox/fancybox_loading.gif)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading div,
    .fancybox-close div,
    .fancybox-prev span div,
    .fancybox-next span div {
        background-image: url(../images/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.fancybox-nav {
    background-image: url(../images/fancybox/blank.gif)
}

.fancybox-overlay {
    background-image: url(../images/fancybox/fancybox_overlay.png)
}

.fancybox-skin {
    background-color: #00b3c7;
    border-radius: 2px
}

.fancybox-skin.fancybox-skin-report {
    background-color: #888
}

.fancybox-inner {
    background-color: #fff
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
    font-size: 12pt
}

a {
    color: #8bc83c;
    text-decoration: none
}

a.download {
    color: #009e47;
    text-transform: uppercase;
    font-style: italic
}

#main-header {
    border-bottom: 1px solid #999
}

.top-links {
    background-color: #00b3c7;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0093a3), color-stop(100%, #00b3c7));
    background: -webkit-linear-gradient(top, #0093a3, #00b3c7);
    background: -moz-linear-gradient(top, #0093a3, #00b3c7);
    background: -o-linear-gradient(top, #0093a3, #00b3c7);
    background: linear-gradient(top, #0093a3, #00b3c7);
    text-align: right;
    font-size: 10pt;
    height: 31px;
    line-height: 31px;
    color: #fff
}

.top-links li>ul {
    background-color: #00b3c7;
    left: 1em;
    top: 26px
}

.top-links .nav-menu>li {
    padding-left: 1em
}

.top-links .nav-menu>li:first-child {
    padding-left: 0
}

.top-links .nav-menu>li:first-child>ul {
    left: 0
}

.top-links .nav-menu>li:before {
    content: ":: ";
    position: absolute;
    left: 0
}

.top-links .nav-menu>li:first-child:before {
    content: ""
}

.top-links p {
    margin: 0
}

.top-links a {
    color: #fff;
    text-decoration: none;
    height: 31px;
    line-height: 31px;
    text-align: left
}

.top-links a:hover {
    color: #ff0
}

.logo-bar {
    padding: 25px 0
}

.logo-bar .logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(../images/common/logo.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 433px;
    height: 80px;
    display: block
}

.logo-bar .contact-us {
    font-size: 9pt;
    padding-top: 12px
}


.logo-bar .social-instagram {
    background-image: url(../images/common/social-instagram.png)
}


.logo-bar .social-pinterest {
    background-image: url(../images/common/social-pinterest.png)
}

.logo-bar .social-twitter {
    background-image: url(../images/common/social-twitter.png)
}

.logo-bar .social-facebook {
    background-image: url(../images/common/social-facebook.png)
}

.logo-bar .social-newsletter {
    background-image: url(../images/common/social-newsletter.png)
}

.logo-bar:hover.social-pinterest {
    background-image: url(../images/common/social-pinterest-hover.png)
}

.logo-bar:hover.social-twitter {
    background-image: url(../images/common/social-twitter-hover.png)
}

.logo-bar:hover.social-facebook {
    background-image: url(../images/common/social-facebook-hover.png)
}

.logo-bar:hover.social-newsletter {
    background-image: url(../images/common/social-newsletter-hover.png)
}

.logo-bar .social-links,
.logo-bar .country-picker {
    float: right
}

.logo-bar .social-links>p,
.logo-bar .country-picker>p {
    margin-top: 0
}

.logo-bar .social-links .social-link {
    margin-left: 20px;
    margin-right: 0;
    position: relative;
    color: #8bc83c;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 60px;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-position: top center
}

.logo-bar .social-links .social-link:hover {
    color: #5c8d1b
}

.logo-bar .social-links .social-link.first {
    margin-left: 0
}

.logo-bar .social-links .social-newsletter {
    cursor: pointer
}

.logo-bar .social-links .subscribe-dialog {
    cursor: default;
    top: 74px;
    right: 0
}

.logo-bar .country-picker {
    border-left: 1px solid #999;
    padding-left: 15px;
    margin-left: 15px;
    height: 80px;
    position: relative
}

.logo-bar .country-picker .country-dropdown>p {
    margin-top: 0;
    margin-bottom: 0;
    height: 26px;
    cursor: pointer
}

.logo-bar .country-picker .country-dropdown>p:hover+ul {
    display: block
}

.logo-bar .country-picker .country-dropdown ul {
    display: none;
    position: absolute;
    top: 17px;
    left: 15px;
    z-index: 5;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f6f6f6;
    border-top: 3px solid #009e47;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.logo-bar .country-picker .country-dropdown ul:hover {
    display: block
}

.logo-bar .country-picker .country-dropdown ul:first-child a {
    border-top: 0
}

.logo-bar .country-picker .country-dropdown ul.last a {
    border-bottom: 0
}

.logo-bar .country-picker .country-dropdown a {
    display: block;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c7c7c7;
    width: 85px;
    padding: 5px 10px
}

.logo-bar .country-picker .country-dropdown a:hover {
    color: #8bc83c
}

.logo-bar .country-picker .country-dropdown .active a {
    color: #8bc83c
}

.logo-bar .country-picker .active-country {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 31px
}

.logo-bar .country-picker .active-country img {
    display: block;
    margin: 0 auto 8px
}

.logo-bar .country-picker .active-country p {
    color: #8bc83c;
    margin: 0;
    height: 14px
}

.social-floater {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: right .5s ease;
    -moz-transition: right .5s ease;
    -o-transition: right .5s ease;
    transition: right .5s ease
}

.social-floater .social-link {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(../images/floater/social-sprites.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    height: 35px;
    width: 31px
}

.social-floater .social-pinterest {
    background-position: 0 0
}

.social-floater .social-twitter {
    background-position: 0 -35px
}

.social-floater .social-facebook {
    background-position: 0 -70px
}

.social-floater .social-newsletter {
    background-position: 0 -105px
}

.social-floater .social-search {
    background-position: 0 -140px
}

@media screen and (max-device-width:1090px) {
    .social-floater {
        display: none
    }
}

.social-floater .social-link {
    position: relative
}

.social-floater .social-newsletter,
.social-floater .social-search {
    overflow: visible;
    cursor: pointer
}

.social-floater .subscribe-dialog,
.social-floater .search-dialog {
    top: -12px;
    right: 50px;
    text-indent: 0;
    cursor: default
}

.social-floater.following {
    position: fixed
}

.main {
    background-image: url(../images/common/main-bg.jpg);
    background-repeat: repeat;
    background-position: top center
}

.navigation {
    font-family: 'Montserrat', sans-serif;
    height: 60px;
    padding: 0 10px
}

.navigation .nav-menu>li {
    padding-left: 1em;
    margin-top: 20px
}

.navigation .nav-menu>li:first-child {
    padding-left: 0
}

.navigation .nav-menu>li:first-child>ul {
    left: 0
}

.navigation .nav-menu>li:before {
    content: "|";
    position: absolute;
    left: 0
}

.navigation .nav-menu>li:first-child:before {
    content: ""
}

.navigation .nav-menu>li>a {
    color: #000;
    text-transform: uppercase;
    display: block;
    padding: 1px 4px;
    height: 28px;
    margin-right: 1px;
    font-size: 14px
}

.navigation .nav-menu>li:hover>a {
    color: #8bc83c
}

.navigation .nav-menu>li.last:hover>a {
    border-bottom: 0
}

.navigation li>ul {
    background-color: #f6f6f6;
    left: .2em;
    padding: 0;
    border-top: 3px solid #009e47;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.navigation li>ul a {
    color: #888;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c7c7c7;
    width: 175px;
    white-space: normal;
    padding: 5px 10px
}

.navigation li>ul a:hover {
    color: #8bc83c
}

.navigation li>ul:first-child a {
    border-top: 0
}

.navigation li>ul.last a {
    border-bottom: 0
}

.navigation .not-logged {
    margin-top: 11px
}

.subscribe form input {
    margin-bottom: 0
}

.subscribe form input:nth-of-type(2) {
    margin-top: 20px
}

.subscribe form input.invalid {
    outline: 1px solid red
}

.subscribe form button {
    margin-top: 20px
}

.subscribe form .error {
    display: none;
    color: red;
    font-size: 12px;
    font-style: italic;
    margin-top: 5px
}

.subscribe form .checkbox {
    margin: 36px 0 0
}

.subscribe .thanks {
    display: none;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.subscribe .thanks a {
    color: #fff;
    text-decoration: none
}

.subscribe p {
    display: inline-block;
    margin-top: 15px
}

#main-footer {
    background-color: #333;
    color: #fff;
    font-size: 8pt;
    line-height: 14pt
}

#main-footer a {
    color: #fff
}

#main-footer ul {
    list-style-type: disc;
    list-style-image: none;
    padding-left: 2em
}

#main-footer h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #fff
}

#main-footer h4 strong {
    text-transform: uppercase
}

#main-footer .footer-categories .split-list {
    width: 50%;
    float: left
}

#main-footer .footer-contact .phone,
#main-footer .footer-contact .contact {
    padding-left: 40px;
    margin-bottom: 15px;
    margin-left: 10px;
    font-weight: 700;
    font-size: 12pt;
    text-transform: uppercase;
    height: 32px;
    background-repeat: no-repeat;
    background-position: left center
}

#main-footer .footer-contact .phone a,
#main-footer .footer-contact .contact a {
    display: block
}

#main-footer .footer-contact .phone {
    margin-top: 10px;
    line-height: 1;
    background-image: url(../images/common/footer-phone.png)
}

#main-footer .footer-contact .phone p {
    margin: 0
}

#main-footer .footer-contact .contact {
    line-height: 32px;
    background-image: url(../images/common/footer-envelope.png)
}

#main-footer .footer-subscribe {
    padding-bottom: 15px
}

#main-footer .footer-subscribe input[type=text],
#main-footer .footer-subscribe input[type=email] {
    width: 100%
}

#main-footer .footer-subscribe .checkbox {
    display: inline-block;
    width: auto
}

#main-footer .footer-subscribe a {
    text-decoration: underline
}

#main-footer .footer-subscribe button[type=submit] {
    margin-top: 18px
}

#main-footer .footer-tools li {
    margin-bottom: 10px
}

#main-footer .footer-tools li:first-line {
    font-weight: 700;
    font-size: 11pt
}

#main-footer .footer-tools li::first-line {
    font-weight: 700;
    font-size: 11pt
}

#main-footer .footer-search .searchbox {
    margin-top: 15px;
    width: 100%
}

#main-footer .legal {
    background-color: #999;
    color: #000;
    text-align: center;
    font-size: 9pt;
    padding: 5px
}

#main-footer .legal a {
    color: #000;
    text-decoration: underline
}

#main-footer .legal p {
    margin: 0
}

body.not-found .four-oh-four {
    border-top: 1px solid #999
}

body.not-found .four-oh-four .content {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 30pt
}

body.not-found .four-oh-four p {
    margin: .5em 0 .8em
}

body.login .login-container {
    border-top: 1px solid #333;
    font-size: 9pt
}

body.login .login-form {
    padding-bottom: 55px
}

body.login .login-form:before,
body.login .login-form:after {
    content: " ";
    display: table
}

body.login .login-form:after {
    clear: both
}

body.login .login-form h1 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    font-size: 14pt
}

body.login .login-form .form-col {
    width: 300px;
    float: left
}

body.login .login-form .form-col-1 {
    margin-right: 20px
}

body.login .login-form form:before,
body.login .login-form form:after {
    content: " ";
    display: table
}

body.login .login-form form:after {
    clear: both
}

body.login .login-form form p {
    margin: 0
}

body.login .login-form input[type=text],
body.login .login-form input[type=password] {
    width: 100%;
    background-color: #f2f2f2;
    height: 35px;
    line-height: 35px
}

body.login .login-form .error-msg {
    margin: 0
}

body.login .login-form .forgot {
    color: #8bc83c;
    font-size: 9pt
}

body.login .login-form .btn-send {
    margin: 0;
    width: 95px
}

body.login .sidebar {
    position: relative;
    min-height: 110px
}

body.login .sidebar h3 {
    font-size: 12pt;
    width: 100%
}

body.login .sidebar p {
    margin-bottom: 40px
}

body.login .sidebar .btn-register {
    margin: 0 auto
}

body.register .register-form {
    margin-bottom: 30px
}

body.register .register-form .btn-send {
    display: block;
    width: 100%;
    margin-top: 12px
}

body.register .register-form h1,
body.register .register-form h3,
.section-title {

    font-family: 'Montserrat', sans-serif;
    color: #8bc83c
}

body.register .register-form h1,
.section-title {
    text-transform: uppercase;
    font-size: 14pt
}

body.register .register-form h3 {
    font-size: 12pt
}

.unsubscribe-form input[type=text],
.unsubscribe-form input[type=email],
body.register .register-form input[type=text],
body.register .register-form input[type=email],
body.register .register-form input[type=password],
body.register .register-form textarea {
    margin-bottom: 0;
    width: 100%
}

body.register .register-form select {
    height: 30px;
    width: 100%
}

body.register .register-form textarea {
    height: 72px
}

body.register .register-form input[type=file] {
    padding-top: 5px
}

body.register .register-form #learned-from-custom {
    display: none;
    margin-top: 12px
}

body.register .register-form .required-label {
    font-style: italic;
    color: #8bc83c
}
.unsubscribe-form .item-row {
    overflow: hidden;
}
.unsubscribe-form .item-row,
body.register .register-form .item-row {
    margin-bottom: 12px
}

body.register .register-form .item-row:before,
body.register .register-form .item-row:after {
    content: " ";
    display: table
}

body.register .register-form .item-row:after {
    clear: both
}

 .unsubscribe-form .item-row>label,
body.register .register-form .item-row>label,
body.register .register-form .item-row>p {
    text-align: right;
    float: left;
    width: 210px;
    margin: 0;
    margin-right: 10px;
    padding-top: 5px
}

.unsubscribe-form .item-row>.controls,
body.register .register-form .item-row>.controls {
    float: right;
    width: 390px;
    margin-left: 10px
}

.unsubscribe-form .item-row>.controls>label,
body.register .register-form .item-row>.controls>label {
    display: block;
    margin-bottom: 6px;
    padding-left: 18px;
    position: relative
}

body.register .register-form .item-row>.controls>label input[type=checkbox],
body.register .register-form .item-row>.controls>label input[type=radio] {
    position: absolute;
    top: 4px;
    left: 0
}

body.register .register-form .basic-info,
body.register .register-form .learned-from,
body.register .register-form .company-only,
body.register .register-form .want-banner,
body.register .register-form .form-end {
    display: none
}

body.register .register-form .company-address-info .controls span {
    position: relative;
    top: 5px
}

body.register .register-form .company-contact-info .controls {
    padding-top: 2px
}

body.register .register-form .company-contact-info .controls input[type=text],
body.register .register-form .company-contact-info .controls input[type=email],
body.register .register-form .company-contact-info .controls input[type=tel] {
    display: inline-block;
    width: 180px
}

body.register .register-form .company-contact-info .controls #company-phone-lada {
    width: 50px
}

body.register .register-form .company-product {
    border-bottom: 2px dashed #8bc83c;
    margin-top: 12px
}

body.register .register-form .company-product .company-product-category {
    margin-bottom: 12px
}

body.register .register-form .company-product.company-product-1 {
    margin-top: 0
}

body.register .register-form .company-product.company-product-3 {
    /*border-bottom: 0*/
}

body.register .register-form .additional-info .company-logo-ph {
    margin-top: 5px;
    max-width: 390px
}

body.register .register-form .additional-info .company-video-ph {
    margin-top: 5px
}

body.register .register-form .product-images .image-row:before,
body.register .register-form .product-images .image-row:after {
    content: " ";
    display: table
}

body.register .register-form .product-images .image-row:after {
    clear: both
}

body.register .register-form .product-images .image-row-template {
    display: none
}

body.register .register-form .product-images .remove-image-row {
    color: #8b0000;
    font-size: 9pt
}

body.register .register-form .product-images .product-image-preview {
    max-width: 250px;
    max-height: 185px;
    float: right
}

body.register .register-form .item-row-financing {
    display: none
}

body.register .register-form .target-profiles {
    padding-top: 5px
}

body.register .register-form .street-address input {
    display: inline-block;
    width: 120px
}

body.register .register-form .item-row .company-website>label {
    display: inline-block;
    padding-left: 0;
    top: 1px
}

body.register .register-form .item-row .company-website>label input[type=checkbox] {
    position: static
}

body.register .register-form .price-range input {
    display: inline-block;
    width: 120px
}

body.register .register-form .latlng input {
    display: block;
    width: 175px;
    margin-bottom: 5px
}

body.register .register-form .available-profiles .tabs {
    list-style-image: none
}

body.register .register-form .available-profiles .tabs a {
    display: block;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background-color: #999
}

body.register .register-form .available-profiles .tabs li.basic.active a,
body.register .register-form .available-profiles .tabs li.basic:hover a {
    background-color: #8bc83c
}

body.register .register-form .available-profiles .tabs li.plus.active a,
body.register .register-form .available-profiles .tabs li.plus:hover a {
    background-color: #233f87
}

body.register .register-form .available-profiles .tabs li.premium.active a,
body.register .register-form .available-profiles .tabs li.premium:hover a {
    background-color: #efa23e
}

body.register .register-form .available-profiles .tab-content:before,
body.register .register-form .available-profiles .tab-content:after {
    content: " ";
    display: table
}

body.register .register-form .available-profiles .tab-content:after {
    clear: both
}

body.register .register-form .available-profiles .tab {
    display: none
}

body.register .register-form .available-profiles .tab.active {
    display: block
}

body.register #lightbox-coord-tutorial {
    display: none;
    width: 768px
}

body.register #lightbox-coord-tutorial img {
    display: inline-block;
    float: left;
    margin: 0 15px 15px 0
}

body.register #lightbox-coord-tutorial p {
    clear: left
}

.hero-search {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    font-size: 10pt;
    height: 420px
}

.hero-search .main-panel {
    position: absolute;
    height: 420px;
    background-image: url(../images/home/search-panel.png);
    padding: 0 10px;
    z-index: 3
}

.hero-search .main-panel:after {
    position: absolute;
    top: 0;
    right: -13px;
    display: block;
    height: 420px;
    width: 13px;
    content: url(../images/home/panel-shadow.png)
}

.hero-search .main-panel input[type=text] {
    width: 245px;
    height: 34px;
    line-height: 34px;
    float: left
}

.hero-search .main-panel ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

.hero-search .main-panel .open-panel {
    font-size: 10pt;
    display: block;
    position: relative;
    margin-bottom: 12px;
    height: 34px;
    width: 290px;
    line-height: 34px;
    padding-left: 30px;
    background-color: #eb881e
}

.hero-search .main-panel .open-panel:hover .btn-go,
.hero-search .main-panel .open-panel.active .btn-go {
    right: 0;
    -webkit-transition: right .2s ease;
    -moz-transition: right .2s ease;
    -o-transition: right .2s ease;
    transition: right .2s ease
}

.hero-search .main-panel .btn-go {
    height: 34px;
    width: 34px;
    padding: 0;
    position: relative
}

.hero-search .main-panel .btn-go span {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(../images/home/button-sprites.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 34px;
    width: 34px
}

.hero-search .main-panel span.btn-go {
    position: absolute;
    right: 10px;
    text-shadow: -2px 0 #999;
    -webkit-transition: right .2s ease;
    -moz-transition: right .2s ease;
    -o-transition: right .2s ease;
    transition: right .2s ease
}

.hero-search .extra-panel {
    display: none;
    height: 420px;
    width: 340px;
    background-image: url(../images/home/search-panel-wide.png);
    padding: 0 10px 0 20px;
    position: absolute;
    left: 310px;
    z-index: 2
}

.hero-search .extra-panel label {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.1
}

.hero-search .extra-panel label input[type=radio],
.hero-search .extra-panel label input[type=checkbox] {
    position: absolute;
    display: block;
    top: 0;
    left: 10px
}

.hero-search .extra-panel .btn-go {
    margin-top: 5px
}

.hero-search .extra-panel .extra-panel-close {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    height: 18px;
    width: 18px;
    line-height: 14px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 4px;
    cursor: pointer
}

.hero-search .extra-panel.shown {
    display: block
}

.hero-search .extra-panel-wide {
    width: 500px
}

.hero-search .extra-panel-wide .col {
    width: 33%;
    float: left
}

.hero-search h3 {
    font-family: 'Montserrat', sans-serif;
    clear: both;
    font-size: 14pt;
    margin: 10px 0;
    font-weight: 400
}

.hero-search a {
    color: #fff
}

.hero-carousel {
    position: relative;
    overflow: hidden;
    width: 1366px;
    height: 420px;
    left: -203px
}

.hero-slides {
    width: 20000em;
    position: absolute;
    margin: 0;
    padding: 0
}

.hero-slide {
    float: left
}

.hero-slide a,
.hero-slide img {
    display: block;
    height: 420px;
    width: 1366px
}

.hero-carousel-pagination {
    position: absolute;
    bottom: 15px;
    right: 20px
}

.hero-carousel-pagination a {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(../images/home/carousel-pager.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    height: 15px;
    width: 15px;
    float: left;
    margin-left: 12px;
    background-position: 0 0
}

.hero-carousel-pagination a.active,
.hero-carousel-pagination a:hover {
    background-position: 0 -15px
}

.home-news h1,
.news-list h1 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    font-size: 14pt;
    margin-left: 15px
}

.home-news a.more-posts,
.news-list a.more-posts {
    text-transform: uppercase;
    text-align: right;
    display: block;
    margin-bottom: 20px
}

.home-news a.more-posts:hover,
.news-list a.more-posts:hover {
    text-decoration: underline
}

.home-article,
.list-article {
    margin-bottom: 30px
}

.home-article .summary,
.home-article .more,
.list-article .summary,
.list-article .more {
    font-size: 9pt;
    margin-left: 15px
}

.home-article .more,
.list-article .more {
    text-align: right;
    margin-right: 15px;
    font-style: italic
}

.home-article .more a,
.list-article .more a {
    color: #8bc83c
}

.home-article .article-photo,
.list-article .article-photo {
    display: block
}

.home-article .article-photo img,
.list-article .article-photo img {
    display: block;
    margin: 0 auto;
    width: 590px;
    height: 300px
}

.home-article .article-photo h2,
.list-article .article-photo h2 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    bottom: -10px;
    right: 30px;
    width: 45%;
    text-align: right;
    color: #fff;
    font-size: 24pt;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .4), 0 -1px 8px rgba(0, 0, 0, .4)
}

.article-photo {
    position: relative
}

.category-showcase {
    border: 5px solid #00b3c7;
    border-bottom: 0;
    width: 970px;
    margin: 0 auto;
    background-color: #fff;
    position: relative
}

.category-showcase h4 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 14pt;
    text-transform: uppercase;
    margin: 15px
}

.category-control {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(../images/home/carousel-controls.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #00b3c7;
    height: 34px;
    width: 34px;
    display: block;
    position: absolute;
    top: 110px
}

.category-control.prev {
    left: -34px;
    background-position: 0 0
}

.category-control.next {
    right: -34px;
    background-position: -34px 0
}

.category-carousel {
    position: relative;
    overflow: hidden;
    height: 150px
}

.category-slides {
    width: 20000em;
    position: absolute;
    margin: 0;
    padding: 0
}

.category-slide {
    float: left;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.category-slide a,
.category-slide img {
    display: block;
    height: 150px;
    width: 160px
}

.category-slide.fade {
    opacity: .4;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.social-timelines {
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #00b3c7), color-stop(100%, #0093a3));
    background: -webkit-linear-gradient(top, #00b3c7, #0093a3);
    background: -moz-linear-gradient(top, #00b3c7, #0093a3);
    background: -o-linear-gradient(top, #00b3c7, #0093a3);
    background: linear-gradient(top, #00b3c7, #0093a3);
    background-color: #00b3c7;
    color: #fff
}

.social-timelines h3,
.social-timelines h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400
}

.social-timelines h4 {
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 14pt;
    text-transform: uppercase
}

.social-timelines h3 {
    font-size: 32pt;
    margin: 10px 0 15px
}

.social-timelines .timeline-container {
    background-repeat: no-repeat;
    background-position: 30px 70px
}

.social-timelines .timeline-container .timeline {
    height: 400px
}

.social-timelines .timeline-container.facebook {
    background-image: url(../images/home/bg-facebook-icon.png)
}

.social-timelines .timeline-container.facebook .timeline {
    background-color: #fff
}

.social-timelines .timeline-container.twitter {
    background-image: url(../images/home/bg-twitter-icon.png)
}

.social-timelines .timeline-container.twitter iframe {
    height: 400px
}

.social-timelines .social-button {
    text-align: right;
    margin: 20px 10px 30px 0
}

.social-timelines .social-button .btn-generic {
    margin: 0
}

.sponsors {
    padding-bottom: 20px
}

.sponsors h4 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 14pt;
    text-transform: uppercase;
    margin: 20px 10px 10px
}

#splash-page {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #00b3c7;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0093a3), color-stop(100%, #00b3c7));
    background: -webkit-linear-gradient(top, #0093a3, #00b3c7);
    background: -moz-linear-gradient(top, #0093a3, #00b3c7);
    background: -o-linear-gradient(top, #0093a3, #00b3c7);
    background: linear-gradient(top, #0093a3, #00b3c7)
}

#splash-page .skip {
    display: block;
    background-color: #fff;
    height: 40px;
    padding: 10px;
    text-align: right
}

#splash-page #first {
    text-align: center;
    background-color: #00b3c7;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0093a3), color-stop(100%, #00b3c7));
    background: -webkit-linear-gradient(top, #0093a3, #00b3c7);
    background: -moz-linear-gradient(top, #0093a3, #00b3c7);
    background: -o-linear-gradient(top, #0093a3, #00b3c7);
    background: linear-gradient(top, #0093a3, #00b3c7)
}

.rated {
    width: 75px
}

.ratings {
    margin: 5px 0
}

.ratings:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.ratings .item {
    display: none
}

.ratings ul,
.ratings a:hover,
.ratings .rating {
    background: transparent url(../images/profile/leaf.png) repeat-x
}

.ratings ul,
.ratings li {
    list-style-type: none!important;
    margin: 0!important;
    padding: 0!important
}

.ratings ul {
    height: 13px;
    float: left
}

.ratings ul li a:hover {
    background-position: left bottom;
    z-index: 5;
    left: 0!important
}

.ratings li {
    position: relative;
    display: block
}

.ratings a {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    display: block;
    width: 15px;
    height: 13px;
    text-decoration: none;
    text-indent: -9999px;
    z-index: 10
}

.ratings .s2 a {
    left: 15px
}

.ratings .s2 a:hover {
    width: 30px
}

.ratings .s3 a {
    left: 30px
}

.ratings .s3 a:hover {
    width: 45px
}

.ratings .s4 a {
    left: 45px
}

.ratings .s4 a:hover {
    width: 60px
}

.ratings .s5 a {
    left: 60px
}

.ratings .s5 a:hover {
    width: 75px
}

.ratings .rating {
    background-position: left center;
    position: absolute;
    height: 13px;
    display: block;
    text-indent: -9999px;
    z-index: 1
}

.ratings .meta {
    font-size: 11px;
    color: #999;
    float: left;
    margin-left: 5px;
    line-height: 18px
}

.ratings .meta strong {
    color: #666
}

.ratings.error .meta {
    color: #8bc83c;
    font-weight: 700
}

.main-profile {
    border-top: 1px solid #999;
    font-size: 10pt;
    padding-bottom: 20px
}

.profile-row {
    border-top: 2px dashed #009e47;
    padding: 20px 0
}

.profile-row:first-child {
    border-top: 0
}

.profile-basic .contact {
    padding: 0
}

.profile-basic .comments {
    border-top: 0
}

.company-logo {
    position: relative
}

.company-logo img {
    display: block;
    height: 250px;
    width: 300px
}

.company-logo .profile-flag,
.company-logo .caption {
    position: absolute
}

.company-logo .profile-flag {
    top: 0;
    left: 9px;
    height: 71px;
    width: 41px
}

.company-logo .caption {
    bottom: 0;
    padding: 7px 10px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.2;
    width: 100%
}

.logo-premium .profile-flag {
    background-image: url(../images/profile/flag-premium.png)
}

.logo-premium .caption {
    background-color: #efa23e
}

.logo-plus .profile-flag {
    background-image: url(../images/profile/flag-plus.png)
}

.logo-plus .caption {
    background-color: #233f87
}

.logo-basic .profile-flag {
    display: none
}

.logo-basic .caption {
    background-color: #fff;
    color: #000
}

.company-description h2 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    font-size: 14pt;
    margin: 0 0 10px
}

.company-description p {
    margin: 5px 0
}

.company-description .description {
    height: 100px
}

.company-description .ratings {
    background-image: url(../images/common/sidebar-ranking.png);
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0 50px;
    margin-bottom: 14px;
    height: 45px
}

.company-description .ratings.loading {
    color: inherit;
    line-height: inherit;
    position: static;
    width: auto;
    height: auto;
    text-align: inherit
}

.company-description .ratings.loading ul {
    background-image: url(../images/common/loading.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.company-description .ratings.loading li {
    display: none
}

.company-description .ratings p {
    float: left;
    margin: 3px 0
}

.company-description .ratings p.ranking {
    float: none
}

.company-description .ranking {
    color: #00b3c7
}

.company-description .rated {
    display: inline;
    position: relative;
    top: 5px;
    left: 5px
}

.company-description .btn-contact,
.company-description .btn-report {
    margin: 0 4px
}

.company-description .btn-report {
    margin-top: 10px
}
.company-description .buttons {
     position: relative;
}

.company-links .address,
.company-links .show-phone,
.company-links .type,
.company-links .website,
.company-links .social .twitter,
.company-links .social .facebook {
    padding-left: 50px;
    height: 45px;
    line-height: 45px;
    display: block;
    margin: 0 0 5px;
    font-weight: 700;
    color: #000;
    background-image: url(../images/profile/info-sprites.png);
    background-position: left top;
    background-repeat: no-repeat
}

.company-links .address {
    line-height: 1.2
}

.company-links .show-phone {
    background-position: 0 -45px
}

.company-links .type {
    background-position: 0 -90px
}

.company-links .website {
    background-position: 0 -135px
}

.company-links .social:before,
.company-links .social:after {
    content: " ";
    display: table
}

.company-links .social:after {
    clear: both
}

.company-links .social .twitter,
.company-links .social .facebook {
    display: inline-block;
    width: 150px;
    float: left;
    font-weight: 400;
    color: #00b3c7;
    background-image: url(../images/profile/social-sprites.png)
}

.company-links .social .facebook {
    background-position: 0 -45px
}

.company-products h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 10pt
}

.product-photos li {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.product-photos li.last-column {
    margin-right: 0
}

.product-photos a {
    display: block;
    position: relative;
    height: 115px;
    width: 115px
}

.product-photos img {
    display: block
}

.product-photos .photo-overlay {
    position: absolute;
    height: 115px;
    width: 115px;
    z-index: 2;
    background-image: url(../images/profile/photo-overlay.png);
    background-repeat: no-repeat;
    background-position: center center
}

.company-video,
.company-map {
    height: 185px
}

.btn-contact {
    margin: 10px
}

.head-banner {
    height: 90px;
    margin-bottom: 27px
}

.head-banner img,
.head-banner object,
.head-banner embed {
    display: block;
    margin: 0 auto;
    width: 728px;
    height: 90px
}

.info-content h1 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 14pt;
    text-transform: uppercase
}

.info-content h3 {
    font-size: 11pt
}

.info-content .part-1,
.info-content .part-2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px dashed #009e47
}

.info-content a {
    color: #8bc83c
}

.info-gallery:before,
.info-gallery:after {
    content: " ";
    display: table
}

.info-gallery:after {
    clear: both
}

.info-gallery img {
    display: block;
    float: left;
    margin: 10px 0;
    margin-right: 20px
}

.info-gallery img.last-col {
    margin-right: 0
}

.faq-content {
    font-size: 11pt;
    color: #333
}

.faq-content h3 {
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 15px
}

.faq-content p {
    margin: 0 0 10px
}

.faq-content ul {
    margin-top: 1em
}

.faq-content .answer {
    padding-left: 10px;
    display: none
}

.faq-content .part-1,
.faq-content .part-2 {
    border-bottom: 0
}

.friends-content img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.friends-content h1 {
    margin-bottom: 0
}

.friends-content h3 {
    text-transform: uppercase;
    font-size: 10pt;
    margin: 0 0 25px
}

.friends-content .group {
    border-top: 2px dashed #009e47;
    padding: 25px 0
}

.friends-content .group-1 {
    border-top: 0
}

.staff-content {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 10pt;
    margin-bottom: 30px
}

.staff-content h2 {
    text-transform: uppercase;
    color: #009e47;
    font-size: 15pt;
    font-weight: 400;
    margin-bottom: 5px
}

.staff-content .group {
    border-top: 2px dashed #009e47;
    padding-bottom: 5px
}

.staff-content .group-1 {
    border-top: 0
}

.staff-content .person {
    width: 380px;
    position: relative;
    display: table
}

.staff-content .person:before,
.staff-content .person:after {
    content: " ";
    display: table
}

.staff-content .person:after {
    clear: both
}

.staff-content .person img {
    display: block;
    float: left;
    height: 142px;
    width: 142px
}

.staff-content .person p {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 238px
}

.staff-content .person .name,
.staff-content .person .position {
    text-transform: uppercase
}

.staff-content .person .name,
.staff-content .person .mail {
    color: #009e47
}

body.subscription .info-content div:before,
body.subscription .info-content div:after {
    content: " ";
    display: table
}

body.subscription .info-content div:after {
    clear: both
}

body.subscription .info-content form input[type=text],
body.subscription .info-content form input[type=tel],
body.subscription .info-content form input[type=phone],
body.subscription .info-content form input[type=email] {
    display: block
}

body.subscription .info-content form label {
    cursor: pointer
}

body.subscription .info-content form select {
    width: 300px;
    margin-bottom: 10px;
    display: block;
    height: 30px;
    font-size: 13px
}

body.subscription .info-content .required-label {
    font-style: italic
}

body.subscription .info-content .radio-options,
body.subscription .info-content .checkbox-options {
    margin-bottom: 10px
}

body.subscription .info-content .radio-options:before,
body.subscription .info-content .radio-options:after,
body.subscription .info-content .checkbox-options:before,
body.subscription .info-content .checkbox-options:after {
    content: " ";
    display: table
}

body.subscription .info-content .radio-options:after,
body.subscription .info-content .checkbox-options:after {
    clear: both
}

body.subscription .info-content .radio-options label,
body.subscription .info-content .checkbox-options label {
    display: block;
    width: 100%;
    margin-bottom: 5px
}

body.subscription .info-content .comment {
    width: 100%;
    height: 170px;
    display: block
}

.unsubscribe-form .btn-send,
body.subscription .info-content .btn-send {
    width: 100%;
    margin: 20px 0 0
}

body.subscription .info-content .personal input[name=name],
body.subscription .info-content .personal input[name=email],
body.subscription .info-content .personal input[name=phone],
body.subscription .info-content .personal input[name=occupation] {
    width: 300px;
    float: left
}

body.subscription .info-content .personal input[name=name],
body.subscription .info-content .personal input[name=phone] {
    margin-right: 20px
}

body.subscription .info-content .personal .sex {
    clear: both
}

body.subscription .info-content .personal .sex:before,
body.subscription .info-content .personal .sex:after {
    content: " ";
    display: table
}

body.subscription .info-content .personal .sex:after {
    clear: both
}

body.subscription .info-content .personal .sex label {
    float: left;
    width: 150px;
    margin-right: 20px
}

body.subscription .info-content .learnedfrom label {
    position: relative;
    padding-left: 18px
}

body.subscription .info-content .learnedfrom input[type=checkbox] {
    position: absolute;
    top: 4px;
    left: 0
}

body.subscription .info-content .learnedfrom .learnedfromcustom input[type=checkbox] {
    top: 7px
}

body.subscription .info-content .learnedfrom .learnedfromcustom input[type=text] {
    width: 282px
}

body.subscription .info-content .address input[type=text] {
    float: left
}

body.subscription .info-content .address input[name=street] {
    width: 300px
}

body.subscription .info-content .address input[name=streetnumber],
body.subscription .info-content .address input[name=streetinner] {
    width: 140px
}

body.subscription .info-content .address input[name=colony],
body.subscription .info-content .address input[name=city],
body.subscription .info-content .address input[name=postalcode] {
    width: 300px
}

body.subscription .info-content .address input[name=betweenstreets] {
    width: 100%
}

body.subscription .info-content .address input[name=street],
body.subscription .info-content .address input[name=streetnumber],
body.subscription .info-content .address input[name=colony],
body.subscription .info-content .address input[name=postalcode] {
    margin-right: 20px
}

.results h1 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 400;
    margin: 0 0 10px
}

.results .filter-details {
    font-size: 10pt;
    font-weight: 700;
    text-transform: uppercase
}

.results .total-results,
.results .filters {
    color: #00b3c7;
    text-transform: none
}

.results .sort {
    width: 280px;
    float: right
}

.result {
    clear: right;
    padding-top: 30px;
    padding-bottom: 90px;
    border-bottom: 2px dashed #009e47;
    font-size: 10pt;
    color: #333;
    position: relative
}

.result:before,
.result:after {
    content: " ";
    display: table
}

.result:after {
    clear: both
}

.profile-logo {
    float: left;
    margin-right: 20px;
    position: relative
}

.profile-logo img {
    display: block
}

.company-name {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 400;
    margin: 0 0 10px
}

.profile-info {
    float: left;
    width: 300px;
    height: 250px
}

.profile-info .description {
    margin-top: 0
}

.profile-info .ratings {
    background-image: url(../images/common/sidebar-ranking.png);
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0 50px;
    margin-bottom: 14px;
    height: 45px
}

.profile-info .ratings.loading {
    color: inherit;
    line-height: inherit;
    position: static;
    width: auto;
    height: auto;
    text-align: inherit
}

.profile-info .ratings.loading ul {
    background-image: url(../images/common/loading.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.profile-info .ratings.loading li {
    display: none
}

.profile-info .ratings p {
    float: left;
    margin: 3px 0;
    font-size: 12px;
}

.profile-info .ratings p.ranking {
    float: none
}

.profile-info .ranking {
    color: #00b3c7
}

.profile-info .rated {
    display: inline;
    position: relative;
    left: 5px;
    top: 0;
    float: right;
}

.profile-info .btn {
    font-weight: 700;
    margin-left: 0;
    margin-right: 0
}

.premium-result,
.plus-result {
    padding-bottom: 55px
}

.premium-result .company-name,
.plus-result .company-name {
    position: absolute;
    left: 0;
    bottom: 10px
}

.premium-result .profile-logo,
.plus-result .profile-logo {
    width: 300px;
    height: 250px
}

.premium-result .buttons,
.plus-result .buttons {
    position: absolute;
    right: 0;
    bottom: 55px;
    width: 300px
}

.premium-result .buttons .btn,
.plus-result .buttons .btn {
    width: 300px
}

.premium-result .profile-flag,
.premium-result .category,
.plus-result .profile-flag,
.plus-result .category {
    position: absolute
}

.premium-result .profile-flag,
.plus-result .profile-flag {
    top: 0;
    left: 9px;
    height: 71px;
    width: 41px
}

.premium-result .category,
.plus-result .category {
    bottom: 0;
    padding: 7px 10px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.2;
    width: 100%
}

.premium-result .category p,
.plus-result .category p {
    margin: 0
}

.premium-result .profile-flag {
    background-image: url(../images/profile/flag-premium.png)
}

.premium-result .category {
    background-color: #efa23e
}

.plus-result .profile-flag {
    background-image: url(../images/profile/flag-plus.png)
}

.plus-result .category {
    background-color: #233f87
}

.basic-result .profile-logo {
    width: 140px;
    height: 117px;
    position: static
}

.basic-result .category {
    position: absolute;
    top: 30px;
    right: 0;
    width: 140px;
    min-height: 100px;
    background-color: #c7c7c7;
    color: #000;
    font-weight: 700;
    padding: 5px 15px
}

.basic-result .category p {
    margin-bottom: 10px
}

.basic-result .profile-flag {
    display: none
}

.basic-result .profile-info {
    height: auto
}

.basic-result .buttons {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    width: 100%;
}

.basic-result .buttons .btn {
    width: 100%;
}

.basic-result .buttons .btn-contact {
    margin-right: 10px;
}

.basic-result .buttons .view-profile {
    margin: 10px 0
}

body.blog .pager {
    border-top: 2px dashed #009e47
}

body.blog .extra {
    margin-bottom: 45px
}

body.article .main-photo {
    display: block;
    margin: 0 auto
}

body.article .article-text {
    padding-bottom: 40px
}

body.article .article-text h1,
body.article .article-text h2,
body.article .article-text h3 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #8bc83c
}

body.article .article-text h1 {
    font-size: 14pt
}

body.article .article-text h2 {
    font-size: 12.5pt
}

body.article .article-text h3 {
    font-size: 11pt
}

body.article .article-text,
body.article .comments {
    font-size: 10.5pt;
    color: #333
}

body.article .comments {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0
}

body.article .comments,
body.article .extra {
    border-top: 2px dashed #009e47
}

body.article .gallery:before,
body.article .gallery:after {
    content: " ";
    display: table
}

body.article .gallery:after {
    clear: both
}

body.article .gallery-item {
    margin-right: 10px;
    margin-bottom: 10px
}

body.article .gallery-item.last-column {
    margin-right: 0
}

body.article .gallery-item a {
    display: block
}

body.article .gallery-item img {
    display: block;
    height: 150px;
    width: 300px
}

body.article .gallery-item .photo-overlay,
body.article .gallery-item .video-overlay {
    position: absolute;
    height: 150px;
    width: 300px;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center center
}

body.article .gallery-item .photo-overlay {
    background-image: url(../images/article/photo-overlay.png)
}

body.article .gallery-item .video-overlay {
    background-image: url(../images/article/video-overlay.png)
}

body.article .article-navigation:before,
body.article .article-navigation:after {
    content: " ";
    display: table
}

body.article .article-navigation:after {
    clear: both
}

body.article .article-navigation a {
    color: #8bc83c;
    font-size: 10pt;
    font-style: italic
}

body.article .article-navigation .prev {
    float: left
}

body.article .article-navigation .next {
    float: right
}

body.calendar {}

body.calendar h1 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 14pt;
    text-transform: uppercase
}

body.calendar h2 {
    font-size: 11pt;
    text-transform: uppercase;
    margin-top: 0
}

body.calendar .calendar-content {
    font-size: 11pt
}

body.calendar .external-links {
    border-top: 2px dashed #009e47;
    border-bottom: 2px dashed #009e47;
    padding: 30px 20px;
    margin: 35px 0
}

body.calendar .external-links:before,
body.calendar .external-links:after {
    content: " ";
    display: table
}

body.calendar .external-links:after {
    clear: both
}

body.calendar .external-links .link {
    display: block;
    width: 50%;
    float: left;
    text-align: center
}

body.calendar .external-links a {
    font-size: 26pt;
    color: #8bc83c;
    text-transform: uppercase;
    font-weight: 700
}

body.calendar #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-size: 11px
}

body.contact .contact-container {
    font-size: 10.5pt;
    color: #595959
}

body.contact .contact-container h1 {
    font-family: 'Montserrat', sans-serif;
    color: #8bc83c;
    font-size: 20pt;
    text-transform: uppercase;
    margin-top: 0
}

body.contact .contact-columns {
    padding-top: 20px
}

body.contact .contact-form:before,
body.contact .contact-form:after {
    content: " ";
    display: table
}

body.contact .contact-form:after {
    clear: both
}

body.contact .contact-col {
    width: 100%;
}

body.contact .contact-col-1 {
    margin-right: 20px
}

body.contact form {
    font-size: 9pt
}

body.contact input[type=text],
body.contact input[type=tel],
body.contact input[type=email] {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #f2f2f2
}

body.contact label {
    display: block;
    width: 100%;
    margin-bottom: 5px
}

body.contact textarea {
    width: 100%;
    height: 90px;
    margin-top: 10px
}

body.contact h4 {
    font-weight: 400;
    text-transform: uppercase
}

body.contact .btn-send {
    margin: 0;
    width: 95px
}

body.contact .help {
    clear: right;
    color: #8bc83c;
    padding-top: 10px
}

body.contact .phone {
    padding-left: 28px;
    min-height: 28px;
    background-image: url(../images/common/green-phone.png);
    background-position: left center;
    background-repeat: no-repeat
}

body.contact #gmap {
    height: 250px;
    width: 300px
}

body.mediakit .mediakit-content {
    padding: 0 10px
}

body.mediakit .mediakit-content h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    color: #8bc83c
}

body.mediakit .mediakit-content .wp-gallery {
    height: 740px;
    width: 940px
}

body.mediakit .mediakit-content .btn-download {
    margin: 40px 0 30px
}
    #popup {
        right: -260px;
        position: absolute;
        top: -15px;
        width: 100%;
        z-index: 1001;
}

.content-popup {
    margin:0px auto;
    position:relative;
    padding:15px;
    /*width:500px;*/
    min-height:130px;
    background-color:#FFFFFF;
    -webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.12);
    box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.12);
    border: 8px solid #8bc83c;
}

.content-popup:before {
  border-top: 15px solid transparent;
  border-right: 100px solid #8bc83c;
  border-bottom: 15px solid transparent;
  content: "";
  position: absolute;
  top: -8px;
  left: -108px;
  z-index: 5;
}

.content-popup:after {
  border-top: 10px solid transparent;
  border-right: 90px solid rgba(0,0,0,0.12);
  border-bottom: 25px solid transparent;
  content: "";
  position: absolute;
  top: 0px;
  left: -108px;
  z-index: 1;
}

.content-popup h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    opacity: 0.6;
}

.close {
    position: absolute;
    right: 15px;
}
.btn-open-popup {
    cursor: pointer;
    z-index: 1;
    position:relative;
}
.close-popup {
 background: transparent;
 height: 40px;
 position: absolute;
 top: -20px;
 right: -22px;
 width: 40px;
 z-index: 10;
}
#closepop{
    display:block;
    cursor: pointer;
    text-indent: 0;
    position:static;
}

.new-search.container_12 > form > a > h2,
.quick-search.grid_6 > label,
.advanced-search.grid_6 > p > a:first-child
{
    color: white;
}
.unsubscribe-form {
    margin-bottom: 40px;
}
.unsubscribe-desc {
    font-size: 15px;
    margin-bottom: 40px;
}
.unsubscribe-form label {
    font-size: 14px;
}
#unsubscribe-error,
#unsubscribe-success {
    display: none;
    padding:5px;
    margin-bottom: 20px;
}
#unsubscribe-error {
    background-color: #FFEBE8;
    border:1px solid #C00;
}
#unsubscribe-success {
    background-color: #d0e9b1;
    border:1px solid #8bc83c;
}


/* 
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error { 
    color:#fff; 
    margin-left:2px;     
    background-image:url('arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:2px;
    padding-left:18px;
    border-radius:4px;
    -webkit-border-radius: 4px;
}


/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes 
 * and '.validity-modal-msg:hover' is applied to suggest 
 * to the user that the boxes are clickable.
 */
.validity-modal-msg { 
    position:absolute; 
    z-index:2; 
    background-color:#999; 
    border:solid 1px #000; 
    padding:4px;
    cursor:pointer; 
}
.validity-modal-msg:hover { 
    background-color:#aaa; 
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL 
 * which is the actual summary. The container can hold 
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #f56600 !important; }



.validity-tooltip {
    z-index:1003;
    
    cursor:pointer;
    
    padding:3px;
    width:16em;
    
    border-width:1px;
    border-color:#555;
    border-style:solid;
    color:#111;
    
    position: absolute;
    background-color:#f56600;
}

.validity-tooltip:hover {
    border-color:#333;
}

.validity-tooltip .validity-tooltip-outer, .validity-tooltip .validity-tooltip-inner {
    position: absolute; 
    width:0; 
    height:0; 
    border-right-width: 0;
    background:none;
    bottom:auto;
}

.validity-tooltip .validity-tooltip-outer {	
    border-color:#333;
    border-style:solid;
    
    border-top: 0px solid transparent; 
    border-bottom: 24px solid transparent;
    
    border-right-width:20px;
    border-right-style:solid;
    border-right-color:inherit;
    
    border-left-width:0px;
    top:-1px;
    left:-21px;
}

.validity-tooltip .validity-tooltip-inner {
    border-top: 0px solid transparent; 
    border-bottom: 24px solid transparent;
    border-right: 20px solid #f56600;
    border-left-width:0px;
    top:1px;
    left:3px;
}


/*-----------------------------Ajuste de estilos: Aarón Cárdenas Nov 2017 ------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/

/*-------Generales--------*/

html, 
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #222;
}

h1 {
  font-size: 28px;
  font-weight: 300;
  text-transform: uppercase;
}


/*-------Barra superior con sociales--------*/

#main-header .contact-us {

    background-color: #a7cb61;
    color: #fff;
    width: 100%;
}

#main-header .contact-us a {
    color: #fff;
}

#main-header .contact-us .container_12 > span,
#main-header .contact-us .container_12 > ul {
    display: inline-block;
    margin: 10px 0; 
}

#main-header .contact-us .container_12 > span {
    font-weight: bold;
    margin-right: 20px;
}

/*-----------Menú principal----------------*/

.logo-bar .logo {
  background-size: contain;
  width: 280px;
  height: 52px;
}

.logo-bar a {
  color: #00bc52;
  text-transform: uppercase;
  font-weight: bold;
}

.nav-menu>li>div a{
  color: #fff;
}

.menu-my_menu-container {
  float: right;
  padding-top: 22px;
}

.nav-menu>li {
  padding-left: 30px;
}

.nav-menu>li>div {
  display: none;
  position: absolute;
  z-index: 5;
  right: 0
}

.nav-menu>li:hover>div {
  display: block;
}

.sub-menu .btn {
  padding: 4px;
  margin: 5px 0px 0 10px;
}

/*--------------------Home---------------------------*/
.hero{
  width: 100vw;
  background-image: url('../images/home/hero_home.png');
  background-size: cover;
  height: 90vh;
  text-align: center;
}

.hero h1,
.hero .btn {
  color: #fff;
  margin: auto;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 30vh;
}

.hero h1 {
  width: 300px;
}

.hero .btn {
  background: 0;
  border-radius: 0;
  border: solid 1px;
  font-size: 15px;
  margin: 30px;
  padding: 12px;
}

.somos,
.historia,
.nosotros,
.patrocinadores {
  padding: 50px 0;
}

.historia {
  background-color:  #8eb79c;
}

.historia h1 {
  color: #fff;
}

.historia .imagen-principal {
  background-image: url('../images/home/historia_1.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 434px;
  margin: 40px;
  width: 100%;
}

.nosotros {
  background-color: #a7cb61;
  color: #fff;
}

.nosotros .miembro {
  padding: 0 20px;
}

.nosotros img,
.nosotros strong,
.nosotros i {
  display: block;
  margin: 25px auto 0;
}

.nosotros img {
  border: solid 10px;
  border-radius: 100%;
  width: 100%;
}

.nosotros i {
  margin: 5px auto;
}

.patrocinadores .miembro {
  padding: 0px;
}

.patrocinadores img,
.patrocinadores strong,
.patrocinadores i {
  display: block;
  margin: 15px auto 0;
}

.patrocinadores img {
  width: 80%;
}

.patrocinadores i {
  margin: 5px auto;
}



/*------------------------- Footer ------------------------*/
#main-footer {
  background-color: #a7cb61;
  padding: 12px;
}


/*------------------------Empresas -------------------------*/

.result {
  border-bottom: 2px dashed #a7cb61;
}

.basic-result .profile-info,
.basic-result .profile-logo,
.premium-result .profile-info,
.premium-result .profile-logo,
.plus-result .profile-info,
.plus-result .profile-logo {
  height: auto;
  width: 300px;
}

.basic-result .company-name, 
.premium-result .company-name, 
.plus-result .company-name {
  position: relative;
  color: inherit;
  font-weight: bold;
}

.basic-result .profile-logo img ,
.premium-result .profile-logo img ,
.plus-result .profile-logo img {
  box-shadow: none;
  border: solid 5px;
  width: 300px;
}

.basic-result .profile-flag,
.premium-result .profile-flag,
.plus-result .profile-flag {
  margin-top: 5px;
}

.basic-result .buttons, 
.premium-result .buttons, 
.plus-result .buttons {
  position: relative;
  bottom: auto;
}

.basic-result .category,
.premium-result .category,
.plus-result .category {
  bottom: auto;
  background-color: transparent;
  color: inherit;
  width: 100%;
  position: relative;
}

.btn.view-profile,
.btn.btn-contact {
  border-radius: 0;
  background: #a7cb61;
}

.btn.view-profile:hover,
.btn.btn-contact:hover {
  background: #a7cb61;
  font-weight: bold;
}

/*--------------------Directorio---------------------------*/
.hero-directorio{
  width: 100vw;
  background-image: url('../images/hero-directorio.jpg');
  background-size: cover;
  height: 310px;
  text-align: center;
}

.hero-directorio .pais img {
  border: solid 10px #00a94f;
  border-radius: 100%;
  width: 20%;
  max-height: 200px;
    text-align: center;
}

.hero-directorio .grid_6{
  width: 100%;
}

.hero-directorio .pais strong {
  display: block;
  color: #222;
}

.donde {
  padding: 50px 0;
}

.donde a{
  color: #ffffff;
}

.donde {
  background-color:  #8eb79c;
}

.donde,
.donde h1 {
  color: #fff;
}

.donde .item span {
    display: block;
    text-align: center;
}


.donde .item img {
    width: 80%;
}


.boton-version-en-linea {
    background-image: url('../images/version-en-linea.png');
    background-size: contain;
    box-sizing: border-box;
    display: block;
    height: 97px;
    margin: 50px auto;
    width: 470px;
}