/*
Theme Name: Customer Alliance v02
Theme URI: http://paulamarques.info
Description: A responsive theme for the company's new website
Author: Paula Marques
Author URI: http://paulamarques.info
Version: 2.0
Tags: responsive, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using Bootstrap
*/

@import url('assets/css/bootstrap.css');
@import url('assets/css/bootstrap-theme.css');

/* ******************************************************
    Index:
    
    Colors,
    Filters and effects,
    General settings,
    Typography,
    Lists,
    Dividers,
    Header,
    Footer,
    Forms,
    Buttons,
    Link: Home,
    Link: Products,
    Link: References,
    Link: Knowledge,
    Link: Career,
    Link: Thank you pages,
    Link: Blog,
    Link: Article;
    Sidebar,
    Social,
    Web icons
   ****************************************************** */

/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
-ms-word-break: break-all;
word-break: break-all;

/* Non standard for webkit */
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

/* ==========================================================================
   Colors
   ========================================================================== */

/* energyvibes */
.energyvibes {
    background-color: #214175;
}

/* controlpanel */
.controlpanel {
    background-color: #214175;
    color: #fff;
}
.controlpanel .button {
    background-color: #57C4BA;
    color: #fff;
}

/* dark-controlpanel */
.dark-controlpanel {
    background-color: #002334;
    color: #fff;
}
.dark-controlpanel .button {
    background-color: #57C4BA;
    color: #fff;
}

/* superlightbase */
.superlightbase {
    background-color: #f2f2f2;
    color: #333;
}
.superlightbase .button {
    background-color: #34a299;
    color: #fff;
}

/* cablue */
.cablue {
    background-color: #006a91;
}

.cablue .button {
    background-color: #57C4BA;
}

.cablue,
.cablue .button,
.cablue a
 {
    color: #fff;
}

/* sunlight */
.sunlight {
    background-color: #D09D43;
    color: #fff;
}

/* supergreen */
.supergreen {
    background-color: #57C4BA;
    color: #fff;
}
.supergreen .button {
    background-color: #006a91;
    color: #fff;
}

/* carbon */
.carbon {
    background-color: #333;
    color: #fff;
}
.carbon .button {
    background-color: #57C4BA;
    color: #fff;
}

.carbon a {
    color: #fff;
}

.carbon .gform_fields {
    color: #fff;
    font-weight: 100;
    font-style: normal;
    text-align: left;
}

.thin {
    margin: 0;
    padding: 0;
}

.hero-claim {
    color: #fff;
    font-size: 3em;
    font-weight: 100;
    text-transform: uppercase;
}

/*Hero*/
.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    top: 30px;
}

.image-bg-fluid-height {
    background: url('http://www.customer-alliance.com/wp-content/uploads/customer-alliance-header.jpg') no-repeat center center scroll;
    background-size: cover;
    background-position: center top;
    padding: 150px 0;
}
@media (max-width: 767px) {
    .image-bg-fluid-height {
        padding: 80px 0;
    }
}

.image-bg-fixed-height {
    background: url('http://www.customer-alliance.com/wp-content/uploads/customer-alliance-header.jpg') no-repeat center center scroll;
    height: 750px;
}

.img-center {
    margin: 0 auto;
}

.text-negative {
    color: #fff;
}

.container-fluid.breath, .image-bg-fluid-height {
    margin-bottom: 15px;
}

.container-fluid.breath {
    padding-bottom: 0;
}

.breath .product-text {
    padding-bottom: 28px;
}

@media (max-width: 991px) {
    .breath .product-text {
        text-align: left;
    }
}

