@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
.commnuityNavigation,
#NavigationPortlet,
.LeftNavigationTDContainer {
    display: none!important;
}
.webContentInformation.content-display {
    display: none!important;
}
#brad-landing-page-container .inner > .logo-exo {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 100;
}
#brad-landing-page-container .inner > .button-flat-yellow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 100;
}
.brand-adv-custom-tweet-button {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
/* Case 1 */
.brand-adv-custom-tweet-button .twitter {
    display: block;
    width: 283px;
    height: 265px;
    background: url("/brand-advocacy-webapp/img/banner.jpg") no-repeat 0 0 transparent;
}

/* Case 2 */
.brand-adv-custom-tweet-button .btn {
    position: absolute;
    left: 40px;
    bottom: 30px;
    background: #FAA800;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-shadow: none;
    padding-left: 10px;
    padding-right: 10px;
    padding: 10px 10px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 3px 0 0 #CF8A00;
    -webkit-box-shadow: 0 3px 0 0 #CF8A00;
    -o-box-shadow: 0 3px 0 0 #CF8A00;
    box-shadow: 0 3px 0 0 #CF8A00;
    max-width: 220px;
    text-align: center;
}
.brand-adv-custom-tweet-button .img-responsive {
    margin-left: 60px;
}
.brand-adv-custom-tweet-button .btn > span {
    display: block;
    max-height: 36px;
    overflow: hidden;
}
/* Fix z-index */
.UIWorkingWorkspace {
    z-index: 1!important;
}
/* Fix z-index for Top-Bar*/
.UIToolbarContainerDark .NormalContainerBlock .ToolbarContainer {
    z-index: 4;
    position: relative;
}
/* Tweet Popup */
.brand-adv-LightBoxContainer.tweetPopup {
    font-size: 14px;
    background-color: #4f76b5;
    text-align: center;
    position: absolute;
    left: auto;
    right: 0;
    top: 0px;
    bottom: 0;
    color: #fff;
    width: 300px;
    padding: 60px 25px 25px;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: padding 200ms ease-in;
    -moz-transition: padding 200ms ease-in;
    -o-transition: padding 200ms ease-in;
    transition: padding 200ms ease-in;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.brand-adv-LightBoxContainer.tweetPopup .closepopup {
    background-color: #474747;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0px;
    padding: 3px 1px 3px 5px;
}
.brand-adv-LightBoxContainer.tweetPopup .closepopup:hover .uiIconWhite,
.brand-adv-LightBoxContainer.tweetPopup .closepopup .uiIconWhite:hover {
    background-image: url("/brand-advocacy-webapp/img/uiIconsWhite.png") !important;
}
.brand-adv-LightBoxContainer.tweetPopup .BgContent {
    background: none;
    padding: 0;
    position: static;
}
.brand-adv-LightBoxContainer.tweetPopup .introBox > h5 {
    margin: 10px 0 25px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    overflow: hidden;
    max-height: 52px;
}
.brand-adv-LightBoxContainer.tweetPopup .introBox > h5.fix-step-3,
.brand-adv-LightBoxContainer.tweetPopup .introBox > h5.fix-step-4 {
    margin: 10px 0 25px;
}
.brand-adv-LightBoxContainer.tweetPopup .titleStep {
    position: relative;
    margin-left: -20px;
    padding-left: 40px;
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 18px;
}
.brand-adv-LightBoxContainer.tweetPopup .titleStep .textStep {
    display: block;
    margin-right: -40px;
}
.brand-adv-LightBoxContainer.tweetPopup .titleStep .numb {
    display: block;
    width: 30px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #474747;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
    border-radius: 100%;
    /*  padding-left: 9px; */
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .brand-adv-LightBoxContainer.tweetPopup .titleStep .numb {
        line-height: 28px;
    }
}
/* .brand-adv-LightBoxContainer.tweetPopup .titleStep .numb:after,
.brand-adv-LightBoxContainer.tweetPopup .titleStep .numb:before {
    content: "";
    display: block;
    position: absolute;
}
.brand-adv-LightBoxContainer.tweetPopup .titleStep .numb:after {
    left: 100%;
    top: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #474747;
}
.brand-adv-LightBoxContainer.tweetPopup .titleStep .numb:before {
    border-bottom: 9px solid transparent;
    border-right: 9px solid #232323;
    top: 100%;
    left: 0;
} */
.tweetStepContent.step-5 .thanks-box  h4{
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.tweetStepContent.step-5 .thanks-box {
    text-align: left;
    text-align: justify;
}
.tweetStepContent.step-5 .thanks-box {}
.tweetStepContent.step-5 .thanks-box img {
    display: block;
    margin: 20px auto;
}
.tweetStepContent.step-5 .social-link > a + a {
    margin-left: 10px;
}
.tweetStepContent.step-5 .social-link > a {
    display: inline-block;
    width: 40px;
    height: 35px;
    background: url("/brand-advocacy-webapp/img/bg-btn-social-mini.png") no-repeat 0 0 transparent;
}
.tweetStepContent.step-5 .social-link {
    text-align: center;
    margin-bottom: 20px;
}
.tweetStepContent.step-5 .social-link > a.facebook {background-position: 0 0;}
.tweetStepContent.step-5 .social-link > a.linkedin {background-position: -42px 0;}
.tweetStepContent.step-5 .social-link > a.googleplus {background-position: -84px 0;}
.tweetStepContent.step-5 .thanks-box p {}
.brand-adv-LightBoxContainer .iconCapterra {
    display: inline-block;
    content: "";
    width: 15px;
    height: 20px;
    background: url("/brand-advocacy-webapp/img/iconCapterra.png") no-repeat 0 0 transparent;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .write-review {
    font-weight: bold;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .write-review > i {
    vertical-align: middle;
    margin-right: 5px;
}
.tweetStepContent .form-cust-detail {
    margin-bottom: 20px;
}
.tweetStepContent .form-cust-detail input,
.tweetStepContent .form-cust-detail select,
.tweetStepContent .form-cust-detail textarea{
    margin-bottom: 10px!important;
}
.tweetStepContent .form-cust-detail label {
    text-align: left;
}
.brand-adv-LightBoxContainer.tweetPopup .quote-popup {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    text-align: justify;
    color: #333;
    position: relative;
    box-shadow: 5px 5px 12px 0 rgba(36, 44, 48, 0.27);
    -moz-box-shadow: 5px 5px 12px 0 rgba(36, 44, 48, 0.27);
    -webkit-box-shadow: 5px 5px 12px 0 rgba(36, 44, 48, 0.27);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
.brand-adv-LightBoxContainer.tweetPopup .quote-popup .box-view-value {
    max-height: 140px;
    overflow: auto;
}
.brand-adv-LightBoxContainer.tweetPopup .quote-popup p {
    margin: 0;
}
.brand-adv-LightBoxContainer.tweetPopup .quote-popup textarea {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    height: 140px;
    padding: 0;
    overflow: auto;
    resize: none;
    cursor: pointer;
       background: #FFF;
       font-size: 14px;
    line-height: 1.5em;
}

.brand-adv-LightBoxContainer.tweetPopup .quote-popup:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -9px;
}
.brand-adv-LightBoxContainer.tweetPopup .quote-popup:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #fff;
}
/*.brand-adv-LightBoxContainer.tweetPopup .quote-popup:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: transparent linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%) repeat scroll 0% 0%;
    width: 60%;
    height: 31px;
    text-align: right;
}*/
.brand-adv-LightBoxContainer.tweetPopup  .tut-copy {
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px;
    /*   word-break: break-all;*/
}
.brand-adv-LightBoxContainer.tweetPopup select,
.brand-adv-LightBoxContainer.tweetPopup textarea,
.brand-adv-LightBoxContainer.tweetPopup input[type="text"],
.brand-adv-LightBoxContainer.tweetPopup input[type="password"],
.brand-adv-LightBoxContainer.tweetPopup input[type="datetime"],
.brand-adv-LightBoxContainer.tweetPopup input[type="datetime-local"],
.brand-adv-LightBoxContainer.tweetPopup input[type="date"],
.brand-adv-LightBoxContainer.tweetPopup input[type="month"],
.brand-adv-LightBoxContainer.tweetPopup input[type="time"],
.brand-adv-LightBoxContainer.tweetPopup input[type="week"],
.brand-adv-LightBoxContainer.tweetPopup input[type="number"],
.brand-adv-LightBoxContainer.tweetPopup input[type="email"],
.brand-adv-LightBoxContainer.tweetPopup input[type="url"],
.brand-adv-LightBoxContainer.tweetPopup input[type="search"],
.brand-adv-LightBoxContainer.tweetPopup input[type="tel"],
.brand-adv-LightBoxContainer.tweetPopup input[type="color"],
.brand-adv-LightBoxContainer.tweetPopup .uneditable-input {
    width: 100%;
    margin-bottom: 0;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetAddrForm .control-label {
    text-align: left;
    color: #fff;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetAddrForm .help-block,
.brand-adv-LightBoxContainer.tweetPopup .tweetAddrForm .help-inline {
    text-align: left;
    margin: 5px 0 0;
    font-size: 13px;
    color: #fff;
}
/* .brand-adv-LightBoxContainer.tweetPopup .tweetStepContent {
    padding: 0 23px;
} */
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .action {
    margin: 30px 0;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .action .btn {
    font-weight: bold;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.start-step {
    padding: 0;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.start-step .titleStep {
    margin-left: -29px;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.start-step .btn-start {
    font-size: 18px;
    min-width: 150px;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.start-step .btn-start:hover,
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.start-step .btn-start:focus {
    background-position: 0;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.start-step .action {
    margin: 40px 0;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .write-review {
    text-align: left;
    color: #fff;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .write-review a {
    color: #fff;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent .write-review a:hover {
    color: #fff;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.step-2 .action {
    margin: 15px 0;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.step-3 .thank-title {
    margin-bottom: 15px;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.step-3 .thank-content {
    text-align: justify;
    font-size: 14px;
    margin-bottom: 15px;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.step-3 .thank-form textarea {
    height: 123px;
    padding: 10px 8px;
    margin-bottom: 20px;
    max-width: 100%;
    min-width: 100%;
    min-height: 123px;
    resize: none;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.step-3 .thank-form .btn {
    position: relative;
}
.brand-adv-LightBoxContainer.tweetPopup .tweetStepContent.step-3 .thank-form .iconTweetBird {
    margin-right: 5px;
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url("/brand-advocacy-webapp/img/bird.png") no-repeat 0 0 transparent;
    position: relative;
    top: 3px;
    left: -3px;
}
.brand-adv-LightBoxContainer.tweetPopup.scroll-down {
    padding-top: 20px;
}
.brand-adv-LightBoxContainer.tweetPopup.scroll-down .closepopup {
    top: 0;
}




/*/
/* The New Brand Advocacy
/*/
.brad-pick-mission .slides-navigation {
    display: none;
}
.brad-pick-mission .slides-container {}
.brad-pick-mission .slides-container > div img {
    display: none;
}
.brad-pick-mission .slides-container > div:first-child {
    background: url("../../img/bg/lp-tshirt-bg-start1.png") no-repeat center center transparent;
}
.brad-pick-mission .slides-container > div:last-child {
    background: url("../../img/bg/lp-tshirt-bg-start2.png") no-repeat center center transparent;
}
/* #brad-step-background-container {
    background-color: #3f5995;
    height: 100%;
    position: fixed;
    width: 100%;
} */
#brad-landing-page-container > .inner > #brad-pick-mission > div {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important;
}
#brad-landing-page-container > .inner > #brad-pick-mission {
    /* position: absolute!important; */
}
#brad-landing-page-container > .inner {
    background-color: #3f5995;
    position: relative;
    height: 581px;
}
#brad-step-background-container .bg-step {
    display: none;
    background-color: #3f5995;
    height: 100%;
    left: 0;
    padding-top: 70px;
    padding-right: 305px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#brad-step-background-container .bg-step.active {
    display: block;
}
#brad-step-background-container .bg-step.step-1 {
    background: url("../../img/bg/exo-in-the-world-basic.png") no-repeat center center transparent;
}
#brad-step-background-container .bg-step.step-1 .list-misstion {
    left: 40%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.list-misstion > li {
    position: relative;

}
.list-misstion > li + li {
    margin-top: 10px;
}
.list-misstion > li > .text {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    min-width: 300px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.list-misstion > li > .status{
    background: url("../../img/bg/step-by-step.png") no-repeat 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
}
.list-misstion > li.mission-1 > .status{
    background-position: -181px 0;
    width: 122px;
    height: 128px;
}
.list-misstion > li.mission-1.passed > .status{
    background-position: 0 0;
}
.list-misstion > li.mission-2 > .status{
    background-position: -181px -130px;
    width: 178px;
    height: 143px;
}
.list-misstion > li.mission-2.passed > .status{
    background-position: 0 -130px;
}
.list-misstion > li.mission-3 > .status{
    background-position: -181px -284px;
    width: 121px;
    height: 129px;
}
.list-misstion > li.mission-3.passed > .status{
    background-position: 0 -284px;
}
.list-misstion > li.mission-4 > .status{
    background-position: -181px -423px;
    width: 121px;
    height: 127px;
}
.list-misstion > li.mission-4.passed > .status{
    background-position: 0 -423px;
}
[class*="button-flat"] {
    border: none;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    padding: 3px 15px;
    border-bottom: 3px solid #464646;
    background-color: #646464;
    cursor: pointer;
}
[class*="button-flat"]:hover {
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
}
[class*="button-flat"]:active {
    margin-top: 1px;
    -webkit-box-shadow: box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);
    -o-box-shadow: box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);
    box-shadow: box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);
    color: #fff;
}
.button-flat-yellow {
    border-bottom: 3px solid #d18c00;
    background-color: #fca700;
}
.button-flat-yellow:hover {
    background-color: #f19f01;
}
.button-flat-yellow:active {
    background-color: #e29502;
    border-bottom-color: #c58402;
}
.button-flat-primary {
    border-bottom: 3px solid #214b93;
    background-color: #3e6aad;
}
[class*="button-flat"].no-foot {
    padding-top: 4px;
    padding-bottom: 2px;
}
[class*="button-flat"].large {
    border-radius: 6px;
    font-size: 24px;
    min-width: 150px;
    padding: 17px 20px;
}
[class*="button-flat"].large.no-foot {
    padding-top: 17px;
    padding-bottom: 17px;
}
[class*="button-flat"].xlarge {
    border-radius: 5px;
    font-size: 24px;
    min-width: 150px;
    padding: 33px 30px;
    border-bottom-width: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    white-space: nowrap;
    border-radius:8px;
}
[class*="button-flat"].xlarge.no-foot {
    padding-top: 23px;
    padding-bottom: 23px;
}

#brad-step-background-container .step-2  {
    background: url("../../img/bg/exo-in-the-world.png") no-repeat center center transparent;
}
#brad-step-background-container .step-2 .step-container {
    width: 610px;
    margin: 0 auto;
}
#brad-step-background-container .step-2 .congrat {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Lato', sans-serif;
}
#brad-step-background-container .step-2 .form-liquid {
    margin-bottom: 10px;
}
#brad-step-background-container .step-2 .form-liquid .fixed {
    float: right;
    margin-left: 15px;
}
#brad-step-background-container .step-2 .form-liquid .fluid {
    overflow: hidden;
}
#brad-step-background-container .step-2 .form-liquid  .text-won {
    width: 100%;
    height: auto;
    padding-left: 87px;
    background: url("../../img/bird-twitter.png") no-repeat 21px 14px #fff;
    min-width: 100%;
    max-width: 300px;
    padding-top: 12px;
    padding-bottom: 12px;
    resize: none;
    line-height: 1.2;
    height: 66px;
    box-shadow: none;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}
#brad-step-background-container .step-2 .form-liquid .button-flat-primary {
    background-color: #536bad;
    border-bottom-color: #5179b9;
    border-bottom-width: 5px;
    border-radius: 6px;
    font-size: 18px;
    min-width: auto;
    padding: 21px 20px 20px;
    font-family: 'Lato', sans-serif;
}
#brad-step-background-container .social-icon {
    background: url("../../img/bg-btn-social.png") no-repeat 0 0 transparent;
    display: inline-block;
    width: 53px;
    height: 47px;
    vertical-align: middle;

}
#brad-step-background-container .box-social .social-icon {
    margin-left: 10px;
}
#brad-step-background-container .box-social strong{
    color: #fff;
}
#brad-step-background-container .social-icon.facebook {background-position: 0 0;}
#brad-step-background-container .social-icon.linkedin {background-position: -55px 0;}
#brad-step-background-container .social-icon.google {background-position: -110px 0;}