.gradient_CA {
    background: -webkit-linear-gradient(#006a91, #34a299); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006a91, #34a299); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006a91, #34a299); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006a91, #34a299); /* Standard syntax */
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.overlay {
    margin-bottom: -4em;
}

.highlight-green {
    color: #34a299;
    font-weight: 400;
}

.breath-up {
    padding: 2em 0 2em 0;
}

.breath-up {
    padding-top: 4em;
}

.breath-up-1 {
    padding-top: 1em;
}

.breath-up-2 {
    padding-top: 2em;
}

.breath-up-5 {
    padding-top: 5em;
}

.breath-up-6 {
    padding-top: 6em;
}

.breath-up-10 {
    padding-top: 6em;
}

.breath-down {
    padding-bottom: 4em;
}

.breath-down-1 {
    padding-bottom: 1em;
}

.breath-down-2 {
    padding-bottom: 2em;
}

.breath-down-5 {
    padding-bottom: 5em;
}

.breath-down-6 {
    padding-bottom: 6em;
}

.breath-down-10 {
    padding-bottom: 6em;
}

.breath-left {
    padding-left: 4em;
}

.breath-right {
    padding-right: 4em;
}

.breath-right-left {
    margin: 0 2em 0 2em;
}

.text-center {
    /*margin: auto 0;*/
    text-align: center;
}
@media (max-width: 420px) {
    .text-center {
        text-align: left;
    }

    .text-center hr {
        margin-left: 0;
    }
}

.text-right {
    /*margin: auto 0;*/
    text-align: right;
}

.text-green {
    color: #34a299;
}

.highlight-blue {
    color: #006a91;
    background-color: #E6F0F5;
}

.quote {
    font-style: italic;
    font-size: 1.3em;
}

.home_subtitle {
    text-align: center;
    font-size: 2.8em;
}


/* ==========================================================================
   Pagination
   ========================================================================== */

a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}

ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }



/* ==========================================================================
   Filters and effects
   ========================================================================== */