#giveupPopup .close {
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: .6;
}
#giveupPopup .close:hover {
    opacity: 1;
}
#giveupPopup .action button + button {
    margin-left: 10px;
}
#giveupPopup h2{
    font-size: 26px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    color: #536bad;
}
#giveupPopup h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
}
#giveupPopup img {
    margin-bottom: 10px;
}
#giveupPopup {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 1);
    left: 50%;
    padding: 25px 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    z-index: 1000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mark-layer {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 900;
}
#brad-landing-page-container .footer{
    font-family: 'Lato', sans-serif;
    padding: 15px;
}
#brad-landing-page-container .footer > .container {
    padding: 0!important;
}
#brad-landing-page-container .footer .scb-footer-menu  > li {
    display: inline-block;
}
#brad-landing-page-container .footer .scb-footer-menu  > li > a {
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    color: #333!important;
}
#brad-landing-page-container .footer .scb-footer-menu  > li > a:after {
    display: inline-block;
    content: "|";
    width: 20px;
    text-align: center;
}
#brad-landing-page-container .footer .scb-footer-menu  > li:last-child > a:after {
    display: none;
}
#brad-landing-page-container .footer  .links-social {
    text-align: right;
}
#brad-landing-page-container .footer  .links-social > span {
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
}
[class^="scb-icon-"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/brand-advocacy-webapp/img/icons-social.png) no-repeat 0 0 transparent;
    vertical-align: middle;
}
.scb-icon-facebok {
    background-position: 0 0;
}
.scb-icon-twitter {
    background-position: -34px 0;
}
.scb-icon-google {
    background-position: -68px 0;
}
.scb-icon-linkedin {
    background-position: -102px 0;
}
.scb-icon-rss {
    background-position: -136px 0;
}
.scb-icon-youtube {
    background-position: -170px 0;
}
#brad-landing-page-container .footer  .links-social > a {

}
/*
# RESPONSIVE
*/

@media(max-width: 1200px) {
    .brad-pick-mission .slides-container > div {
        background-size: 90%!important;
    }
    #brad-step-background-container .bg-step.step-1 .list-misstion {
        left: 35%;
    }
}
@media(max-width: 980px){
    #brad-step-background-container .bg-step.step-1 .list-misstion {
        left: 15px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

}
@media(max-width: 767px){
    #brad-landing-page-container .logo-exo {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
@media(max-width: 767px){
    [class*="button-flat"].xlarge {
        padding: 17px 20px;
    }
}
#brad-landing-page-container .footer .links-social > span {vertical-align: middle;}
.scb-footer-menu {
    margin-top: 5px;
}