.greyscale {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.greyscale:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

::selection {
    background: #34a299; /* Safari */
    color: #fff;
}

::-moz-selection {
    background: #34a299; /* Firefox */
    color: #fff;
}

.clean_style {
    text-decoration: none;
    font-weight: normal;
}


/* ==========================================================================
   General settings
   ========================================================================== */

body {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
    padding-top: 52px;
}

.img-responsive {
    width: 100%;
}

.img-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.container-fluid {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.breath {
    padding: 2em 0 2em 0;
}

.row-fluid {
    overflow: hidden;
}

.ib_25_form .row {
    padding-top: 0.5em !important;
}

.row .no-breath {
    padding-top: 0;
    padding-bottom: 0;
}

.vertical-center-container {
    display: table;
    height: 100%;
    overflow: hidden;
}

.vertical-center-content {
    display: table-cell;
    vertical-align: middle;
}

.withmargins {
    width: auto;
    box-sizing: border-box;
    padding: 0 6em;
}

.first-in-row {
    margin-left: 0 !important;
}

.displayinline {
    display: inline;
}

.border {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.v-align-outside {
    display: table;
    height: 400px;
    width: 100%;
    overflow: hidden;
}
@media (max-width: 979px) {
    .v-align-outside {
        height: 200px;
        text-align: center;
    }
}

.v-align-inside {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}


/* ==========================================================================
   Typography
   ========================================================================== */

p {
    line-height: 1.6em;
    margin-bottom: 1em;
    margin-top: 1em;
}

hr {
    border-top: 1px solid #666;
}

footer p {
    line-height: 1.4em;
}

h1, h2, h3 {
    font-weight: 100;
}

h2 {
    margin-top: 1em;
}

a {
    color: #333;
    text-decoration: underline;
}

footer a {
    text-decoration: none;
}

h1, h2 a {
    text-decoration: none;
}

a:hover {
    color: #34A299;
}

.recent-post h3,
h3#comments,
#respond h3,

.uppercase {
    text-transform: uppercase;
}

.landing_area {
    margin: 0 5em 0 5em;
}

.landing_area p {
    margin-bottom: 1em;
}

.landing_area h1 {
    text-transform: none;
    text-align: center;
    color: #006A91;
    padding: 0 3em 0 3em;
}

.landing_area h2 {
    font-weight: 400;
    line-height: 1.2em;
}

.nav ul a {
    color: #fff;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
}

/* ==========================================================================
   Lists
   ========================================================================== */

ul {
    margin-left: 20px;
    padding-left: 0;
    margin-bottom: 1.2em;
}
@media (max-width: 420px) {
    .ul {
        margin-left: 0px;
    }
}

.thumbnail ul {
    margin-left: 0px;
}

ol {
    margin-left: 2px;
    padding: 20px;
}

li {
    margin-bottom: .8em;
}

.clear {
    list-style-type: none;
}

.clear ul {
    list-style-type: none;
    margin-left: 0;
}



/* ==========================================================================
   Dividers
   ========================================================================== */

hr.nice_hr {
    padding: 0;
    border: none;
    border-top: medium thin #333;
    color: #333;
    text-align: center;
}
hr.nice_hr:after {
    content: "7";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

.nice_hr p {
    font-style: italic;
    margin-top: .5em;
    text-align: center;
}

.pager a, .pager span {
    /*padding: 7px 15px;*/
    background-color: #46c4ba;
    border: 1px solid #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

.pager a:hover {
    background-color: #d09d44;
}

.icon_green {
    color: #34a299;
    font-size: 1.5em;
}

.icon_red {
    color: #c8506b;
    font-size: 1.2em;
    font-weight: 600;
}

.back_lightblue {
    background-color: #dce9ef;
}

.back_superlightblue {
    background-color: #f3f7f9;
}

.superlightblue {
    background-color: #f3f7f9;
}

.price_value {
    font-size: 2.5em;
    line-height: 1.2em;
    color: #006a91;
}

.price_description {
    font-size: 1.5em;
    line-height: 1.5em;
    font-style: italic;
}

.price_note {
    font-size: .8em;
    font-style: italic;
}

.plan_name {
    background-color: #34a299;
    color: #fff;
    padding: .2em;
}

.table td {
    font-size: 1.2em;
}


/* ==========================================================================
   Tag cloud
   ========================================================================== */

.tag-cloud-small, .tag-cloud-medium, .tag-cloud-big, .tag-cloud-bigger {
    line-height: auto;
    word-wrap: break-word;
}

.tag-cloud-small {
    font-size: 1em;
    line-height: 2.8em;
    color: #7dc4be;
}

.tag-cloud-medium {
    font-size: 2em;
    padding-bottom: .4em;
    padding-top: .4em;
    color: #7dc4be;
}

.tag-cloud-big {
    font-size: 3em;
    font-weight: 400;
    padding-bottom: .6em;
    padding-top: .6em;
    line-height: 1.5em;
    color: #aedad7;
}

.tag-cloud-bigger {
    font-size: 4em;
    font-weight: 700;
    line-height: .7em;
    padding-bottom: 1em;
    padding-top: .8em;
    color: #aedad7;
}


/* ==========================================================================
   Header
   ========================================================================== */

header a,
header li,
header li a {
    text-decoration: none;
}

/* ============================== Language switch*/

.language_switch {
    float: right;
    margin: 1em .8em 0 .8em;
}

.language_switch a {
    font-size: 2em;
    text-decoration: none;
}

.flags_language_selector img{
    margin: 1px;
}

.flags_language_selector .dropdown {
    display: inline-block;
}

.flags_language_selector .dropdown .btn {
    margin-bottom: 2px;
}

/* ============================== Phone number*/

.phone_number {
    margin-right: .1em;
    color: #fff;
    font-size: .9em;
}

/* ============================== Buttons*/

.call_to_action_area {
    margin-top: 11px;
    margin-right: 10px;
}
.call_to_action_area .list-inline > li {
    padding-left: 1px;
    padding-right: 1px;
}

.brand {
    margin-top: .8em;
    margin-left: .2em;
}

@media (max-width: 767px) {
    .brand {
        margin-left: 1.2em;
    }
}

.button-header {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    padding: 5px 10px;
    color: #fff;
    background-color: #57C4BA;
    border: 1px solid #57C4BA;
}

.button-header:hover {
    background-color: #34a299;
    border: 1px solid #34a299;
    color: #fff;
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer {
    padding-top: 1.5em;
    padding-bottom: 1em;
    background-color: #f2f2f2;
    box-sizing: border-box;
}

footer h5 {
    font-weight: 400;
    color: #555;
    padding-bottom: .2em;
    border-bottom: 1px solid #ccc;
}

#copyright {
    border-top: 1px solid #e6e6e6;
    padding-top: 2em;
    margin-top: 2em;
    text-align: center;
}

#copyright p {
    margin: 1% 0;
}

.ss-icon {
    font-size: 2em ;
}

.ss-icon a {
    color: #ccc;
    margin-right: 2%;
}
.ss-icon a:hover {
    color: #666;
}

.info ul,
.info {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.extras_footer {
    font-size: .9em;
    margin-top: 3em;
}

footer ul {
    margin-left: 0;
    padding-left: 0;
}

.footer-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.25em;
}

footer li {
    list-style-type: none;
    border: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.extras_footer ul li {
    display: inline;
    list-style-type:none;
}

.extras_footer ul li:before {
    content:    
}

#footer_language_list{
    margin-bottom: 25px;
    text-align: center;
}

#footer_language_list ul{
    list-style: none;
    margin:0;
    padding:0;
}

#footer_language_list ul li img{
    margin-right:5px;
}

#footer_language_list ul li{
    display:inline;
    margin:0 5px 0 5px;
    padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited{
    color: #fff;
    text-decoration:underline;
}

#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
    color: #fff;
}

.fullwidth {
    width: 100%;
}


/* ==========================================================================
   Forms
   ========================================================================== */

.ginput_container {
    color: #333;
}

.gform_body {
    padding: 1em;
}

/* ============================== Button*/
.gform_button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #57C4BA;
    color: #fff;
    border: 0;
    height: 40px;
    padding: .5em 1em;
    color: #fff;
    width: 100%;
    margin-top: -20px;
}

.gform_button:hover {
    background-color: #34a299;
}

footer .gform_button { 
    background-color: #ccc;
    width: 70%;
    height: 35px;
}

.ib_25_form .button {
    margin-top: -30px;
    margin-bottom: 30px;
}

.ib_25_form .gform_button[disabled]{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #c6c6c6;
    border: 0;
}

/* ============================== Wraper*/
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    background-color: #000;
    font-size: 1.4em;
    font-weight: 100;
    padding: .5em 1em .5em 1em;
    font-family: 'Open Sans', sans-serif;
    margin: .5em auto;
    display: block;
    word-wrap: break-word;
    width: 100%;
}

.gform_wrapper .top_label .gfield_label, .gfield_required {
    margin: 0;
    padding: 0;
    font-weight: 100;
}

.gform_wrapper .gform_footer {
    padding: 0;
    margin: 0;
    text-align: center;
}

/* ============================== Inputs*/
.gform_input {
    width: 97%;
}

input:hidden {
    height: 0;
    margin: 0;
    padding: 0;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #46c4ba;
    border: 0;
}

.gform_wrapper input#gf_coupon_button.button {
    margin-top: -.2em;
}

/* ============================== Label*/
.gform_label {
    font-weight: 200;
}

.gfield_label {
    text-align: left;
}

/* ============================== Opt-in*/
#opt-in-label {
    margin-left: -45px;
    margin-bottom: 0;
    padding-bottom: 0; 
    padding-left: 0;
    font-style: italic;
}

.col-lg-5 #opt-in-label {
    margin-left: -25px;
}

.col-xs-11 #opt-in-label {
    margin-left: 0;
}

/* ============================== Others*/
.large {
    width: 100%;
    color: #000;
}

#field-1445249064-first-label,
#field-1445249064-last-label {
    text-align: left;
}

label {
    font-weight: normal;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.button, .button:hover {
    text-decoration: none;
}

.button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 23px;
    display: inline-block;
    color: #fff;
    margin-top: .5em;
    margin-bottom: .5em;
}

.button_big {
    font-size: 1.5em;
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    margin-top: 1em;
}

.button_big:hover {
    background-color: #88e1d8;
    color: #fff;
}

.pink {
    background-color: #ee5356;
}

.blue {
    background-color: #006a90;
}

.blue:hover,
.blue.active {
    background-color: #D09D44;
}

.golden {
    background-color: #D09D44;
}

.golden:hover,
.golden.active {
    background-color: #46c4ba;
}

.green {
    background-color: #46c4ba;
    color: #fff;
    text-decoration: none;
}

.soft {
    background-color: #ccc;
    color: #333;
    text-decoration: none;
}

.input-label-text {
    font-weight: normal;
}

.input-box {
    font-weight: normal;
}

.wrap-text-150 {
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button .green {
    color: #fff;
    text-decoration: none;
}

.dropshadow {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
}

.fade {
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
    opacity: 1;
}

/* ==========================================================================
   Videos
   ========================================================================== */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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

video {
    width: 100%    !important;
    height: auto   !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   Link: Home
   ========================================================================== */

.learn-more a {
    -webkit-transition: all 0.5s ease;
}

.learn-more h1 {
    text-align: center;
}

.sentence_wrapper {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sentence {
    /*background-color: #006A91;*/
    /*height: 4.5em;*/
    box-sizing: border-box;
    /*font-size: 3em;*/
    /*color: #fff;*/
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

/* Carousel base class */
.navbar-default {
    border-radius: 0;
    height: 52px;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}
@media (max-width: 767px) {
    .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #fff;
        margin-left: -1px;
        margin-right: -1px;
    }
}

.dropdown-menu, .navbar-nav {
    z-index: 20999;
}

.individual_item {
    margin-bottom: .2em;
}

.nav ul a {
    color: #777;
}

.dropdown-menu > li > a {
    color: #777;
}

.dropdown-menu > li > a:hover {
    color: #777;
    background-image: none;
    background-color: transparent;
}

/* ==========================================================================
   Link: Products
   ========================================================================== */

.back_grey {
    background-color: #f2f2f2;
    padding: .8em;
    color: #333;
}

.back_blue {
    background-color: #006490;
}

.back_dark_blue {
    background-color: #00466e;
}

.back_blue, .back_dark_blue  {
    color: #fff;
}

.back_image {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
}

.back-image {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
}

.text_white {
    color: #fff;
}

.text_blue {
    color: #006490;
    font-size: 3em;
}

/* ============================== Features */
.features_block {
    text-align: center;
    margin-bottom: 2em;
}

.features {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: -1.5em;
    background-color: #006a90;
}

.features img {
    margin-top: 1em;
    width: 130px;
}

/* ==========================================================================
   Link: References
   ========================================================================== */

.testimonial-container {
    padding: 0 3em 0 3em;
}

.testimonial {
    margin-bottom: 2em;
    box-sizing: border-box;
}

.filter_testimonials {
    text-align: center;
    background-color: #f2f2f2;
    /*padding: .5em;*/
    margin: 0;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-bottom: 2em;
}

.filter_testimonials ul li {
    display: inline;
    list-style: none;
}
@media (max-width: 767px) {
    .filter_testimonials ul li {
        display: block;
        margin-bottom: .5em;
        text-align: left;
    }
}

.filter_testimonials p {
    font-style: italic;
}

.client_logo img {
    max-width: 100px;
    height: auto;
}

.client_type {
    font-size: .8em;
    font-style: italic;
}

/* ==========================================================================
   Link: Knowledge
   ========================================================================== */

.thumbnail {
    border: 0;
    list-style-type: none;
}

.thumbnail img:hover {
    margin-bottom: 3px solid #333;
}

.thumbnail a {
    text-decoration: none;
}

.partner {
    max-height: 150px;
    height: 150px;
    vertical-align: middle;
    text-align: center;
    float: none;
}

.partner img {
    max-height: 150px;
    height: 150px;
}

#menu-options {
    padding-left: 0;
}

#menu-options .button {
    padding: .5em;
    background-color: #333;
    display: inline-block;
    color: #fff;
}

#menu-options .button:hover {
    background-color: #34a299;
    color: #fff;
}

#mainwrapper {
    font: 10pt normal Arial, sans-serif;
    height: auto;
    margin: 80px auto 0 auto;
    text-align: center;
    width: 660px;
}

#mainwrapper .box {
    border: 5px solid #fff;
    cursor: pointer;
    height: 182px;
    float: left;
    margin: 5px;
    position: relative;
    overflow: hidden;
    width: 200px;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

#mainwrapper .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

#mainwrapper .box .caption {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption {
    opacity: 0;
    width: 170px;
    height: 170px;
    text-align: left;
    padding: 15px;
}

#mainwrapper .box:hover .simple-caption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#mainwrapper .box:hover .fade-caption {
    opacity: 1;
}

/* ==========================================================================
   Link: Blog
   ========================================================================== */

.previous_next {
    font-size: 1.3em;
}

.fb-like-box {
    background-color: #fff;
}

/* ==========================================================================
   Link: Article
   ========================================================================== */

.highlight {
    background-color: #e2e2e2;
    padding: .5em 1em 1em 1em;
    margin: .7em 0 .7em 0;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.goldenbox {
    font-size: .9em;
    background-color: #D09D44;
    padding: .2em .5em;
    color: #fff;
}

.goldenbox:hover {
    color: #fff;
    background-color: #006a91;
    border: 1px;
}

.sidebar {
    background-color: #efefef;
    padding: 2em;
    box-sizing: border-box;
}

.sidebar-block {
    margin-bottom: 4em;
}

.sidebar-block .button {
    margin: 0;
}

.sidebar-block li a {
    text-decoration: none;
    list-style-type: none;
}

.sidebar hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 0;
}

/* ==========================================================================
   Social
   ========================================================================== */

/* ============================== Addthis*/
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 0 0 .5em .5em;
}

.link_facebook:after {
    content: "Facebook";
}

.link_twitter:after {
    content: "Twitter";
}

.link_linkedin:after {
    content: "Linked In";
}

.link_googleplus:after {
    content: "Google Plus";
}

/* ============================== Twitter feed*/
#follow-button label {
    float: left;
}

.widget .label {
    float: left;
}

.label {
    visibility: hidden;
}

#follow-button {
    visibility: hidden;
}

.asterisk {
    color: #999;
    font-size: .5em;
}

/* ============================== Social Icons*/
.facebook_color {
    color: #475a94;
}

.twitter_color {
    color: #60aaee;
}

.linkedin_color {
    color: #4a7fac;
}

.youtube_color {
    color: #cb2c2d;
}

.googleplus_color {
    color: #2f2f2f;
}

.instangram_color {
    color: #68544a;
}

.vertical-divider {
    border-right: solid 1px #ccc;
    padding: 0 1em .1em 1em;
}
@media (max-width: 768px) {
    .vertical-divider {
        border-right: 0;
        border-left: solid 1px #ccc;
        padding: 0 1em .1em 1em;
    }
}

/* row which will make the content of the columns vertically aligned in the middle */

@media (min-width: 992px) {
    .row.row-table {
        width: 100%;
        display: table;
    }
    .row.row-table > div {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
    .row.row-table > div:last-child {
        vertical-align: bottom;
    }
}

.jumbotron {
    margin-bottom: 0;
    padding: 2em 0 2em 0
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}


aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.img-full-width {
    min-width: 100%;
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #ef432f;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.ghost-button,
.ghost-button:visited {
    display: inline-block;
    margin: 0 15px;
    padding: 8px;
    color: #fff;
    border: 3px solid #fff;
    text-align: center;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    line-height: 1em;
}

.ghost-button:hover,
.ghost-button:active {
    background-color: #fff;
    color: #000;
}


/* Extras */
.line-through {
    text-decoration:line-through;
}

.selected {
    color: #F95D3E;
}

.row-thumbnails {
    padding-top: 0;
}

.current-menu-ancestor {
    color: #555;
    background-color: #e7e7e7;
}

.row-teammembers img {
    height: 172px;
    width: auto;
}

.sidebar.knowledge img {
    width: 100%;
    height: auto;
}

/**
*           SINGLE REFERRAL PROGRAM
**/
.single-referral-program .supergreen img {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .single-referral-program .supergreen {
        height: 310px;
    }
    .single-referral-program .supergreen .h1 {
        margin-top: 125px;
    }
    .single-referral-program .supergreen img {
        margin-top: 80px;
        margin-bottom: 50px;
    }
}
.single-referral-program .image {
    padding: 25px 0 15px 0;
}
.single-referral-program .image img {
    max-width: 100px;
    width: 100%;
    margin-bottom: 15px;
}
.single-referral-program input,
.single-referral-program textarea {
    border-radius: 5px;
    border: none;
    color: #000;
    outline: 0;
    padding: 7px !important;
}
.single-referral-program input {
    padding: 7px 14px;
    height: 38px;
}
.single-referral-program .gfield_required {
    color: #fff !important;
}
@media (min-width: 992px) {
    .single-referral-program .back_blue .row {
        display: table;
        width: 100%;
    }
    .single-referral-program .back_blue .row > div {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}
.single-referral-program .subtext {
    padding: 20px 0;
}
.single-referral-program .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    width: 94%;
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
}

/**
*       THANK YOU PAGE
**/
@media (min-width: 768px) {
    .thank-you h1 {
        margin-top: 110px;
    }
    .thank-you h3 {
        margin-top: 25px;
    }
    .thank-you a.button {
        margin-top: 50px;
    }
}
.thank-you a:not(.button) {
    color: #fff;
    text-decoration: underline;
}
.thank-you .product-image {
    margin-top: 35px;
    width: 100%;
    max-width: 604px;
}