@import url("pages/home.css?v=2.1");
@import url("pages/updates.css?v=2.1");
@import url("pages/bio.css?v=2.1");
@import url("pages/athletes.css?v=2.1");
@import url("pages/content.css?v=2.1");
@import url("snippets/footer.css?v=2.2");
@import url("snippets/nav.css?v=2.1");
@import url("pages/blog.css?v=2.2");
@import url("pages/settings.css?v=2.1");


/*@import url("vendor/owl.carousel.css");
@import url("vendor/owl.theme.css");
@import url("vendor/owl.transitions.css");*/


@font-face {
    font-family: 'Indie Flower';
    src: url('../fonts/indieflower.eot');
    src: url('../fonts/indieflower.eot?#iefix') format('embedded-opentype'),
         url('../fonts/indieflower.woff2') format('woff2'),
         url('../fonts/indieflower.woff') format('woff'),
         url('../fonts/indieflower.ttf') format('truetype'),
         url('../fonts/indieflower.svg#indie_flowerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
html,
body {
  min-height: 100%;
  height: 100%;
}
body {
  overflow-y: scroll;
  font-size: 15px;
  background:#2c2c2c;
}
a {
  color: #f89435;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out
}
a:hover,a:focus {
  color: #c06107
}

a i:hover{
  /*color: #c06107*/
}

.go-cmp,.go-profile{
  cursor: pointer;
}
.dropdown-menu>li>a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.nav-tabs.nav-justified.settings-tab>li{
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified.settings-tab>li.active{
  border: 1px solid #ddd;
  border-bottom-color: #fff;
}
.nav-tabs.nav-justified.settings-tab>li.active:hover,
.nav-tabs.nav-justified.settings-tab>li.active:focus,
.nav-tabs.nav-justified.settings-tab>li.active,{
  background-color: #fff;
  border: 1px solid #ddd;
}
.nav-tabs.nav-justified.settings-tab>li.active>a:hover,
.nav-tabs.nav-justified.settings-tab>li.active>a:focus,
.nav-tabs.nav-justified.settings-tab>li.active>a,{
  border: 1px;
}

.nav-tabs.nav-justified.settings-tab>li:hover{
  background-color:#eee;
}
.nav-tabs.nav-justified.settings-tab>li.active:hover{
  background-color:#fff;
}
.remove-responsive video{
  width: 100%;
}
.nav-tabs.nav-justified.settings-tab>li:hover{
  cursor: default;
}
.nav-tabs.nav-justified.settings-tab>li>a{
  border:1px;
}
.nav-tabs.nav-justified.settings-tab>li>a:hover{
  border:1px;
  background-color: #eee;
}
.nav-tabs.nav-justified.settings-tab>li.active>a:focus,
/*.nav-tabs.nav-justified.settings-tab>li.active>a,*/
.nav-tabs.nav-justified.settings-tab>li.active>a:hover{
  border-color:#fff;
  background-color: #fff;
}
.nav-tabs.nav-justified.settings-tab>.active>a, 
.nav-tabs.nav-justified.settings-tab>.active>a:hover, 
.nav-tabs.nav-justified.settings-tab>.active>a:focus {
  border:0;
}
.nav-tabs.nav-justified.settings-tab .open>a, 
.nav-tabs.nav-justified.settings-tab .open>a:hover, 
.nav-tabs.nav-justified.settings-tab .open>a:focus {
  color:#f89435;
}
.nav-tabs.nav-justified.settings-tab .dropdown-menu>.active>a, 
.nav-tabs.nav-justified.settings-tab .dropdown-menu>.active>a:hover, 
.nav-tabs.nav-justified.settings-tab .dropdown-menu>.active>a:focus {
  background-color: #f89435;
  background-image: -webkit-linear-gradient(top,#f89435 0,#f89435 100%);
}
.border{
  border: 1px solid #ddd;
}
.top-radius{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bottom-radius{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.go-profile{
  /*padding: 20px;*/
  /*border: 1px solid #ddd;*/
}

.side-profile-div{
  margin-top: 80px;
  border-radius: 4px;
  position: relative;
  text-align: center;
}

.btn-toolbar{
  color: #fff;
}
.go-profile-social{
  text-align: left;
  background-color: #f7f7f7;
  padding: 20px;
  border: 1px solid #ddd;
}
.go-profile-social .info{
  display: inline-block;
  /*margin: 0 5%;*/
}

#chatra.chatra--side-bottom.chatra--pos-right:not(.chatra--mobile-widget){
 right: 60px !important;
}

.go-profile-social .info span {
  font-size: 20px;
  margin-bottom: 18px;
  font-weight: 600;
}
.go-profile-social .info div {
  color: #929292;
  font-size: 14px;
  text-transform: uppercase;
}
.profile-social .info div {
  color: #929292;
  font-size: 14px;
  text-transform: uppercase;
}
.profile-social .info .tooltip-inner {
  text-transform: capitalize;
}

/*.go-profile:before {
  position: absolute;
  top: 40px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-left: 10px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 10px solid transparent;
  content: " ";
  border-left-width: 0;
  border-right-width: 10px;
  left: -10px;
  right: auto;
}

.go-profile:after {
  position: absolute;
  top: 41px;
  display: inline-block;
  border-top: 9px solid transparent;
  border-left: 9px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 9px solid transparent;
  content: " ";
  border-left-width: 0;
  border-right-width: 9px;
  left: -9px;
  right: auto;
}*/

.datepicker{z-index:1151 !important;}
#timeline_item_form{padding: 0 10px;}

#global {
  /*position: relative;*/
  min-height: 100%;
  z-index: 2;
  background: #fff;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);

  /* the following fixes the position fixed bug caused by the transform */
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;

  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
  
  -webkit-box-shadow: 0 0 6px rgba(20, 0, 0, 0.15);
  -moz-box-shadow: 0 0 6px rgba(20, 0, 0, 0.15);
  box-shadow: 0 0 6px rgba(20, 0, 0, 0.15);
  
}
#global.pushed {
  -webkit-transform: translate(260px, 0px);
  -ms-transform: translate(260px, 0px);
  transform: translate(260px, 0px);
}
.center {
  text-align: center;
}
.btn {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.btn.btn-primary {
  border-color: #14c052;/*#fbad42;*//*#F13F11;/*#14c052;*/
  background: #14c052;
  color:#fff;
  text-shadow:none;
}
.btn.btn-primary:hover {
  background: #11a346;/*#F27A08;*//*#da3005;*/
  border-color: #11a346;
  color:rgba(255,255,255,.6);
}
.btn.btn-outline {
  border-color: #999;
  background: 0;
  color: #999;
}
.btn.btn-outline:hover {
  background: 0;
  border-color: #ddd;
  color: #ddd;
}
.btn.btn-info {
  border-color: #f89435;
  background: #fbad42;
}
.btn.btn-info:hover {
  background: #faa229;
  border-color: #f7871c;
}
.btn.black.medium{
  font-weight: 700;
}
.btn.black{
  background: #242321;
  color: #868686;
}
.btn.black i{
  color: #fff;
  margin-left: 8px;
}

.dropdown-menu.orange{
  background-color: #f0a93d;
  margin-bottom: 7px;
  left: -8px;
}

.dropdown-menu.orange>li>a:hover, .dropdown-menu.orange>li>a:focus{
  background-image: none; 
  background: transparent;
}

.dropdown-menu.orange .divider{
  background-color: #d7922a;
}

.dropdown-menu.orange>li>a{
  color: #fff;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.dropdown-menu.orange:before {
  position: absolute;
  bottom: -7px;
  left: 45%;
  display: inline-block;
  border-right: 7px solid transparent;
  border-top: 7px solid #f0a93d;
  border-left: 7px solid transparent;
  /* border-top-color: rgba(0,0,0,0.2); */
  content: '';
}

.dropdown-menu.orange i{
  color: #a97217;
  margin-right: 10px;
  width: 10px;
}

#change-cover{
  position: absolute;
  z-index: 10;
  right: 55px;
  bottom: 40px;
}

#cover-dropdown{
  position: absolute;
  z-index: 10;
  right: 60px;
  top: 10px;
}
#cover-dropdown.content-page{
  position: relative;
  z-index: 10;
  right: 23px;
  top: 0px;
}
header .menu>li>a.mobile-cover-name:focus{
  color: black;
}
#cover-dropdown button{ 
  background-color: transparent;
  color: rgba(255,255,255,0.5);
  width: 150px;
  padding: 6px 5px;
}
#cover-dropdown button .cover-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  display: inline-block;
  margin-right: 8px;
}
#cover-dropdown.content-page button{
  padding: 0 12px;
}
#cover-dropdown button.btn.black.medium{
  font-weight: 100;
  font-size: 16px;
}
#cover-dropdown.btn-group.open button.btn.black.medium.dropdown-toggle{
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cover-dropdown button:hover,#cover-dropdown button:focus{ 
  color: #fff;
  border:0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cover-dropdown button .caret{ 
  top: -8px;
  position: relative;
}
ul.dropdown-menu.cover-menu.orange{
  left: 0;
  width: 170px;
  min-width: 0px;
  padding: 5px 0;
}
.dropdown-menu.cover-menu.orange:before{
  bottom: 216px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #f0a93d;
  border-left: 7px solid transparent;
  border-top:0;
}

.btn-group .avatar{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 4px;
    background-size: cover;
    margin-left: -10px;
}

#change-cover .btn{
  padding: 12px;
}
.btn.red-border{
  background: #fff;
  color: #FAA732;
  border: 1px solid #FAA732;
}
.btn.orange{
  background: #fbad42;
  color: #fff;
  /*padding: 10px 20px*/
}
.btn.orange:hover{
  color: #fff;
  background: #f27a08
}
.btn.hard-grey {
  background: #666;
  color: #fff;
}
.btn.hard-grey:hover{
  background: #818181;
  color: #fff;
}
.btn.small{
  font-size: 12px;
  padding: 5px 10px;
}
.btn.medium{
  font-size: 13px;
}

header {
  position: relative;
  min-height: 480px;
  color: #fff;
  padding-top: 1px;
  background: #FFFFFF;
}

header.content,header.athlete-page{
  background: #161616;
}

header .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  filter: alpha(opacity=90);
  background: #000;
  z-index: 5;
}



header .overlay {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  /* background-attachment: fixed; */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}

.stuck {
  position:fixed;
  top:0;
}

header .play-button {
  font-size: 32px;
  color: #fff !important;
  border: 2px solid #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  line-height: 98px;
  padding: 0;
  margin-top: 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 30%;
  margin-left: -60px;
}
header .play-button i {
  margin-left: 7px;
  margin-top: -5px;
}
header .play-button:hover {
  /*background: rgba(0, 0, 0, 0.3);
  border-color: #fbad42;
  color: #fbad42;*/
  color: #fff;
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

header .row {
    position: relative;
    z-index: 10;

}

#update-form .update-modal-input{
  border: 1px solid #ccc !important;
  margin-bottom: 15px;
}
#update-form-preview .update-modal-input{
  border: 1px solid #ccc !important;
  margin-bottom: 15px;
}


/*header .btn {
    background: #fbad42;
    color: #fff;
    padding: 10px 20px
}

header .btn:hover {
    color: #fff;
    background: #f27a08
}*/
/*
header .play-button {
  font-size: 32px;
  color: #fff;
  border: 2px solid #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  line-height: 98px;
  padding: 0;
  margin-top: 20px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
header .play-button i {
  margin-left: 7px;
  margin-top: -5px;
}
header .play-button:hover {
  background: rgba(0, 0, 0, 0.3);
  border-color: #fbad42;
  color: #fbad42;
}*/

header.front{
  min-height: 420px;
}

header .logo {
  position: relative;
  top: 8px;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  opacity: 1;
  filter: alpha(opacity=100)
}
header .logo:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

header .logo.no-open{

}

header .logo.no-open:hover{
  cursor: default;
}


header .menu {
    padding: 0;
    margin: 15px 10px 0 0;
    font-family: Exo,Helvetica,Arial,sans-serif;
    font-size: 15px
}

header .menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    margin-right: 20px;
    padding-bottom: 10px;
}

header .menu>li>a {
    color: rgba(255,255,255,0.5);
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    border-bottom: 2px solid transparent
}

header .menu>li>a.active {
    color: #fff;
    /*border-bottom: 2px solid #fbad42*/
}

header .menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    /*border-bottom: 2px solid #fbad42*/
}

header .menu>li>a:focus,header .menu>li>a:active {
    text-decoration: none;
    outline: 0
}

header .menu>li:last-child {
    margin-right: 0
}

header .menu>li .sign-in {
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 4px;
    background: rgba(0,0,0, 0.4);
    padding:7px 14px 6px 12px;
}

header .menu>li .sign-in:hover {
   /* background: #fbad42;
    border-color: #fbad42;
    border-bottom-width: 1px*/
    color: white;
    border: 1px solid rgba(255,255,255,0.65);
}
header h1 {
  margin-top: 60px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  text-align: center;
  position: relative;
  display: inline;
}

header p {
  text-align: center;
  margin:0 auto;
}

.italic{
  font-style: italic;
}

header h1 span{
  position: absolute;
  font-size: 24px;
  bottom: -35px;
  font-style: italic;
  right: 0;
}

.profile-row-container {
    position: relative
}

.profile-row {
    margin-top: 50px;
    height: 145px;
    position: relative
}

.profile-row .avatar {
    width: 125px;
    height: 125px;
    background: #eee;
    z-index: 3;
    overflow: hidden;
    border-radius: 6px;
    background-size: cover;
    position: relative;
}

.profile-row .profile-info {
    color: #fff;
    font-family: Exo,Helvetica,Arial,sans-serif;
    font-size: 24px;
    margin-left: 18px;
    margin-top: 0;
    margin-right: 20px
}

.profile-row .profile-info .profile-info-map {
    font-size: 14px;
    color: #ccc;
    margin-top: 5px
}

.profile-row .profile-info .profile-info-quote {
    font-size: 16px;
    color: #999;
    margin-top: 5px
}

.profile-info-quote a{
  color: #ccc;
}
.profile-row .profile-info .profile-info-sm {
    font-size: 16px;
    color: #999;
    margin-top: 10px
}

.profile-row .profile-info .profile-info-sm a {
    margin-right: 5px
}

.profile-row .profile-info .profile-info-sm a:last-child {
    margin-right: 0
}

.profile-row .profile-info .profile-info-sm a:hover {
    color: #d37c04
}

.profile-info-sm a i{
  margin: 0;
  font-size: 100%;
  margin-right: 5px;
  margin-left: 0px;
}

.profile-row .profile-bottom-links {
    position: absolute;
    bottom: 20px;
    right: 0;
    text-align: right
}

.profile-row .profile-follow a {
    margin-left: 10px
}

section.section-progress {
  background: #252423;
  padding: 0;
  position: relative;
}
section.section-progress .row {
  margin-left: 0;
  margin-right: 0;
}
section.section-progress .row.no-gutter > div:first-child {
  padding-left: 0;
  padding-right: 0;
}
section.section-progress .row.no-gutter > div:last-child {
  padding-right: 0;
  padding-left: 0;
}
section.section-progress .btn-contribute {
  position: absolute;
  top:0;
  right:0;
  left:0;
  height: 51px;
  line-height: 50px;
  padding: 0;
  border-radius: 0;
  font-family: Exo, Helvetica, Arial, sans-serif;
  border: 0;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: 900;
  text-transform: uppercase;
}
section.section-progress .to-go {
  color: #999;
  line-height: 50px;
  padding: 0;
  font-family: Exo, Helvetica, Arial, sans-serif;
  border-top: 1px solid #444;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section.section-progress .to-go .number {
  font-size: 16px;
  color: #fff;
  margin-right: 5px;
}
section.section-progress .progress {
  background: #252423;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 51px;
  border-radius: 0;
  margin-bottom: 0;
  border-right: 1px solid #444;
  border-top: 1px solid #444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section.section-progress .btn-primary {
  /*border-radius:0;
  height: 51px;
  line-height: 50px;
  padding:0;*/
}
section.section-progress .progress .progress-bar-total {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 50px;
  font-size: 16px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  color: #fff;
}
section.section-progress .progress .progress-bar-current {
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 50px;
  font-size: 16px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  color: #fff;
}
section.section-progress .progress .progress-bar-percent {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  text-align: center;
  margin-left: -50px;
  line-height: 50px;
  font-size: 16px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  color: #fff;
}
section.section-progress .progress .progress-bar {
  background-color: #f89435;
  background-image: -moz-linear-gradient(left, #fbad42, #f89435);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbad42), to(#f89435));
  background-image: -webkit-linear-gradient(left, #fbad42, #f89435);
  background-image: -o-linear-gradient(left, #fbad42, #f89435);
  background-image: linear-gradient(to right, #fbad42, #f89435);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbad42', endColorstr='#fff89435', GradientType=1);
  background-color: #fbad42;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  line-height: 50px;
  font-size: 16px;
  font-family: Exo, Helvetica, Arial, sans-serif;
}
section.section-main {
  margin-top: 20px;
  margin-bottom: 120px;
  padding-bottom:60px;
}
section.section-main h2 {
  font-family: Exo, Helvetica, Arial, sans-serif;
  margin: 30px 0 15px 0;
  line-height: 1.5;
  font-weight: bold;
}
section.section-main h3 {
  font-family: Exo, Helvetica, Arial, sans-serif;
  margin: 20px 0 20px 0;
  line-height: 1.5;
  font-weight: bold;
}
section.section-main p {
  font-size: 15px;
  line-height: 1.5;
}

section.section-main p.help-block {
  font-size: 12px;
}

section.section-main .nav-tabs > li a:hover {
  background: none;
  border: 1px solid;
  border-color: #fff #fff #ddd;
  color: #555;
}
section.section-main .nav-tabs > li.active a:hover {
  background: #fff;
  color: #555;
  border-color: #ddd;
  border-bottom-color: transparent;
}
section.section-main .side-links {
  margin-top: 40px;
}
section.section-main .side-links li {
  margin-bottom: 10px;
}
section.section-main .side-links li.active a {
  background: #fbad42;
  border-color: #f89435;
  color: #fff;
}
section.section-main .side-links a {
  border: 1px solid #ddd;
  color: #999;
}
section.section-main .side-links a:hover {
  background: #f6f6f6;
}
section.section-main aside .rewards {
  padding: 0;
  margin: 0;
}
section.section-main aside .rewards li {
  margin: 0;
  list-style-type: none;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #fff;
}
section.section-main aside #rewards > li {
  padding:20px;
}
section.section-main aside .rewards li:first-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
section.section-main aside .rewards li:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  border-bottom: 1px solid #ddd;
}
section.section-main aside .rewards li h4 {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding: 0;
}
section.section-main aside .rewards li p {
  margin-bottom: 20px;
}

section.section-main aside .rewards img {
  margin-bottom: 20px;
}

section.section-main aside .rewards .contributor-message {
  position: relative;
  background: #f6f6f6;
  padding:20px;
  margin:0;
  color:#999;
  -webkit-transition:color 0.1s ease-out;
  transition:color 0.1s ease-out;
}

section.section-main aside .rewards .contributor-message:hover {
  color:#333;
}

section.section-main aside .rewards .contributor-message img {
  position: absolute;
  z-index: 1;
  top:-13px;
  left:20px;
}

section.section-main aside .rewards .contributor-name {
  text-transform: capitalize;
}
section.section-main aside .rewards .contributor-info {
  padding:20px;
  width: 100%;
  float:none;
}
section.section-main aside .rewards .contributor-info h4 {
  text-align: right;
  margin-bottom:10px;
}
.campaign-reward.disabled{
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

hr{
  border-top: 1px solid #bbb;
  border-bottom: 0px solid #FFF;
  background: #bbb;
}
.btn-facebook {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #586B93;
    background-image: -moz-linear-gradient(top, #7787A7, #586B93);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7787A7), to(#586B93));
    background-image: -webkit-linear-gradient(top, #7787A7, #586B93);
    background-image: -o-linear-gradient(top, #7787A7, #586B93);
    background-image: linear-gradient(to bottom, #7787A7, #586B93);
    background-repeat: repeat-x;
    border-color: #586B93;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7787A7', endColorstr='#586B93', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #FFFFFF;
  background-color: #586B93;
}

.at-style-responsive .at-share-btn{
  border-radius: 5px !important;
}

.btn-twitter{
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1ba5e2;
    background-image: -moz-linear-gradient(top, #1ba5e2, #19b1e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1ba5e2), to(#19b1e7));
    background-image: -webkit-linear-gradient(top, #1ba5e2, #19b1e7);
    background-image: -o-linear-gradient(top, #1ba5e2, #19b1e7);
    background-image: linear-gradient(to bottom, #1ba5e2, #19b1e7);
    background-repeat: repeat-x;
    border-color: #1ba5e2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ba5e2', endColorstr='#19b1e7', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #FFFFFF;
  background-color: #19b1e7;
}

.spinner {
  display: inline-block;
  opacity: 0;
  max-width: 0;
 /* -webkit-transition: opacity 0.25s, max-width 0.45s; 
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s;  Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */
}

.grey{
  background: #eee;
  box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
}

.form-register select#gender-select{
  height:35px;
  width:189px;
}

.control-group .grey{
  background: #eee !important;
  box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
}

input.grey::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666666;
    /*text-transform: uppercase;*/
}

input.grey:focus::-webkit-input-placeholder { /* WebKit browsers */
    color:    #B2B2B2;
    /*text-transform: uppercase;*/
}

.grey:focus::-webkit-input-placeholder { /* WebKit browsers */
    color:    #B2B2B2;
}

.grey::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666666;
}

.content input[type="text"],.content input[type="password"],.content textarea,.content select,.modal select,.modal textarea,.modal input[type="text"],.modal input[type="numbers"],.modal input[type="password"],.modal input[type="datetime"],.modal input[type="datetime-local"],.modal input[type="date"],.modal input[type="month"],.modal input[type="time"],.modal input[type="week"],.modal input[type="number"],.modal input[type="email"],.modal input[type="url"],.modal input[type="search"],.modal input[type="tel"],.modal input[type="color"],.modal .uneditable-input {
  padding: 8px 10px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.border-form input[type="text"],.border-form input[type="password"],.border-form textarea,.border-form select,.border-form select,.border-form textarea,.border-form input[type="numbers"],.border-form input[type="password"],.border-form input[type="datetime"],.border-form input[type="datetime-local"],.border-form input[type="date"],.border-form input[type="month"],.border-form input[type="time"],.border-form input[type="week"],.border-form input[type="number"],.border-form input[type="email"],.border-form input[type="url"],.border-form input[type="search"],.border-form input[type="tel"],.border-form input[type="color"],.border-form .uneditable-input {
  border: 1px solid #ccc;
}


.modal .control-group {
  margin-bottom: 0px;
}

.modal .error input{
  border: 1px solid !important;
}
.over{
    opacity: 0.5;
    cursor: default !important;
}

.over a{
    cursor: default !important;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  padding: 40px 0;
  margin: 0px;
  word-wrap: break-word;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px
}

.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:before,.timeline>li:after {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li:before,.timeline>li:after {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px;
    position: relative
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -10px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-left: 10px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 10px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -9px;
    display: inline-block;
    border-top: 9px solid transparent;
    border-left: 9px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 9px solid transparent;
    content: " "
}

.timeline>li>.timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999;
  z-index: 1;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline>li>.timeline-badge.avatar{
  background-color: #eee;
  width: 60px;
  height: 60px;
  border: 3px solid #eee;
  background-size: cover;
  margin-left: -30px;
  top: 8px;
  cursor: pointer;
}

.timeline>li>.timeline-badge.avatar i{
  display: none;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 10px;
    left: -10px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 9px;
    left: -9px;
    right: auto
}

/*.timeline-badge.primary {
    background-color: #fbad42!important
}*/

.timeline-badge.success {
    background-color: #3f903f!important
}

.timeline-badge.warning {
    background-color: #f0ad4e!important
}

.timeline-badge.danger {
    background-color: #d9534f!important
}

.timeline-badge.info {
    background-color: #5bc0de!important
}

.timeline-badge.facebook {
    background-color: #5d82d1!important
}

.timeline-badge.twitter {
    background-color: #40bff5!important
}

.timeline-badge.instagram {
    background-color: #548bb6!important
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body>p,.timeline-body>ul {
    margin-bottom: 0
}

.timeline-body>p+p {
    margin-top: 5px
}

ul.full.timeline:before {
    left: 45px;
}

ul.full.timeline>li>.timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%)
}

ul.full.timeline>li>.timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px
}

ul.full.timeline>li>.timeline-panel {
  float: left;
  margin-left: 100px;
  width: 90%;
  width: calc(100% - 100px);
}
ul.full.timeline>li>.timeline-panel:before {
    border-left-width:0;
    border-right-width: 10px;
    left: -10px;
    right: auto
}

ul.full.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 9px;
    left: -9px;
    right: auto
}


/*#updates ul.timeline>li>.timeline-panel {
    float: left;
    margin-left: 100px;
  width: calc(100% - 100px)
}


#updates ul.timeline:before {
    left: 40px
}

#updates ul.timeline>li>.timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%)
}

#updates ul.timeline>li>.timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px
}

#updates ul.timeline>li>.timeline-panel {
    float: left;
    margin-left: 100px;
  width: calc(100% - 100px)
}
#updates ul.timeline>li>.timeline-panel:before {
    border-left-width:0;
    border-right-width: 10px;
    left: -10px;
    right: auto
}

#updates ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 9px;
    left: -9px;
    right: auto
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li > .timeline-panel {
        width: 46%;
        float: left;
        border: 1px solid #d4d4d4;
        border-radius: 2px;
        padding: 20px;
        position: relative;
    }

        .timeline > li > .timeline-panel:before {
            position: absolute;
            top: 26px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #ccc;
            border-right: 0 solid #ccc;
            border-bottom: 15px solid transparent;
            content: " ";
        }

        .timeline > li > .timeline-panel:after {
            position: absolute;
            top: 27px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " ";
        }

    .timeline > li > .timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 16px;
        left: 50%;
        margin-left: -25px;
        background-color: #999999;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }

    .timeline > li.timeline-inverted > .timeline-panel {
        float: right;
    }

        .timeline > li.timeline-inverted > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        .timeline > li.timeline-inverted > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }


.timeline-badge.primary {
    background-color: #fbad42!important
}

.timeline-badge.success {
    background-color: #3f903f!important
}

.timeline-badge.warning {
    background-color: #f0ad4e!important
}

.timeline-badge.danger {
    background-color: #d9534f!important
}

.timeline-badge.info {
    background-color: #5bc0de!important
}

.timeline-badge.facebook {
    background-color: #5d82d1!important
}

.timeline-badge.twitter {
    background-color: #40bff5!important
}

.timeline-badge.instagram {
    background-color: #548bb6!important
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

*/
.settings-form select#sport{
  width: 100%;
  border: 1px solid #ccc;
}
.press-row{
  margin-top: 25px;
}
.press-media{
  text-align: center;
  margin: 0;
  height: 100%;
  padding-left: 0px;
}

.press-media>li {
  font-size: 18px;
  display: inline;
}

.press-media>li>a>img {
  margin: 10px 30px;
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-backface-visibility: hidden;
}

.press-media>li>a>img:hover{
  opacity: 1;
}


.build-process-title{
  margin-bottom: 45px;
  margin-top: 50px;
}

.build-process{
  padding-right: 0;
  z-index: 1;
}
.build-process .desc{
  /*margin-top: 20px;
  margin-left: 80px;*/
  margin-top: 10%;
  margin-left: 10%;
  margin-right: 10.8%;
}

#mobile-rewards-dom{
  padding-top: 70px;
  margin-top: -70px;
}
div.amount-div input[name="amount"]{
  /*border: 1px solid #ccc;*/
}
div.amount-div input.required{
  /*border: 1px solid #f89435;*/
}

/*.build-process ul{

}

.build-process ul li{
  margin-bottom: 12px;
  background-color: #f3f3f3;
  min-height: 120px;
  border-radius: 7px 0 0 7px;
  padding: 20px 80px 20px 35px;
}

.build-process ul li:hover{
  background-color: rgba(251, 173, 66, 1);
  color: #ffffff;
}

.build-process ul a:hover{
  background-color: rgba(251, 173, 66, 1);
  color: #ffffff;
}

.build-process ul li a{
  text-decoration: none;
  color: #797979;
  font-size: 17px;
}*/
span.send-to-child{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #777;
  font-weight: normal;
}

.build-process a{
  text-decoration: none;
  color: #797979;
  font-size: 17px;
  background-color: #f3f3f3;
  margin-bottom: 12px;
  border-radius: 7px 0 0 7px;
  display: block;
  /*padding: 25px 100px 25px 10px;*/
  padding: 15px 32px 15px 15px;
  max-height: 120px;
}

.build-process a.orange{
  background-color: rgba(251, 173, 66, 1);
  color: #ffffff;
}
.build-process a:hover{
  background-color: rgba(251, 173, 66, 1);
  color: #ffffff;
}
.build-process .number{
  text-align: center;
  font-size: 20px;
}

.build-process .text{
  padding-left: 0;
}

.build-process-title h2{
  font-size: 36px;
}

.build-process-video-up{
  /*background: url('/templates/medium/img/product_laptop2.png');
  height:500px;
  background-size: 100% auto; 
  background-repeat: no-repeat;*/
}

.build-process-video-bottom{
  background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/product_laptop5.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 45px;
}

#build-process-video{
  width: 155%;
  height: auto;
  z-index: -19;
  margin-left: -43%;
}

/*.build-process-video2{
  opacity: 0;
}
.build-process-video3{
  opacity: 0;
}*/

.border-title{
  /*margin: 40px 0 35px 0;*/
  margin: 0px 0 35px 0;
  border-top: 1px solid #ddd;
}

.border-title h2{
  margin-top: 100px;
  margin-bottom: 50px;
}
.email-system-process{
  text-align: center;
}

.email-option .email-system-process h4{
  text-align: center;
  margin-top: 10px;
}

.email-system-process p{
  text-align: center;
}

.email-system-process .funding-text{
  color: #fff;
  opacity: 0.6;
}

.email-option{
  font-size: 36px;
}
.social-media-title{
  margin: 40px 0 5px 0;
  border-top: 1px solid #ddd;
}

.social-media-title h2{
  margin-top: 100px;
  margin-bottom: 80px;
  font-size: 36px;
}

.social-media .desc{
  padding-top: 50px;
  padding-left: 30px;
}
.desc-text{
  margin-bottom: 20px;
}
.media-picture{
  background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/product_social_media.png');
  height:400px;
  background-size: 100% auto; 
  background-repeat: no-repeat;
}

.thank-contributor{
  margin-top: 20px;
  padding-top: 80px;
  border-top: 1px solid #ddd;
}

.thank-contributor .desc{
  padding-top: 30px;
  width: 90%;
}

.thank-contributor .desc h2{
  margin-bottom: 35px;
  font-family: Exo,Helvetica,Arial,sans-serif;
  font-size: 36px;
}

.thank-picture{
  background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/thank-contributor.png');
  height:550px;
  background-size: 100% auto; 
  background-repeat: no-repeat;
}
.email-padding{
  padding: 0 20px;
}
.funding-option{
  background-color: #333333;
  padding-bottom: 100px;
  margin-bottom: 0;
}
.funding-title h2{
  color: #ffffff;
  margin: 100px 0;
  font-size: 36px;
}

.funding-option .email-system-process h4{
  text-align: center;
  margin-top: 10px;
  color: #ffffff;
}

.website-process{
  background-color: #e6e5e6;
  /*padding-bottom: 20px;*/
  border-bottom: 1px solid #e4e4e4;
  margin-top: 0;
}
.website-title h2{
  margin: 100px 0 30px 0;
  font-size: 36px;
}

.website-title p{
  padding: 0 18%;
}

.product-video-athlete{
  margin: 0 10%;
  /*min-height: 500px;*/
}

.product-video-athlete video{
  width: 100%;
  height: auto;
}

.manage-campaign{
  margin-top: 20px;
  padding-top: 80px;

}

.manage-campaign .desc{
  /*padding-top: 45px;*/
  width: 90%;
  padding-left: 16%;
}

.manage-campaign .desc h2{
  margin-bottom: 20px;
  margin-top: 0;
  font-family: Exo,Helvetica,Arial,sans-serif;
  font-size: 36px;
}

.manage-campaign .desc a{
  margin-top: 20px;
  padding: 10px 20px;
}

.manage-campaign-picture{
  background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/manage-campaign.png') left center;
  height:400px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.secure-pricing{

}
.secure-pricing-title{
  /*background-color: #e6e5e6;*/
  background: -webkit-linear-gradient(bottom, rgba(246,246,246,1),rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(246,246,246,1),rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(246,246,246,1),rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(246,246,246,1),rgba(255,255,255,1)); /* Standard syntax (must be last) */

  border-top: 1px solid #e4e4e4;
  margin-top: 80px;
  padding-top: 100px;
}

.secure-pricing-picture1{
  background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/pricing1.png') 80% center;
  height:150px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.secure-pricing-title-desc h4{
  margin-top: 0;
  font-size: 32px;
}

.secure-pricing-picture2{
  background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/pricing2c.png') center center;
  height:300px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.secure-pricing-desc{
  padding-left: 20%;
}

.secure-pricing-desc-block{
  margin-top: 50px;
}

.secure-pricing-desc h2{
  margin-bottom: 20px;
  font-family: Exo,Helvetica,Arial,sans-serif;
  font-size: 36px;
}
.hero.product-title{
  top:45%;
}
.hero.pricing-title{
  top:35%;
  width: 100%;
}
.pricing-image-block{
  position: absolute;
  text-align: center;
  width: 100%;
  padding-right: 30px;
  top: -20px;
}
/*.pricing-image-block{
  width: 150px;
}*/

.dashboard-main{
  margin: 50px 0;
}

.campaign-main-column .dashboard-main h1 span{
  position: inherit;
  font-size: inherit;
  bottom: inherit;
  font-style: inherit;
  right: inherit;
}

.pricing-text-block{
  margin: 10% 18% 10%;
  min-height: 220px;
  border: 5px solid #fbad42;
  border-radius: 15px;
}
.pricing-text-block div{
  padding: 120px 30px 50px;
  text-align: center;
  opacity: 0.8;
}
.start-campaign{
  text-align: center;
  padding: 50px 0 100px 0;
}

.start-campaign a{
  padding: 10px 20px;
}

.pricing-table  > thead > tr > th > h4 {
  margin: 0 0 5px 0;
  font-size: 26px;
}
.pricing-table  > thead > tr > th > h4 {
  margin: 0 0 5px 0;
  font-size: 26px;
}
.pricing-table  > thead > tr > th > p {
  margin-bottom:0;
  font-weight: 100;
}
.pricing-table  > thead > tr > th > p.bottom-text {
  margin-bottom:30px;
}
.pricing-table  > tbody > tr > td.exo{
  padding-top: 10px;
}
.pricing-table  > tbody > tr > td.text{
  padding-top: 20px;
  padding-bottom: 20px;
}
.pricing-table  > tbody > tr > td > p{
  margin-bottom:0;
}
.pricing-table  > tbody > tr > td > div.dot{
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 10px;
  position: absolute;
  top: 42%;
  right:48%;
  background-color: #fbad42;
}
.pricing-signup a{
  margin: 100px 0;
  font-size: 26px;
  padding: 30px 150px;
}
.border-pricing{
  padding: 80px 0;
  /*margin: 0px 0 35px 0;*/
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.border-pricing h4{
    margin: 0 0 20px 0;
}
.pricing-register{
  padding: 15px 22px;
}
.content .section.pricing-hint {
  margin-top: 5px;
  margin-bottom: 80px;
}
.pricing-hint p{
  font-size: 14px;
}

.carousel.second-slide.pricing-slide {
  margin: 60px 0 60px 0;
}
.content .section.everything-pricing-section{
  margin-top: 80px;
  margin-bottom: 0px;
  border-top: 1px solid #ddd;
  padding-top: 60px;
  padding-bottom: 60px;
}
.pricing-slide .inner-text h4{
  margin-top: 10px;
  margin-bottom: 10px;
}
.pricing-learnmore{
  text-align: center;
  /*margin-bottom: 30px;*/
}


.pricing-learnmore a{
  font-size: 20px;
  padding: 15px 40px;
  width:100%;
  background: #ddd;
  color:#666;
  margin-bottom:30px;
  white-space: normal;
}
.pricing-learnmore a.orange{
  background: #fbad42;
  color:#fff;
}
.pricing-learnmore a:hover{
  background: #fbad42;
  color:#fff;
}
.pricing-top{
  margin-top: 160px;
}
.pricing-top .row{
  /*padding: 10px 180px;*/
}
.pricing-top .row p{
  font-size: 18px;
  color: #fff;
  text-align: left;
  margin-bottom: 10px;
}

.pricing-mobile-table .title {
  color: #ecf0f1;
  font-size: 18px;
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid #B8C7CB;
}
.pricing-mobile-table .title h4{
  margin: 0 0 5px 0;
  font-size: 26px;
}

.pricing-mobile-table ul {
  position: relative;
  list-style: none;
  margin: 0;
  z-index: 1;
  padding: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pricing-mobile-table ul li {
  color: #77939a;
  background-color: #ffffff;
  padding: 10px;
  border-bottom: 1px solid #ecf0f1;
  position: relative;
  border-bottom: 1px solid #B8C7CB;
}
.pricing-mobile-table ul li.margin-list {
  padding: 20px 10px;
}
.pricing-mobile-table ul li p{
  font-size: 15px;
  color: #333;
  margin: 0;
}
.pricing-mobile-table.rounded ul {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.pricing-mobile-table.rounded .title {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

.pricing-mobile-table.bordered ul {
  border: 5px solid #fbad42;
}

.pricing-mobile-table .dot{
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 10px;
  position: absolute;
  top: 42%;
  right:22%;
  background-color: #fbad42;
}


.content .section.pricing-section{
  /*margin-bottom: 70px;*/
  margin-bottom: 0px;
  margin-top: 80px;
}
h2 .parameters{
  font-size: 16px;
  /*position: absolute;
  right: 0;
  top: 50%;*/
  margin-top: 25px;
  cursor: pointer;
}
.parameters a{
  color: #333;
  text-decoration: none;
}
.timeline-sec h2, .goal-title h2{
  position: relative;
}
.timeline-sec .parameters, .goal-title .parameters{
  margin-top: 15px;
  cursor: default;
}
.sponsors-title h2 .parameters{
  margin-top: 15px;
}
.add-cmp, .add-update-sec, 
.add-sponsor-sec, .add-new-reward,.add-auction-sec,
.add-new-sponsor, .add-new-teammember,.add-new-auction,.add-new-blockbox{
  border: 2px solid #fbad42;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 700;
  color:#fbad42;
}

.add-cmp:hover, .add-update-sec:hover,.add-auction-sec:hover,
.add-sponsor-sec:hover, .add-new-reward:hover,
.add-new-sponsor:hover, .add-new-teammember:hover,.add-new-auction:hover,.add-new-blockbox:hover{
  border: 3px solid #fbad42;
  background-color: #fffaf4;
  color:#fbad42;
}

.inner-add{
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.section-title {
    margin: 20px 0 10px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    font-family: Exo,Helvetica,Arial,sans-serif;
    /*text-transform: uppercase;*/
}

.section-title h2 a {
    color: #333
}

.section-title h2 a:hover {
    color: #fbad42;
    text-decoration: none
}

.section-title>div {
    padding-left: 0;
    padding-right: 0
}

.section-title a.view-all {
    margin-top: 31px;
    float: right!important;
}

.modal-body #preview img{
  height: 300px;
}

.get-started {
/*
    background-color: #f99e3a;
    background-image: -moz-linear-gradient(top,#f89435,#fbad42);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f89435),to(#fbad42));
    background-image: -webkit-linear-gradient(top,#f89435,#fbad42);
    background-image: -o-linear-gradient(top,#f89435,#fbad42);
    background-image: linear-gradient(to bottom,#f89435,#fbad42);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89435',endColorstr='#fffbad42',GradientType=0);
    */
    color: #fff;
}

.get-started h2 {
    margin-top: 5px
}

#teammates-form .perky .help-block{
 /* min-height: 40px; */
}

.btn.red {
    background: #ef4123;    
    border-radius: 4px;
    color: rgba(255,255,255,0.9);
    /*padding: 10px 20px;*/
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.btn.red:hover {
    background: #EC573D;
    color: #fff
}

.update-box-container iframe,.modal-body iframe{
  border: 0px;
  width: 100%;
  height: 320px;
}
.content select.lang-select-top{
  padding: 0;
}

.lang-select-top{
  width: 90px;
  background: 0;
  color: rgba(255,255,255,0.5);
  position: relative;
  font-weight: normal;
  border: 0;
  padding: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.lang-select-top:hover{
  color: #fff;
}

.lang-select-top option {
  opacity: 0.5;
  background-color: #282828;
}

header .menu.menu-lang-top{
  margin-right: 0;
}

header .carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

header .carousel-caption h1{
  text-align: left;
  margin-top: 0;
  font-size: 48px;
  line-height: 1.4;

  /*text-align: center;
  margin-top: 0;
  font-size: 40px;
  line-height: 1.4;*/
}

header .carousel-caption.home-caption h1{
  /*text-align: left;
  margin-top: 0;
  font-size: 48px;
  line-height: 1.4;*/

  text-align: center;
  margin-top: 0;
  font-size: 40px;
  line-height: 1.4;
}

header .carousel img {
    width: 100%
}

header .carousel .carousel-caption {
    text-align: center;
    /*top: 115px;*/
    top:90px;
    z-index: 6
}

header .carousel .carousel-caption.home-caption {
    text-align: center;
    top: 115px;
    /*top:90px;*/
    z-index: 6
}

header.hasSport {
  min-height: 520px;
}

header .carousel .carousel-caption p {
    max-width: 400px;
    line-height: 1.5;
    /*color: rgba(255,255,255,0.75);*/
    color: #fff;
    text-align: left; 
    float: left;
    /*font-size: 14px;*/
    font-size: 16px;

    /*max-width: 500px;
    line-height: 1.5;
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    margin-top: 30px;*/
}

header .carousel .carousel-caption.home-caption p {
    /*max-width: 400px;
    line-height: 1.5;
    color: rgba(255,255,255,0.75);
    text-align: left; 
    float: left;
    font-size: 14px;*/

    max-width: 500px;
    line-height: 1.5;
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    margin-top: 30px;
    text-align: center;
    float:none;
}

header .carousel .carousel-caption .btn {
    margin-top: 15px;
    float: left;

    /*margin-top: 50px;
    padding: 12px 30px;
    font-size: 18px;*/
}

header .carousel .carousel-caption.home-caption .btn {
    /*margin-top: 15px;
    float: left;*/

    margin-top: 25px;
    padding: 12px 30px;
    font-size: 18px;
    float:none;
}

.second-slide .second-slide-img{
  text-align: right;
}

.second-slide .second-slide-text{
  padding-left: 8px;
  padding-right: 250px;
  padding-top: 20px;
  height: 250px;
}

.second-slide-text img{
  float: left;
  margin-right: 15px;
}

.second-slide-text .inner-text{
  float:left;
  width: 85%;
}

.inner-text h4{
  font-family: Exo,Helvetica,Arial,sans-serif;
  color: #767779;
  font-size: 17px;
}

.inner-text p{
  font-weight: 600;
  margin-top: 18px;
  margin-bottom: 9px;
}

.inner-text h5{
  font-size: 13px;
}

.carousel-indicators.indicators{
  bottom: 30px;
}

.carousel-indicators.second-indicators{
  position: relative;
  bottom: 0px;
  left: 0;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  list-style: none;
  margin-top: 25px;
}

.carousel-indicators.second-indicators li{
  background-color:#e7e7e7;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 5px;
}
.carousel-indicators.second-indicators .active{
  background-color:#aaaaaa;
  width: 15px;
  height: 15px;
}

header .carousel .carousel-control {
    z-index: 7
}

header .carousel .carousel-control span {
    font-size: 32px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
.padding-10 {
    padding-left: 10px;
    padding-right: 10px
}


.card {
    margin-bottom: 20px;
    position: relative;
    /*padding: 5px;*/
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 300px;
    padding-bottom: 5px;
}

.card .status{
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  background: #faa732;
  color: #fff;
  opacity: 0.9;
}

.card.small{
    margin-bottom: 0px;
    position: relative;
    /*padding: 5px;*/
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 190px;
    padding-bottom: 0px;
}

.card .card-picture {
    position: relative;
    height: 180px;
    /*border-radius: 2px;*/
    overflow: hidden;
    background-size: cover;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #999;
}

.card.small .card-picture {
    position: relative;
    height: 100px;
    /* border-radius: 2px; */
    overflow: hidden;
    background-size: cover;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.card .card-picture:hover{
  opacity: 1;
}

.card .card-picture img {
    border-radius: 2px;
    width: 100%;
    opacity: .85;      
    -webkit-transition: all 0.2s ease-in;      
    transition: all 0.2s ease-in;      
    -webkit-backface-visibility: hidden;
}

.card .card-picture img:hover{
  opacity: 1;
}

.card .card-avatar {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 2px;
  left: 15px;
  top: 142px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 100px;
  background-size: cover;
  background-color: #fff;
}

.card.small .card-avatar{
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  left: 15px;
  top: 70px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 100px;
  background-size: cover;
  background-color: #fff;
}

.card .card-avatar img {
    max-width: inherit;
    height: 100%
}

.card .card-name {
    padding: 10px 15px 0 15px;
    margin-top: 30px;
    font-family: Exo,Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.5;
    min-height: 50px;
}

.card .card-name a{
  text-decoration: none;
  color: #333;
}

.card .card-location {
    color: #999;
    font-size: 13px;
    line-height: 1.5;
    padding: 5px 15px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
}

.card .card-location i {
    color: #333
}

.card .card-sport {
    color: #999;
    font-size: 13px;
    line-height: 1.5;
    padding: 5px 15px 0 15px
}

.card a{ 
  color: #999;
}
.card .card-sport i {
    color: #333
}

.card .card-description {
    height: 65px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 1.5;
    margin-top: 15px;
    overflow: hidden
}

.card .card-progress {
    padding: 15px
}

.card.small .card-progress {
    padding: 25px 15px 10px 15px;
}

.card .card-progress .progress {
    background: #333;
    height: 6px;
    border-radius: 3px;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.card .card-progress .progress .progress-bar {
    background: #fbad42;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.card .card-stats {
    padding: 0 25px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    min-height: 55px;
}

.at4-recommended.at-medium .at4-recommended-item {
    width: 130px !important;
}

.card .card-stats small {
    color: #999;
    font-weight: normal
}

.help-callout{
  color: #737373;
  margin-top: 15px;
  padding: 10px 15px 5px 15px;
  background: none repeat scroll 0 0 #F7F7F7;
  border-left: 5px solid #FAA732;
  border-radius: 0 3px 3px 0;
  margin-bottom: 20px;
  display: none;
}

a.tip{
  /*color: #737373;*/
  text-decoration: none;
  border-bottom-style: dotted;
  border-bottom-color: #b3b3b3;
  border-bottom-width: 1px;
  vertical-align: top;
}

.card .card-stats div {
    padding-left: 1px;
    padding-right: 1px;
    overflow: hidden;
}
.cmts{
     margin: 20px 0;
}

.cmts .media{
     border-top: 1px solid #fff;
     padding: 12px 15px;
    margin: 0;
}

.cmts .img-circle{
    width: 30px;
    height: 30px; 
    margin: 5px 0 5px 5px;
    background-size: cover;
}

.cmts .media-body {
    padding: 0;
}

.cmts .media .media-body p {
    margin: 0;
}

.cmts h6{
    float: left;
}

.cmts .date{
    float: right;
}

.cmts textarea{
  width: 100%;
  min-height: 70px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.modal.modal-fullscreen,.modal.modal-fullscreen {
    background: #fff;
}

.modal.modal-fullscreen .modal-body{
  padding: 0px;
  text-align: center;
}

.modal.modal-fullscreen .modal-header{
  text-align: center;
  border: 0;
}

.modal.modal-fullscreen .modal-footer{
  text-align: center;
  padding: 25px;
  border-top: 0px solid #e5e5e5;
}

.modal.modal-fullscreen .modal-dialog {
    /*margin: 0;
    width: 100%*/
}

.modal.modal-fullscreen button.close {
  font-size: 30px;
  margin: 5px;
  position: relative;
  z-index: 555;
}
.modal .modal-dialog .border-right {
  border-right:1px solid #ddd;
  border-bottom:0;
}

.modal.modal-fullscreen .ctr{
  max-width: 600px;
  position: relative;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}

.modal.modal-fullscreen .modal-dialog{
  width: 100%;
  height: 100%;
  margin: 0;
}

.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    overflow: hidden;
    padding: 0 40px;
   /* -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
    -moz-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
    -ms-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
    -o-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
    animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);*/
}

.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0
}

.modal.modal-fullscreen.force-fullscreen .modal-header,.modal.modal-fullscreen.force-fullscreen .modal-footer {
    left: 0;
    position: absolute;
    right: 0
}

.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0
}

.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0
}
.modal.fade .modal-dialog {
/*  -webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91) !important;*/
}

p.help{
  font-size: 15px;
  color: rgba(0,0,0,0.6);
}

.contributor-box {
  *zoom: 1;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}
.contributor-box:first-child {
  margin-top: 20px;
}
.contributor-box:before,
.contributor-box:after {
  display: table;
  content: "";
  line-height: 0;
}
.contributor-box:after {
  clear: both;
}
.contributor-avatar {
  width: 80px;
  height: 80px;
  margin-right: 15px;
  overflow: hidden;
}
.contributor-avatar img {
  border-radius: 2px;
  width: 100%;
}
.contributor-info {
  /*width: calc(100% - 30px - 80px);*/
  float: left;
}
.contributor-info h4{
  padding: 0 !important;
  margin: 0;
}
.contributor-info .contributor-date {
  color: #999;
  font-size: 13px;
  line-height: 1.5;
}
.contributor-info .contributor-date i {
  color: #333;
}
.contributor-info .contributor-amount {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 1.5;
  margin-top: 6px;
}
.contributor-info .contributor-name {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin-bottom:5px;
  line-height: 1.5;
}
.contributor-message {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.rewards .pic img{
  float: left;
  width: 50px;
  margin-right: 15px;
  border-radius: 6px;
}
.rewards .pic{
  height: 80px;
  float: left;
}

.cmp-menu {
  width: 100%;
  z-index: 100;
  background: #252423;
  /*border-top:1px solid #444444;*/
}
.cmp-menu.affix {
  top: 0;
  width: 100%;
  background: rgba(37, 36, 35, 0.8);
}

#contacts-grid .dataTables_wrapper.no-footer .dataTables_scrollBody,#contacts-cmp-grid .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ddd;
}

#contacts-grid .dataTables_wrapper .dataTables_filter,#contacts-cmp-grid .dataTables_wrapper .dataTables_filter{
  float: left;
  text-align: left;
}

.skip{
  cursor: default;
}

.cmp-menu.affix.stop {
  position: relative;
  background: rgba(37, 36, 35, 1);
}
.muted{
  color: #aaa;
}

.cmp-menu .nav-pills>li>a {
  border-radius: 4px;
  padding: 18px;
  text-shadow: 0 0px;
  color: #999;
 /* font-weight: 700; */
  margin: 0;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.cmp-menu .nav-pills>li>a i {
  margin-right:4px;
  color:#555;
}

.cmp-menu .nav-pills>li+li {
  margin:0;
}


/*.cmp-menu .nav-pills>li>a.hand-off{
  border-radius: 4px;
  padding: 18px;
  text-shadow: 0 0px;
  color: #999;

  margin: 0;
  font-family: Exo, Helvetica, Arial, sans-serif;
  color: #999;
  background: none;
  border-radius:0;

}*/
.cmp-menu .nav-pills>li>a:hover,.cmp-menu .nav-pills>li>a.active{
  color: #fff;
  background: none;
  border-radius:0;
}
.cmp-menu .nav-pills>li>a:hover i,.cmp-menu .nav-pills>li>a.active i{
  color: #f89435 !important;
}
.go-preview{
  margin-right: 15px;
  margin-top: 7px;
}
.modal.modal-fullscreen .modal-header h3 {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: 600; 
  margin-bottom:25px;
}

.login-form {
  width: 50%;
  float:left;
  border-right:1px solid #ddd;
}

.login-form button {
  width: 189px;
  padding:5px 20px !important;
}

.login-form input,.login-form select {
  font-family: Exo, Helvetica, Arial, sans-serif;
}

.login-facebook-text {
  text-align: left;
  margin-bottom:10px;
}

.modal .login-facebook-text {
  margin-top:19px;
  text-align: center;
}

.modal .register-facebook-text {
  margin-top:66px;
}

.clear {
  clear:both;
}

.modal .no-account {
  margin-top:30px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
}

.modal .no-account .help {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  font-size: 15px;
}

.campaigns-list {
  display: none;
  background: rgba(22, 22, 22, 0.60);
  position: relative;
  z-index: 5;
  padding: 0;
  top: 15px;
  padding: 13px 30px 15px 30px;
  margin-left: -15px;
  margin-right: -15px;
  *zoom: 1;
}
.campaigns-list:before,
.campaigns-list:after {
  display: table;
  content: "";
  line-height: 0;
}
.campaigns-list:after {
  clear: both;
}
.campaigns-list li {
  padding: 0;
  margin: 0;
  float: right;
  list-style-type: none;
  margin-left: 20px;
}
.campaigns-list li a {
  color: rgba(255, 255, 255, 0.65);
}
.campaigns-list li a:hover {
  color: #fff;
  background: none;
  text-decoration: none;
  /*border-bottom: 2px solid #fbad42;*/
}
.editable-click, a.editable-click, a.editable-click:hover {
  border-bottom: dashed 1px #f89435;
  border: 0px;
  cursor: pointer;
}
.editable i{
  margin-left: 5px;
  font-size: 60%;
  cursor: pointer;
  color: #f89435;
}
.editable-input input{padding: 8px;}
.editable-input{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.arial{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;}

.editable-popup .popover-title{
  color: #333;
}
.controls{
  /*padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 6px;*/
  padding: 5px;
}

.profile-menu{
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
}

.controls a{
  font-size: 13px;
}
.controls a:hover{
  text-decoration: none;
}
.controls i{
  margin-right: 3px;
}
/*div.file-picker:hover{
  background: #333;
}*/ 
.caption {
  position:absolute;
  top:0;
  right:0;
  background: rgba(248, 148, 53, 0.8);
  width:100%;
  height:100%;
  padding:2%;
  display: none;
  text-align:center;
  color:#fff !important;
  z-index:2;
}
/* Updates page */
#updates {
 /* background: #555; */
}

#updates .section-main {
  margin-bottom:-10px;
  margin-top:0;
}

#updates .timeline {
  padding: 0;
  margin: 0;
}

#updates header {
  min-height: 0;
}

#updates section.section-main h3 {
  margin-top:60px;
}

#updates section.section-main aside {
  text-align: center;
}

#updates section.section-main aside ul {
  padding:0;
  margin:0;
}

ul.sponsors li {
  padding:0;
  margin:0 0 30px 0;
  list-style-type: none;
  position: relative;
}
/*#sponsors-dom-user div#img{
  text-align: center;
}
#sponsors-dom-user div#img img{
  max-height: 50px;
}
#sponsors-dom-user div#img a{
  top: -30px !important;
}
#sponsors-dom-user .well.perky{
  min-height: 320px;
}
#sponsors-dom-user .well.perky a.picker{
  margin: 10px 0;
  display: inline-block;
}

#rewards-dom-user div#img{
  text-align: center;
}
#rewards-dom-user div#img img{
  max-height: 70px;
}
#rewards-dom-user div#img a{
  top: -30px !important;
}
#rewards-dom-user .well.perky{
 min-height: 635px; 
}
#rewards-dom-user .well.perky a.picker{
  margin: 10px 0;
  display: inline-block;
}
.limit-quantity{
  min-height: 148px; 
}*/

.perky img{
  max-height: 90px;
  max-width: 90%;
}

.perky #img .close{
  right: auto !important;
  top: auto !important;
  margin-left: 5px;
}

#updates header h1 {
  margin-bottom:120px;
}

.cmts {
  border-top:1px solid #ddd;
  padding-top:10px;
  margin-bottom:0;
}

#updates .cmts .media {
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
}

#updates textarea {
  padding:10px;
  border-radius:4px;
  outline: none;
}

#updates .connect-facebook {
  position: absolute;
  bottom:20px;
  right:20px;
}

/* END Updates page */

/* Content pages */

#content header {
  min-height: 0;
  background: #161616;
  padding-bottom:105px;
}

.indi{
  font-family: 'Indie Flower', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: rgba(255,255,255,.6);
}

#content section {
  margin-top:30px;
  margin-left: auto;
  margin-right: auto;
}

.content h1 {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  text-shadow: 2px 0px 6px rgba(0,0,0,0.4);
}

.content h5{
  margin: 20px 0 10px 0;
}

.nav-pills a {
  color: #444;
  margin-bottom:10px;
  font-family: Exo, Helvetica, Arial, sans-serif;

}
.nav-pills li>a:focus{
  background: none;
  /*border-radius: 0px;*/
}

.exo{
  font-family: Exo, Helvetica, Arial, sans-serif;
}
.bold{
  font-weight: 600;
}
input.rounded{
  border-radius: 4px;
  padding: 10px 10px;
  border: 1px solid #ddd;
}
.readmore-js-toggle, .readmore-js-section {
  display: block;
  width: 100%;
}
.readmore-js-section {
  overflow: hidden;
}
ul#sports li{
  padding: 10px 0;
}
ul#sports li a{
  display: inline-block;
  color: #444;
}
ul#sports li.a a{
  color: #FBAD42;
}
ul#sports li a:first-letter{
  text-transform:uppercase;
}
ul#sports{
  margin-top: 10px;
  margin-left: 5px;
}
.margin-top{margin-top: 30px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { 
    background: #FBAD42;
    /*color:#975a07;*/
}

#content section .nav-pills {
  border-bottom:1px solid #ddd;
  padding-bottom:30px;
  margin-bottom:30px;
}

#content p {
  max-width: 600px;
}


.cover-change-menu.dropdown-menu>li>a{
  padding: 10px 20px;
}

.cover-change-menu.dropdown-menu{
  min-width: 120px;
  left: -22px;
}
  
.cover-change-menu.dropdown-menu.orange .divider{
  margin: 0px;
}

.padding{
  padding: 15px;
}

.margin{
  margin: 15px;
}

.sponsors-dom-title.col-sm-12 img{
  width: 150px;
}

.campaign-sidebar .sponsors img{
  width: 100%;
}

.section-main textarea{
  width: 100%;
}

.section-main textarea,.section-main select{
  border: 1px solid #ddd;
}

.section-main h4{
  padding: 20px 0 0;
}

.cmp-cover{
  width: 100%;
  background: #eee;
  overflow: hidden;
  background-size: cover;
  margin: 10px 0;
  height: 200px;
  position: relative;
}

.cover{
  background-size: cover;
}

.timelineFlat .cover{
  height: 230px;
}
  
.file-picker{
  position: relative;
  cursor: pointer;
}

.caption h4{
  margin-top: 10%;
}

.perky{
  background: #fff;
  margin-bottom: 20px;
  padding: 15px;
  width: 100%;
}

#campaign-form textarea{
  height: 120px;
}

.hard-grey {
  background: #666;
}

.post-to .fa{
  color: #919191;
  margin-right: 5px;
  font-size: 35px;
}

.post-to .fa:hover{
  color: #FFC779
}

.post-to .has .fa{
  color: #fbad42
}

.dashed{
  border: 1px solid #eee;border-style: dashed;
}

.modal .help-block{
  font-size: 12px;
}

/* END Content pages */

nav .language-selector {
  margin-top:30px;
}

nav .language-selector .dropdown-menu {
  width: 100%;
}

nav .language-selector img {
  margin-right:6px;
}

nav .language-selector .caret {
  margin-top:9px;
}

nav .language-selector button {
  background: none !important;
  width: 100%;
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-shadow:none;
  color:#666;
  box-shadow: none !important;
  outline: none !important;
  padding:3px;
  border:0;
}

nav .language-selector button:hover, nav .language-selector button:active, nav .language-selector button:focus {
  background: none;
  font-family: Helvetica, Arial, sans-serif;
  text-shadow:none;
  color:#111;
  outline: none;
}

/*.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  background: none;
  outline:none;
  color:#fff;
  box-shadow: none;  
}*/

section.content .nav-pills {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.popover .popover-navigation button{
  font-size: 13px;
}

.popover-content {
  font-size: 12px;
}

.video-tuto{
  background: url(https://i1.ytimg.com/vi/Xa_hyYL58Ww/mqdefault.jpg) no-repeat;
  background-size: 100%;
  background-position: 0% 28%;
  line-height: 10px;
  height: 150px;
  width: 100%;
  position: relative; 
  margin-bottom: 15px;
}

.video-tuto .player{
  position: absolute;
  top: 38%;
  right: 40%;
}

.promote.fuelux .wizard ul li span.num {
    display:none;
}

.promote h4{
    margin-top: 2px;
}

.promote .step-pane p{
    margin: 20px 0;
}

.email-marketing .overflow{
    height: 250px;
    overflow: auto;
    margin: 20px 0;
}

.email-marketing .btn{
    font-size: 12px;
}

.email-marketing .btn.red{
    font-size: 14px;
}

.email-marketing table{
    table-layout: fixed;
    word-wrap: break-word;    
}

.email-marketing button i{
  margin-right: 5px;
}

.social-pills a{
  text-align: left;
}

.athletes-updates {
}

.athletes-testimonials {
  margin-top:-10px;
}

.athletes-testimonials .container {
  border-top:1px solid #ddd;
  padding:90px 0;
  line-height: 1.5;
  text-align: center;
}

.athletes-testimonials h2 {
  font-family: Exo, Helvetica, Arial, sans-serif;
  margin: 0 0 80px 0;
  line-height: 1.5;
  font-weight: 500;
  color:#333;
  text-transform: uppercase;
}

.athletes-testimonials-block > div {
  background: url(../img/temp_bg.jpg) no-repeat center center;
  background-size:cover;
  border-radius:4px;
  text-align: left;
  min-height: 200px;
  color:#fff;
  padding:10px;
  position: relative;
  margin-bottom:30px;
}

.athletes-testimonials-block .avatar {
  border-radius:100px;
  width: 60px;
  height: 60px;
}

.athletes-testimonials-block .avatar img {
  border-radius:100px;
  width: 60px;
  height: 60px;
}

.athletes-testimonials-block .name {
  position: absolute;
  top:26px;
  left:80px;
}

.athletes-testimonials-block .quote {
  font-family: Exo, Helvetica, Arial, sans-serif;
  margin-top:15px;font-size:18px;
  line-height: 1.5;
}

.close{
  opacity: .3;
  font-size: 17px;
}

section.first {
  padding-top:30px;
}

.alert {
  margin:0;
  border-radius:0;
  box-shadow: none;
  padding-left:18px;
}

#app .alert,.modal .alert{
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
}

.mac-modal .modal-header{
  border-bottom: 0px;
  padding-bottom: 0;
}

.mac-modal .modal-body{
  padding: 15px 40px;
}

.mac-modal .modal-footer{
  border-top: 0px solid #e5e5e5;
  padding-top: 0;
  padding-bottom: 30px;
}

.mac-modal .modal-body{
  padding-top: 0;
}

.mac-modal .modal-header img{
  padding: 20px 0;
}

.mac-modal .modal-body p{
  /*text-align: center;*/
}

.mac-modal .modal-header h3{
  text-align: center;
  font-family: Exo, Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}

.mac-modal.sweet-alert h2{
  font-family: Exo, Helvetica, Arial, sans-serif;
}

.mac-modal.sweet-alert h2{
  font-size: 20px;
  color: #333;
}

.mac-modal.sweet-alert .confirm{
  background: none !important;
  color: #f89435;
  box-shadow: none  !important;
  font-size: 15px;
  margin-top: 15px;
}

.mac-modal.sweet-alert .cancel{
  background: #f89435 !important;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 16px
}

.alert button {
  font-size: 32px;
  outline: none;
}
.alert-dismissable .close, .alert-dismissible .close {
  top:-5px;
  text-shadow:none;
}
.section-title small {
  font-size: 16px;
  margin-left:6px;
  margin-right:6px;
}
.section-title h2 small a {
    color:#999;
}
.alert{
  padding: 10px 10px 10px 0;
  border:0;
  background: #FAAC2E;
  color:#975a07;
  text-shadow:none;
  font-family: Exo, Helvetica, Arial, sans-serif;
}

#app .alert,.modal .alert{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


#app .alert-info,.modal .alert-info {
    /*background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;*/
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

#app .alert-warning,.modal .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

#app .alert-danger,.modal .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert a {
  color:#975a07;
  font-weight: bold;
}
.alert a:hover {
  color:#643b03;
}

.athletes-lookup {
  padding:30px 0 60px 0;
  border-bottom:1px solid #ddd;
  margin-left:0;
  margin-right:0;
}

.athletes-lookup .first {
  padding-left:0;
}

.athletes-lookup .last {
  padding-right:0;
}

.athletes-lookup input { 
  width: 100%;
}

.athletes-lookup input[type="text"] {
  padding:8px 12px 9px 12px;
  border-radius:4px;
  border:1px solid #ccc;
  outline: none;
}

.athletes-lookup input[type="text"]:focus  {
  border-color:#999;
}


.timeline:before {
  top: 70px;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}

.editable-input label{
  display: block;
  color: #555;
}

.editable-input input{
  color: #555;
  height: 100%;
}

#lang-select{
  padding: 10px 20px;
  margin-top: 20px;
  width: 100%;
  background: #555;
  color: #bbb;
  position: relative;
  border-color: #bbb;
  font-weight: normal;
  border-radius: 4px;
}

.awesome-btns .well{
  background: #fff;width: 75%;text-align: left;padding: 10px 15px;
}

#search{
  display: block;
}

.bootstrap-select.rounded span,.bootstrap-select.rounded .text{
  text-transform:capitalize;
}
.bootstrap-select.rounded{
  margin: 0px;
}
span#userclear
{
  position: relative;
  left: -20px;
}

.search-input{
  position: relative;
}

.search-input span{
  position: absolute;
  top: 5px;
  right: 15px;
  display: none;
  cursor: pointer;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.tooltip-inner{
  background-color: #4F4F4F;
}

.tooltip.top .tooltip-arrow{
  border-top-color: #4F4F4F;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #4F4F4F;
}

.tooltip{
  font-size: 14px;
}

.mac-form .tooltip{
  font-size: 14px;
}

.hasSuperTip .tooltip-inner{
  font-size: 15px;
  padding: 10px;
}

.hasSuperTip .tooltip-arrow{
 /* margin: 10px;*/
}

.tabs-style-underline nav {
  background: #fff;
}

.tabs-style-underline nav a {
  padding: 0.25em 0 0.5em;
  border-left: 1px solid #e7ecea;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.tabs-style-underline nav li:last-child a {
  border-right: 1px solid #e7ecea;
}

.tabs-style-underline nav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #2CC185;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(0,150%,0);
  transform: translate3d(0,150%,0);
}

.tabs-style-underline nav li.tab-current a::after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.tabs-style-underline nav a span {
  font-weight: 700;
}



.open-menu {
  position: absolute;
  top:45px;
  left:20px;
  width: 40px;
  z-index: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  cursor: pointer;
}
.open-menu-text {
  position: absolute;
  top:61px;
  left:62px;
  font-size: 12px;
  color:rgba(255,255,255,.6);
  font-family: 'Indie Flower', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.pointer{
  cursor: pointer;
}

span#drag{
  position: absolute;
  top: -20px;
  font-size: 11px;
  margin-left: -10px;
}

select.rounded{
  border: 1px solid #ddd;
  width: 100%;
  outline: none;
  border-radius: 4px;
  padding: 10px 10px;
  transition: all 0.25s ease-out;
  color: #333;
}

.sporta.rounded{
  margin-top: 10px;
}

.bootstrap-select{
  width: 100% !important;
  /*margin-top: 10px;*/
}

.filter-option{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

.bootstrap-select .btn-default{
  background: none;
}

.mandatory{
  font-size: 80%;
  font-weight: normal;
}

#sports-mobile{
  margin-top:10px;
}

.main-menu.sticky {
  position: fixed;
  top:0;
  left:0;
  margin:0;
  width: 100%;
  background: #252423;
  height: 64px;
  padding-top:4px;
  z-index: 99;
}

.cmp-menu.sticky {
  top:64px !important;
}

.stuck {
  position:fixed;
  top:0;
}

.loader {
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #ddd;
  border-right: 1.1em solid #ddd;
  border-bottom: 1.1em solid #ddd;
  border-left: 1.1em solid #ffffff;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.stepwizard .btn{
  font-weight: 700;
}

.stepwizard .btn-default{
  background: #fff;
  color: #777;
}

.stepwizard-step p {
    margin-top: 10px;
    width: 60%;
    font-size: 14px;
    cursor: pointer;
}

.stepwizard-row:last-child{


}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin: 60px 0 10px;
    z-index: 1;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.event .campaign-progress{
    height: auto;
    padding-bottom: 5px;
}

/*.stepwizard-row:before {
  top: 20px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
}*/

.stepwizard-step {
  position: relative;
  width: 25%;
  float: left;
}

.stepwizard-step.has-team{
  width: 20%;
}

.stepwizard-step:after{
  top: 20px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
  z-index: -1;
}

.modal-ul li{
  margin-bottom: 10px;
  list-style: none;
}

.modal-ul{
  list-style: none;
}

#last-elemento:after{
  height: 0px;
}

.btn-circle {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 2;
  border-radius: 20px;
}

.mac-form label{
  margin: 20px 0 5px 0;
  /* font-family: Exo, Helvetica, Arial, sans-serif; */
  position: relative;
  font-size: 16px;
  /* font-weight: normal; */
  color: #454545;
  cursor: default;
}


.mac-form .help-block{
  font-size: 16px;
}

.checkbox label{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.table>thead>tr>th {
  border-bottom: 1px solid #ddd;
  font-size: 12px;
}

.mac-form{
  margin-bottom: 20px;
  padding: 0;
}

.help-block {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 90%;
}

.tab-pane .help-block{
  font-size: 15px;
}

.tooltip-inner {
    min-width: 250px;
    max-width: 500px;
}

.btn.add{
  margin-top: 5px;
}

.has-error iframe {
  border-color: #a94442 !important;
}

iframe{
 /* border: 0px !important; */
}

.form-group.required .control-label:after { 
  color: #DA0000;
  position: absolute;
  margin-left: 5px;
  top: 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 10px;
  /*content: "\f069";*/
  cursor: default;
}

.promote div.help-block{
  margin: 30px 0;
}

.content .blog-post h2{
  text-align: left;
  margin-top: 0px;
}

.content .blog-post h5{
  text-align: left;
  margin-top: 0px;
}

.content .blog-post{
  padding: 260px 0 20px 0;
}

.content .handbook ul{
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.content .handbook ul li:before {    
  font-family: 'FontAwesome';
  content: '\f00c';
  margin: 0 5px 0 -15px;
  color: #333;
  font-size: 90%;
}

.content .handbook ul li{
  color: #666;
  padding: 5px 0;
}

.handbook .margin-top{
  margin-top: 50px;
}

.handbook h5{
  font-weight: 600;
  font-size: 16px;
}

#stickey-nav.affix {
  position: sticky;
  top: 0;
  width: 100%;
  z-index:10;
  /*background: #fff;*/
}

input.handbook-search{
  width: 20%;
}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    font-family: Exo, Helvetica, Arial, sans-serif;
    background-color: #000;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.mac-iframe .modal-dialog {
  width: 98%;
  height: 92%;
  padding: 0;
}

.mac-iframe .modal-body {
    padding: 0px;
}

.mac-iframe .modal-body iframe{
  height: 450px;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
  /*  background-color: rgba(255,255,255,.3);*/
  color: #FBAD42;
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;/*background-position:center;*/background-size:cover;}

footer .active {
  height: auto;
}

.content .carousel.blog, .content .carousel.blog .item, .content .carousel.blog .item.active {
  height: 100%;
}
.content .blog-indicators .active{
  height: 12px;
  margin: 1px;
}
.content .blog-indicators li{
  height: 12px;
  width: 12px;
}

.carousel-indicators.indicators.blog-indicators {
  bottom: 40px;
  z-index: 6;
}
.carousel-blog .hero{
  z-index: 6;
  width: 60%;
}
.carousel-blog .hero h4 {
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 10px;
}
.carousel-blog .hero p {
  color: #fff;
  font-family: 'Lora', serif;
  margin: 0 10% 10px 10%;
  font-size: 21px;
}
.carousel-blog .hero a {
  padding: 6px 25px;
  border-radius: 8px;
}

.carousel-blog .hero .list-inline {
  text-align: center;
  color:#fff;
  font-size: 14px;
  margin-right: 0;
  margin-top: 50px;
  margin-bottom: 10px;
}
.carousel-blog .hero .list-inline .fa{
  font-size: 12px;
  margin-right: 0px;
}
.carousel-blog .hero .list-inline .writer-avatar {
  width: 30px;
  height: 30px;
  top: 9px;
}
.carousel-blog .slider-image{
  position: absolute;
  height: 100%;
  width: 100%;
}
.result-created{
  padding-bottom: 20px;
}
.search-results{
  text-align: left;
}
.search-results a{
  color: #333;
}
/* faster sliding speed 
.carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}*/

.section-progress.sticky {
  width: 100%;
  z-index: 100;
  background: #252423;
  top:60px !important;
}

.content .counter{
  display: none;
}

.timeline-body iframe.embed-responsive-item{
  border: 0px !important;
  width: 100%;
  height: 380px;
}

.zoom-overlay{
  display:none; 
}

.btn.loadmore{
  margin: 20px 0;
  font-size: 12px;
}

.addthis-smartlayers .at4-recommended.at-inline .at-h3.at-recommended-label{ 
  display: none;
}
.at4-logo-container{
  display: none;
}


.error input, .error select, input.error, select.error, iframe.error, .error iframe,.cr.error,.error textarea,textarea.error{
  border: 1px solid #b94a48 !important;
}
.form-login input.required.error{
  border-color: #E0AB5B !important;
}

.help-block.with-errors{
  margin-top: 10px;
}

.with-errors li{
  font-style: italic;
}

.partner{
  /*position: static;
  margin-top: 200px;
  margin-left: 0;
  display: block;
  top: 42%;
  right: 10%;*/
  width: 100%;
  height: auto;
  /*font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 20px;*/
  text-align: center;
  /*z-index: 5;
  text-align: center;*/
  margin: 20px 0;
}



.hero{
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 200;
  color: #fff;
  -webkit-transform: translate(-50%, -70%);
  -moz-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  width: 45%;
}

.hero h4{
  font-weight: 900;
  text-align: center;
  font-size: 28px;
  color: #666;
}



@media (max-width: 991px) { 
/*.hero{
    margin-top: 115px;
    width: 90%;
  }
.hero h4{
  font-size: 20px;
}*/

.partner{
   /* margin-top: 80px;
    margin-left: 24%;*/
}
header.judo{
    /*min-height:580px;*/
}
.cmp-menu.sticky, .section-progress.sticky {
  top:128px !important;
}
.main-menu.sticky {
  height: 128px;
}

}


.modal.fade .modal-dialog {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  top: 300px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 1;
}


.modal.modal-fullscreen.fade .modal-dialog {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.modal.modal-fullscreen.fade.in .modal-dialog {
  opacity: 1;
}

.toggle-menu {
  position: absolute;
  top:12px;
  right:12px;
  display: none;
  color:#fbad42;
  font-size: 18px;
}

nav .toggle-menu {
  color:#333;
}

.connect-facebook {
  background: #3b5998;
  display: inline-block;
  border-radius:4px;
  color:#fff !important;
  padding:8px 14px;
  border:0 !important;
}
.connect-facebook:hover {
  background:#324b81 !important;
}
.connect-facebook:focus {
  background:#324b81 !important;
}

.connect-twitter {
  background: #00aced;
  display: inline-block;
  border-radius:4px;
  color:#fff !important;
  padding:8px 14px;
  border:0 !important;
}
.connect-twitter:hover {
  background:#0093cc !important;
}

.connect-instagram {
  background: #517fa4;
  display: inline-block;
  border-radius:4px;
  color:#fff !important;
  padding:8px 14px;
  border:0 !important;
} 
.connect-instagram:hover {
  background: #466e8d !important;
}

.connect-facebook i, .connect-twitter i, .connect-instagram i {
  margin-right:5px;
}

.modal .modal-dialog .form-login input, .modal .modal-dialog .form-login button {
  width: 100%;
}

.modal .modal-dialog .form-register input, .modal .modal-dialog .form-register button, .modal .modal-dialog .form-register select {
  width: 100% !important;
}

.bank label{
  font-family: Exo, Helvetica, Arial, sans-serif;
}

.search.transparant input{
  border: 1px solid rgba(255,255,255,0.5) !important;
  color: rgba(255,255,255,0.5) !important;
  background: rgba(131, 131, 131, 0.4);
} 
.search.transparant input:focus{
  color:#fff !important;
} 
.search.medium input{
  padding: 8px 14px 6px 12px;
}
.search.medium #search{
  top: 9px;
  color: rgba(255,255,255,0.5);
}
#header-search{
  margin-top: -5px;
  margin-left: 20px;
}

.circle-text {
  margin-top: 30px;
  width: 95%;
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: rgba(251, 173, 66, 0.9);
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-text div {
    float:left;
    width:100%;
    padding-top: 30%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}

.circle-text div h5,.circle-text div h3{
  margin: 0;
  padding: 0;
  border: 0;
}

.orange:after{
  background:#f5a337;
}

.orange-2:after{
  background:#f59638;
}

.orange-3:after{
  background:#f58c39;
}

.content .media {
  margin-top: 60px;
}

.team .img-circle{
  width: 150px;
  height: 150px;
  margin-right: 30px;
  border-radius: 5%;
}

.team h5{
  margin-top: 0;
  font-size: 18px;
}

.recommand li{
  margin-bottom: 10px;
} 

.recommand h5{
  max-height: 20px;
}

.recommand a{
  color: #333;
}

.career h6{
  font-size: 22px;
}

.career ul li{
  list-style-type: disc;
  color: #666;
}

.header-txt{
  font-weight: 700;
  margin-top: 20px;
}

.career ul{
  margin-left: 20px;
  margin-top: 5px;
}

.contact h3{
  margin: 60px 0 30px;
}

.services{
  margin-top: 60px;
}

.services .row{
  margin-bottom: 40px;
}

.services h4{
  margin: 0;
  margin-bottom: 20px;
}

.services .circle-text{
  margin: 0;
}

.circle-text .fa{
  font-size: 60px;
}


.form-horizontal .control-label{
  font-weight: normal;
}

.logged .tab-content{
  margin-bottom: 20px;
}

.wysihtml5-toolbar .btn{
  font-size: 12px;
}

.wysihtml5-toolbar .modal .btn {
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

.dataTables_scrollHeadInner .dataTable thead tr th:first-child input{
  left: -8px;
}

#friends-grid .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  min-height: 150px;
}

.dataTables_info,.dataTables_filter label{
  font-size: 14px;
  color: #737373;
  font-weight: normal;
}

div.DTS div.dataTables_scroll {
    background: none !important;
}

.dataTables_filter input{
  border-radius: 4px;
  border: solid 1px #CCC;
  padding: 5px;
}

.remove-btn{
  position: absolute;
  top: 10px !important;
  right: 10px !important;
  z-index: 10 !important;
  left: auto !important;
}

.remove-btn:focus{
  text-decoration: none !important;
}

a.has-spinner:focus{
  text-decoration: none !important; 
}

.side-menu-nav{
  /*padding: 20px;
  background: #252423;*/
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.side-menu-nav .nav-pills a{
  border-radius: 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px;
}

.side-menu-nav .nav-pills>li.active>a{
  margin: 0px -1px;
  border-bottom: 0;
}

.side-menu-nav .nav-stacked>li+li{
  margin-top: 0px;
}

.padding-20{
  padding:20px;
}

#update-form{
  margin: 30px 0;
}

.campaign-main-column h1 span{
  position: absolute;
  font-size: 16px;
  bottom: -20px;
  font-style: italic;
  right: 0;
}

div.DTS tbody td{
  max-width: 120px;
  word-break: break-all;
  white-space: normal !important;
}

.btn.rounded{
  border: 1px solid #DFDFDF;
  margin-right: 15px;
  color: #878787;
  padding: 8px 14px 6px 14px;
}

header.wrestling{
  min-height: 490px;
}


.sup a.rounded{
  border: 1px solid #975A07;
  padding: 20px 10px;
  border-radius: 5px;
  text-decoration: none;
}

.sup .actions{
  margin-top: 30px;
  margin-bottom: 20px;
}

.sup{
  padding-top: 20px;
  padding-bottom: 20px;
}
.orange-box {
  height: 277px;
  position: relative;
}

.timeline-play{
  z-index: 10; 
  position: absolute;
  left: 40%;
  top: 15%;
  font-size: 28px;
  color: #fff !important;
  border: 2px solid #fff;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  line-height: 79px;
  padding: 0 0 0 7px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.hero.product-title h4, .hero.pricing-title h4{
  font-size: 36px;
  color: #ffffff;
  margin-top: 50px;
  margin-bottom: 50px;
}

#step3 .hasSuperTip .tooltip-inner{
  font-size: 13px;
}

.product-title p, .pricing-title p{
  font-size: 18px;
  color: #fff;
  opacity: 0.8;
  width: 75%;
}
.pricing-check{
  /*width: 25px;
  margin-right: 20px;*/
}

/*.change-profile{
  z-index:12;
  cursor:pointer;
  position:absolute;
  right:39%;
}*/

.orange-cover{
  background-color:#faad43 !important;
}

.profile-avatar div.upload-avatar{
  position: absolute;
  top: 25%;
  left: 0;
  margin-left: 0;
  z-index: 12;
  width: 100%;
  height: 0;
  border-radius: 0;
  border: 0;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.profile-avatar div.change-profile{
  position: relative;
  top: 106px;
  left: 52px;
  margin-left: 0px;
  z-index: 12;
  width: 0px;
  height: 0px;
  border: 0;
  border-radius: 0;
  cursor: default;
}

#mobile-sticky-header,.stickey-header-style{
  display: block;
  z-index: 50;
  opacity: 1;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #ccc;
  position: fixed;
  top: 0px;
}

.stickey-header-style .nav>li>a{
  margin: 0;
}

.stickey-header-style .profile-actions{
  padding: 0;
  text-align: right;
}

#mobile-sticky-header a,.stickey-header-style a{
  opacity: 1;
}

#mobile-sticky-header .row .left-contribute{
  padding-right: 6px;
}
#mobile-sticky-header .row .right-share{
  padding-left: 6px;
}


div.change-profile ul.dropdown-menu.orange{
  left:-65px;
}

section.steps{
  margin: 100px 0 0 0;
}

.completed .left-circle .btn{
    background: #fff;
    border: 1px solid #f2a940;
}

.completed .center-circle:after{
    background: #f2a940;
}

.completed .bulling-information label{
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.clean .checkbox label input[type="checkbox"],.contribute-form .checkbox label input[type="checkbox"],.clear-form .checkbox label input[type="checkbox"],
.contribute-form .radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    /*transform: scale(3) rotateZ(-20deg);*/
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    /*transform: scale(1) rotateZ(0deg);*/
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


.contribution-proces .center-circle{
  text-align: center;
  position: relative;
}

.contribution-proces .center-circle:before{
  content: '';
  height: 2px;
  background: #ccc;
  width: 185%;
  position: absolute;
  top: 30px;
  right: 0px;
}

.contribution-proces .center-circle:after{
  content: '';
  height: 2px;
  background: #ccc;
  width: 185%;
  position: absolute;
  top: 30px;
  left: 0px;
}

.contribution-proces .right-circle{
  text-align: right;
}

.contribution-proces .steps .btn{
  position: relative;
  margin-bottom: 30px;
}

.contribution-proces .btn.btn-circle{
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 9px 0;
  font-size: 20px;
  line-height: 2;
  border-radius: 43px;
  z-index: 10;
  background-color: #fff;
}


.contribution-proces .current .content p{
  color: #353537;
}
.contribution-proces .default .btn{
  border: 1px solid #ccc;
}

.contribution-proces .current .btn{
  background: #F0A93D;
  color: white;
  box-shadow: none;
  border: none;
}

.contribution-proces .content p{
  font-size: 18px;
}

.contribution-proces .default .content p{
    color: #747579;
}

.contribution-proces .divider{
    color: #ccc;
    height: 2px;
    width: 100%;
}

.contribution-proces .contribution .content p{
    margin-top: 15px;
    text-align: left;
    font-size: 18px;
    color: #767b7e;
    margin-bottom: 15px;
}

.contribution{
  margin-top: 35px;
  margin-bottom: 40px;
}

.contribution section{
    margin-bottom: 40px;
}

.contribution .input-prepend{
    border: 1px solid #E0AB5B;
    border-radius: 5px;
    color: #e6a257;
    padding: 0 0 0 10px;
    overflow: hidden;
}
.cbt-error-msg, .contribution .cbt-error-msg{
  color: #b94a48;
  font-style: italic;
  margin-top: 10px;
}
.modal-offline-field{
  padding: 0 20px;
}
.input-prepend.fb{
  border: 1px solid #d1d1d1;
  background-color: #d1d1d1;
}

.input-prepend.fb .add-on{
  margin-top: 10px;
  color: #395b98;
  cursor: pointer;
}

.contribution .add-on{
  margin-top: 15px;
  font-size: 26px;
  color: #C1C1C3;
}
.contribution input{
  font-size: 50px;
  border: none;
}
.contribution input[type="text"],.contribution input[type="number"]{
  padding: 8px 0;
}
.contribution input{
  outline: none;
}
.contribution h3{
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 15px;
  font-family: exo;
}
.contribution input[type=email]{
  color: #030432;
  font-size: 22px;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
}
.contribution label[for=checkbox], label[for=checkbox1], label[for=checkbox2]{
  font-size: 22px;
  font-weight: normal;
}
label[for=checkbox1], label[for=checkbox2]{
   color: #787876;   
}

.input-prepend.fb input{
  border: 0;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.input-prepend.fb .fa-facebook{
  margin-left: 15px;
}

.contribution .devider{
  border-bottom: 2px solid #ccc;
}
.btn-orange{
  background: #f0a93d;
  color: #fff;
}
.contribution .reward-block {
  border: 2px solid #ccc;
  padding: 40px 35px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}
  .contribution .btn.btn-orange {
      padding: 15px 50px;
      margin-top: 40px;
      margin-bottom: 40px;
  }
  .contribution .btn.btn-orange:hover{
      color: #fff;
      opacity: 0.9;
  }
      .contribution .reward-block h4{
          color: #eba840;
          font-size: 26px;
          font-weight: bold;
          margin-top: 0;
          font-family: exo;
      }
      .contribution .reward-block .btn.btn-orange{
          float: left;
      }
      .contribution .reward-block .amount{
          color: #352f2f;
          font-size: 30px;
          font-family: Exo, "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: 600px;
      }


/*page2*/
.you_selected.marie-pier-block{
    padding: 40px 15px 25px;
}
.you_selected{
  border: 5px solid #f2f3f5;
  padding: 50px 60px;
  border-radius: 20px;
  margin-bottom: 50px;
}
.you_selected h4{
    margin-top: 0;
    margin-bottom: 15px;
}
.you_selected li{
    margin-bottom: 5px;
    font-size: 18px;
}
.you_selected li a {
  margin-left: 5px;
}
.f18{
  font-size: 18px;
}
.contribution_right:before{
    content: none;
}
.contribution_right{
    border: none;
    padding: 0;
}
.you_selected .marie-pier{
    margin-top: -12px;
}
.you_selected section.selected{
    margin-bottom: 0;
}
.left-circle .btn{
    background: #fff;
    border: 1px solid #f2a940;
}
.center-circle:after{
    background: #f2a940;
}
.bulling-information label{
  display: block;
  font-size: 18px;
  margin-bottom: 20px;
  font-family: exo;
}

.twitter-typeahead .tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.twitter-typeahead .tt-hint {
  color: #999
}

.twitter-typeahead .tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.btn.orange.addthis_button_email .at-icon-wrapper{
  display: none;
}

.twitter-typeahead{
  width: 100%;
}

.twitter-typeahead .tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.twitter-typeahead .tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.twitter-typeahead .tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.twitter-typeahead .tt-suggestion p {
  margin: 0;
}

.clear-form input[type=email],.clear-form input[type=number],.clear-form input[type=text],.clear-form input[type=password],.clear-form input[type=date],.clear-form textarea,.clear-form select{
  padding: 12px 15px;
  color: #030432;
  font-size: 22px;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
}

.clear-form select{
  color: #B2B2B2;
   -webkit-appearance: none; 
  padding: 12px;
  background-position: 90% 50%;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),      linear-gradient(135deg, gray 50%, transparent 50%);    
  background-position:      calc(100% - 20px) calc(1em + 2px),      calc(100% - 15px) calc(1em + 2px),      calc(100% - 2.5em) 0.5em;    background-size:      5px 5px,      5px 5px,      1px 1.5em;    
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    -webkit-appearance: none;    -moz-appearance: none;
}

.bulling-information h4{
  font-size: 25px;
  font-weight: bold;
  font-family: exo;
  margin-bottom: 40px;
}
.bulling-information h5 {
  margin: 40px 0 40px 0;
  font-size: 20px;
  font-family: exo;
}
/*.bulling-information .select-date input{
    width: 46%;
}
.bulling-information .select-date input#date{
    margin-right: 4%;
}*/
section.payment {
  padding: 20px 0px;
}

a.use-fb{
  font-size: 80%;
  float: right;
  color: #305891;
  margin-top: 20px;
  font-weight: normal;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.btn-paypal{
    background: #fff;
    color: #333 !important;
    padding: 15px 30px;
    margin-top:20px;
    border: 1px solid #ddd;
}
.btn-ebanx{
    background: #1c4178;
    color: #fff;
    padding: 15px 30px;
    margin-top:20px;
    margin-left: 20px;
}
.btn-ebanx:hover, .btn-paypal:hover{
    color: #fff;
}

.extra_mile {
background-color: rgba(255, 143, 0, 0.49);
min-height: 500px;
text-align: center;
position: relative;
color: #fff;
padding-top: 80px;
padding-bottom: 100px;
margin-top: 100px;
background-size: cover;
background-image: url('https://images.unsplash.com/photo-1531206715517-5c0ba140b2b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');
}

.extra_mile:before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
opacity: .4; 
z-index: -1;
background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/pricing_top.jpg');
}

.extra_mile h3{
    font-size: 32px;
}
.extra_mile p{
padding-bottom: 20px;
font-size: 24px;
margin: 10px auto;
width: 90%;
}
.extra_mile a {
font-size: 25px;
background: #fff;
border-radius: 7px;
}
.extra_mile a:hover{
  background: #fff;
}

.extra_mile .at4-icon{
  display: none !important;
}

  .nomb_blok {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid #Fff;
    text-align: center;
    vertical-align: middle;
    position: relative;
    font-size: 45px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 43px;
    margin-top: 178px;
    margin-bottom: 90px;
    font-family: Exo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
    .nomb_blok:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 145px;
    top: -148px;
    left: 0;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }

.nomb_blok.completed:after{
  background-color: #35D816;
}
.nomb_blok.completed:before{
  background-color: #35D816;
}

    .nomb_blok:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 75px;
    bottom: -75px;
    left: 0;
    background-color: #Fff;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
.extra_mile:after {
content: "";
position: absolute;
width: 4px;
height: 65px;
bottom: 0;
left: 0;
background-color: #Fff;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0; 
}

.tell_network {
text-align: center;
position: relative;
color: #333333;
margin-bottom: 60px;
}

.res img{
  width: 100%;
}

.tell_network .nomb_blok {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 4px solid #DCDCDC;
  text-align: center;
  vertical-align: middle;
  position: relative;
  font-size: 44px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 43px;
  margin-top: 194px;
  margin-bottom: 110px;
    font-family: Exo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
    .tell_network .nomb_blok:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 198px;
    top: -198px;
    left: 0;
    background-color: #DCDCDC;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    .tell_network .nomb_blok:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 75px;
    bottom: -75px;
    left: 0;
    background-color: #DCDCDC;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
.tell_network_f {
width: 100%;
line-height: 73px;
background-color: #405C9D;
color: #fff !important;
margin-top: 30px;
}
.tell_network_tw {
width: 100%;
line-height: 73px;
background-color: #2B99D8;
color: #fff;
margin-top: 30px;
}
.tell_network_f:hover,
.tell_network_tw:hover {
color: #fff;  
}
.tell_network_f img,
.tell_network_tw img {
width: 20px;
margin: 10px;
position: relative;
  margin-top: 4px;  
}
.tell_network p{
color: #777A7F;
padding-top: 5px;
font-size: 21px;
width: 70%;
margin: 10px auto;
}
.green_krug {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 46px;
width: 150px;
}
.that_it {
padding-bottom: 100px;
}
.that_it h3{
text-align: center;
font-weight: bold;
font-size: 30px;
}
.that_it h4{
font-size: 23px;
margin-bottom: 43px;
}
.you_selected {
text-align: left;
}
.contribution_left {
float: left;
position: relative;
width: 87px;
}
/*.contribution_right {
position: relative;
float: left;
border-radius: 7px;
padding: 25px;
margin-left: 30px;
}
.contribution_right:before {
content: url(img/contribution_right-beef.jpg);
position: absolute;
  top: 30px;
  left: -18px;
}*/
.contribution_right h5 {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
}
.contribution_right a {
font-size: 18px;
color: #F0A93D;
text-decoration: underline;
padding-left: 0;
}
.contribution_right a:hover {
color: #F0A93D;
text-decoration: none;
}
.that_it_form {
text-align: left;
}
.that_it_form input{
height: 58px;
border:2px solid #CCCCCC;
}
.that_it_form textarea{
border:2px solid #CCCCCC;
resize:none;
}
.that_it_form input[type="file"]{
border:0;
}
input[type=checkbox] {
position: relative !important;
margin-right: 6px;
margin-top: -4px;
}
.checkbox label {
  margin-right: 20px;
}
.that_it_form button{
width: 150px;
line-height: 40px;
font-size: 22px;
font-family: Arial;
}
#make_a_difference .center-circle{
    text-align: center;
}
#make_a_difference .center-circle{
    position: relative;
}
#make_a_difference .center-circle:before{
    content: '';
    height: 2px;
    background: #ccc;
    width: 480px;
    position: absolute;
    top: 30px;
    right: -315px; 
}
#make_a_difference .center-circle:after{
    content: '';
    height: 2px;
    background: #ccc;
    width: 480px;
    position: absolute;
    top: 30px;
    right: 225px; 
}
#make_a_difference .right-circle{
    text-align: right;
}
    #make_a_difference .steps .btn{
        position: relative;
        margin-bottom: 30px;
    }
        #make_a_difference .btn.btn-circle{
            width: 60px;
            height: 60px;
            text-align: center;
            padding: 6px 0;
            font-size: 25px;
            line-height: 2;
            border-radius: 43px;
        }
        #make_a_difference .current .btn{
            background: #F0A93D;
            color: white;
            box-shadow: none;
        }
        #make_a_difference .current .content p{
            color: #353537;
        }
        #make_a_difference .default .btn{
            border: 1px solid #ccc;
        }
#make_a_difference.page2 .left-circle .btn{
    background: #fff;
    border: 1px solid #f2a940;
}
#make_a_difference.page2 .center-circle:after{
    background: #f2a940;
}

header.content h3 {
  top: 65% !important;
  font-size: 30px !important;
  font-weight: normal;
}

.he .muted{
  float: left;
  margin-right: 5px;
}

header.content h3 span {
  color: #E9AD3D;
}

button.btn.btn-default {
   /* padding: 17px 62px;
    font-weight: 600;
    font-size: 27px;*/
}

.nomb_blok h3 {
  font-size: 31px;
}

@media (max-width: 1100px) { 
  header.hasSport{
    min-height: 580px;
  }
}


@media (max-width: 1100px) { 
  header.hasSport{
    min-height: 580px;
  }
  .orange-box {
    height: 227px;
  }
  .second-slide .second-slide-text {
    padding-right: 170px;
  }
}

@media (max-width: 1200px) { 
  .orange-box {
    height: 227px;
  }
}

@media (min-width:767px) and (max-width: 1024px){

  .or-sperator{
    margin: 10px 0 !important;
    display: block;
  }
  
  section.bulling-information{
    padding-right: 30px;
    padding-left: 0;
  }

}

@media (max-width: 992px) { 

  #sticky-header .btn-contribute{
    margin-top: 10px;
  }

  #build-process-video {
    width: 100%;
    height: auto;
    z-index: 0;
    margin-left: 0;
  }
  .media-picture{
    height: 500px;
    background-size: 80% auto;
    background-position: center center;
  }
  .thank-picture {
    height: 500px;
    background-size: 80% auto;
  }
  .manage-campaign-picture {
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/manage-campaign.png') center center;
    height: 400px;
    margin-top: 100px;
    background-size: auto 80%;
    background-repeat: no-repeat;
  }

  .secure-pricing-picture1 {
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/pricing1.png') center center;
    height: 150px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }

  .secure-pricing-picture2 {
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/pricing2c.png') center center;
    height: 300px;
    background-size: auto 80%;
    background-repeat: no-repeat;
  }

  .secure-pricing-desc {
    padding-left: 0;
    margin-bottom: 20px;
  }
  /*.build-process .number {
    margin: 0 15px 8% 10px;
  }*/
  .blog header.content {
    min-height: 550px;
    }
  .carousel-blog .hero{
    width: 100%;
  }
}

.orange-t{
  background: rgba(251, 173, 66, 0.9);
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  right: 0;
}

.orange-t h2{
  color: #fff;
  padding: 30px 0;
  font-weight: 500;
  margin: 0;
}

.content .orange-div{
  margin: 60px 0 30px 0;
  padding: 30% 0;
  border-radius: 5px;
}

.orange-div,.orange{
  background: rgba(251, 173, 66, 1);
  color: #fff;
}

.remove-responsive video{
  width: 100%;
}

.orange-div h3{
  margin: 20px 0;
  font-weight: 600;
}

.background{
  background-size:cover;
}

.content .section{
  margin-top: 40px;
  margin-bottom: 40px;
}

.ifs .background{
  height: 470px;
  position: relative;
}

.ifs h3{
  color:#fff;
  font-weight: 900;
  font-size: 46px;
  position: relative;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 80%;
}

.ifs h3 span{
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 40%;
  font-weight: normal;
  width: 100%;
}

.ifs p{
  padding: 80px 100px;
  height: 240px;
}

.mosaik .circle-text{
  width: 30%;
  position: absolute;
  top: 21%;
  right: 33%;
}

.uppercase{
  text-transform: uppercase;
}

.btn.green{
  background: #14c052;
  color: #fff;
}

.rounded-box{
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 30px 10px 10px 10px;
}

.rounded-box h3{
  color: rgba(251, 173, 66, 1);
  position: relative;
  font-weight: 800;
  margin-top: 20px;
}

.rounded-box h3 span{
  color: #797979;
  font-size: 17px;
  position: absolute;
  bottom: -15px;
  left: 0;
  font-weight: 600;
}

ul.value{
  padding: 20px;
  margin: 0;
}

ul.value li{
  list-style-type: disc;
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
  width: 70%;
}

.pictures img{
  margin-bottom: 30px;
}

.borders .col-md-6{
  border: 1px solid #c8c8c8;
  padding-bottom: 80px;
}

.borders .col-md-6{
  border: 1px solid #c8c8c8;
  padding-bottom: 80px;
  border-bottom: 0;
}

.home-borders .col-md-4{
  border: 1px solid #c8c8c8;
  padding-bottom: 80px;
}

.ifs .home-borders p{
  padding: 80px 26px;
  height: 290px;
  color: #999;
}

.logo-partner{
  width: 150px;
  text-align: center;
  margin-bottom: 5px;
}

.carousel-judo{
  position: static;
  margin-top: 100px;
  margin-left: 17%;
}
.bottom-margin{
  margin-bottom:80px;
}

.text-center{
  width:60%;
  margin: 0 auto;
  padding-top: 20px;
}

.padding-benefit{
  width: 95%;
  margin: 0 auto;
}

.position{
  border-bottom: solid 1px #C0C0C0;
  padding-bottom: 100px;
}
.group-title{
  visibility: visible;
  background-color: rgba(251, 173, 66, 0.9);
  color: white;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 204px;
  padding-top: 40px;

}
.group-title h3 {
  text-align: center;
  margin: 3px 0px 14px 0
}
table.table.timeline-modal-table td{
  border-top: 0;
  vertical-align: middle;
}
@media (max-width: 480px) { 

  .awesome-btns .well{
    width: 100%;
  }

  .timeline-badge{
    display: none;
  }

  .group-title{
    padding-top: 50px;
    height: 280px;
  }
  .group-title h3 {
    font-size: 25px;
  }
  .about-us-inner h3{
    width: 95%;
    font-size: 25px;
  }


}
.group-title p {
  color: white;
  /*margin-top: 22px;*/
  width:100%;
  text-align: center;
  margin: 0;
  opacity: 0.9;
}
.city-margin{
  margin-bottom: 10px;
}
.city-big{
  margin-bottom: 10px;
}
.city-small1{
  padding-right: 5px;
}
.city-small2{
  padding-left: 5px;
}
.city-row{
  margin: 70px 0;
}
.city-row h2{
  margin-top: 0;
  font-size: 30px;
  font-weight: 600;
}
.modal #update-form select{
  background: #eee;
}
.contact-top{
  padding: 0;
}
.contact-title{
  background-color: rgba(251, 173, 66, 0.9);
  color: white;
  width: 100%;
  height: 500px;
  padding-top: 150px;
}
.contact-title p {
  color: white;
  margin-top: 22px;
  width:47%;
  margin: 0 auto;

}
.question{
  width:58%;
}

.center-block{
  /*width: 90%;*/
  margin: 0 auto;
}

.contact-box{
  border: solid 1px #C0C0C0;
  width:100%;
  height: auto;
}
/*.inner-box{
  position: relative;
  margin: 14% 40% 8% 40%;
}*/

.contact-box img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.multiselect{
  border: 1px solid #ccc;
  background: #fff !important;
  font-size: 14px;
  color: #555;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.multiselect .btn-default{
  background-color: #fff;
  border: 1px solid #ccc;
}

.multiselect .btn{
  font-size: 14px;
  color: #555;
}

.multiselect-container.dropdown-menu .active a{
  background: #fff!important;
  color: #333;
}

.emailtosel label{
  padding: 0px;
}

.contact-box p{
  text-align: center;
}
.contact-box h4{
  text-align: center;
  color:rgba(251, 173, 66,1);
  margin: 5% 0 16% 0;
  font-weight: bold;
}
.contact-media b a{
  color:#666;
}
.contact-media p{
  margin-bottom:20px;
}
.drop-by{
  margin:180px 0 0 30px;
  color:white;
  text-align: left;
  width:80%;
}
.drop-by h4{
  font-weight: bold;
}
.drop-by p{
  color:white;
  text-align: left;
  padding: 0;
}
.address{
  border-bottom: solid 1px #C0C0C0;
}
.address .inner-box{
  margin:170px 0 0 100px;
  padding: 8px;
  border-left: solid 5px rgba(251, 173, 66,1);
}
.inner-box p{
  padding: 0;
  margin: 0;
  height: auto;
}
.join-button{
  background-color:white;
  color:black;
}
.profile-img{
  text-align: center;
}
.profile-img > img{
  margin:60px 0 0 0;
}
/*.profile-img p{
  margin-top:30px;
}*/

.center-icons{
  margin:0 auto;
  width: 100%;
  margin-top:30px;

}
.center-icons img{
  width: 50px;
  height: 50px;
}
/*.team-top{
  background-image: url('/templates/medium/img/work.jpg');;
  color: white;
  width: 100%;
  height: 550px;
  padding-top: 150px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 60px;
}

.team-top-title{
  font-family: Exo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 500;
  width:50%;
  margin: 0 auto;
}

.team-top p {
  padding-top: 25px;
  padding-bottom: 20px;
  width:47%;
  margin: 0 auto;
  color: white;
}*/

a.join-button{
  visibility: visible;
  margin-top:25px;
  padding:20px 35px;
  font-size:18px;
  color:#666
}
.name-title{
  margin: 60px 0 30px 0;
  font-weight: bold;
}
.name-title h4{
  margin-bottom: 10px;
  font-weight: 600;
  color: black;

}
.name-title p{
  font-weight: 500;
  font-size: 18px;
  color: black;
}
.addthis_bar_logo,.at-branding-logo{display: none!important;}
.career-top{
  height: 590px;
  margin-top: 60px;
  background-image: url('https://snap-photos.s3.amazonaws.com/img-thumbs/960w/6EJBLMF3IA.jpg');
  color:black;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 80px;
}
.career-top-title1{
  font-family: Exo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 500;
  width:34%;
  margin: 0 auto;
}
.career-top-title2{
  font-family: Exo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 500;
  width:47%;
  margin: 0 auto;
}
.career-top p {
  padding-top: 45px;
  padding-bottom: 20px;
  width:47%;
  margin: 0 auto;
  color: #666;
}
.career-bottom{
  position: relative;
  height: 520px;
  background-image: url('//d1idjbb9jmy0ec.cloudfront.net/images/careers/careers_bottom.png');
}
.career-padding{
  /*padding: 0px 20px;*/
}
.content.section.career-intro{
  margin-top: 110px;
  margin-bottom: 110px;
}
.career-intro h2{
  margin: 0;
}
.content.section.career-benefit{
/*  margin-top: 50px;
  margin-bottom: 50px;*/
}
.inner-layer{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color:white;
  padding-top: 170px;
  text-align: center;
 /* display: none;*/
}

div.DTS div.dataTables_scrollBody {
  z-index: 0 !important;
}

.res img{
  width: 100%;
}

.inner-layer h3{
  margin-bottom: 16px;
}
/*.inner-layer h2{
  margin: 0 auto;
  width: 50%;
  text-align: center;
  font-family: Exo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 40px;
}*/
.inner-layer p{
  /*margin: 0 auto;
  width: 50%;
  text-align: center;*/
  padding-top:20px;
  color: white;
  font-size: 18px;
  opacity: 0.7;
}

/*.contact-top{
  background-image: url('/templates/medium/img/about-us.jpg');
  color: white;
  width: 100%;
  height: 500px;
  padding-top: 150px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}*/

.contact-top-title{
  font-family: Exo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 42px;
  font-weight: 500;
  width:50%;
  margin: 0 auto;
}

.contact-top p {
  padding-top: 25px;
  padding-bottom: 20px;
  width:47%;
  margin: 0 auto;
  color: white;
}
/*.question{
  margin: 50px
}*/
.question h4{
  margin-top: 0;
}
.profile-margin{
  margin-top:100px;
}
.career-margin{
  margin-top:150px;
} 
.contact-margin{
  margin-top:20px;
}
.about-us-inner{
  position: absolute;
  background-color: rgba(251, 173, 66, 0.8);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 125px;
  color:white;
}
header .about-us-inner h3{
  margin: 0 auto;
  width: 68%;
  text-align: center;
  font-family: Exo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 32px;
  padding-top: 35px;
  top: 50% !important;
}
.side-box h3 span{
    bottom: -20px;
}
.circle-box h3{
  font-size: 100px;
}
.job-desc{
  width: 70%;
}
.content .section.career-open{
  margin-top: 80px;
}
@media (max-width: 380px) {
  .circle-box h3{
    font-size: 50px;
  }
  .circle-box h4{
    font-size: 16px;
  }
}


@media (max-width: 767px) { 

  .profile-actions a{
    margin-bottom: 10px;
  }

  .home-borders .col-md-4{
    padding-bottom: 40px;
    border: 0;
    /*border-bottom: 1px solid #c8c8c8;*/
  }

  .carousel-indicators.indicators {
    bottom: 80px;
  }

  .home-about-us .number-block {
    margin-top: 30px;
    text-align: left;
  }

  header .about-us-inner h3{
    width: 95%;
    font-size: 25px;
  }
  .padding-mobile p{
    padding: 30px 10px;
  }
  .side-box h3{
    font-size: 24px;
  }
  .side-box h3 span{
    bottom: -42px;
  }
  .content.section.career-intro{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .career-margin-top{
    margin-top: 40px;
  }
  .content .section.career-city{
    margin: 20px 0;
  }
  .city-row{
    margin: 10px 0;
  }
  .city-row p{
    width: 100%;
  }
  .content.section.career-benefit{
    margin-top: 0;
    margin-bottom: 0;
  }
  .content.section.career-city-margin{
    margin-bottom: 0;
    margin-top: 20px;
  }
  .job-desc{
    width: 100%;
  }
  ul.value li {
    width: 100%;
  }
  .career-city p{
    width: 100%;
  }
  .career-benefit h2{
    margin:0;
  }
  /*.career-benefit p{
    text-align: justify;
  }*/
  .group-title{
    padding: 50px 0;
    height: auto;
    position: relative;
  }
  .content .career-padding h4{
    margin-top:20px;
  }
  .content .section.career-open{
    margin-top: 20px;
    margin-bottom: 0;
  }
  .content .section.job-post h4{
    margin-top: 0;
  }
  h3.bigger-reach{
    margin-top: 0;
  }
  .ifs h3.athlete-supporter{
    /*left: 20%;*/
  }
  /*.content .section.job-post p{
    text-align: justify;
  }
  .content .section.job-post li{
    text-align: justify;
  }*/



}

/*.title-word-counter{

}
.title-word-counter span{
  color: rgba(251, 173, 66, 1);
}*/
p.help span{
  color: rgba(251, 173, 66, 1);
}
/*p.desc-word-count{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 90%;
  color: #737373;
  text-align: right;
  margin: 0 2% 0 0;
}
p.desc-word-count span{
  color:red;
}*/

.saved-time-block{
  margin-top: 10px;
  text-align: right;
}

.slicknav_menu {
  background: rgba(77, 77, 77, 0.0);
  padding: 8px;
}

.slicknav_menu .menu{
  margin-top: 0;
} 

.slicknav_menu .pull-menu-lang{
  margin-top: 20px;
} 

.slicknav_menu .menu>li {
  float: none;
  text-align: left;
  border-bottom: 1px solid #4D4D4D;
  margin: 0 !important;
  padding: 10px 15px;
}

.slicknav_nav{
 /* margin-top: 60px;*/
}

.slicknav_menu .search input{
  display: block !important;
}

.slicknav_menu .menu .active a{
  border-bottom: 2px solid rgba(77, 77, 77, 0.0) !important;
}

.sports-list-holder {
  position: absolute;
  z-index: 100;
  left:40px;
  right: 40px;
  height: 60px;
  bottom:0;
}
.owl-pagination {
  display: none;
}
#sports-list {
  background: rgba(0,0,0,.6);
  height: 60px;
  }
#sports-list .item{
  position: relative;
  z-index: 101;
  background: none;
  padding: 10px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-family: Exo, Helvetica, Arial, sans-serif;
}
#sports-list .item a {
  color:#999 !important;
  text-decoration: none;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out
}
#sports-list .item a:hover {
  color:#fff !important;
}
.customNavigation{
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  height: 1px;
  text-align: center;
  z-index: 99;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 60px;
  border-radius:0;
  padding:0;
}
 
.customNavigation .btn.prev {
  position: absolute;
  left:-40px;
  width: 40px;
  height: 60px;
  bottom:0;
  background: rgba(0,0,0,.6);
}
.customNavigation .btn.prev:hover, .customNavigation .btn.next:hover {
  color:#fff !important;
}
.customNavigation .btn.next {
  position: absolute;
  right:-40px;
  width: 40px;
  height: 60px;
  bottom:0;
  background: rgba(0,0,0,.6);
}

/*.judo-logo {
  position: absolute;
  top: 50%;
  right: 10%;
  max-width: 150px;
  max-height: 40.5px;
  z-index: 5;
}*/

.logo-partner{
  /*position: absolute;
  top: 42%;
  right: 10%;
  width: 150px;
  height: 40.5px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 20px;*/
  width: 150px;
  text-align: center;
  margin-bottom: 5px;
  /*z-index: 5;*/
}


.carousel-judo{
  position: static;
  margin-top: 100px;
  margin-left: 17%;
}
.profile-img div>img{
  margin-top: 60px;
}

.ifs .home-borders a {
/*  margin-top: 40px; */
}

.contribution-process .stepwizard{
  text-align: center;
  margin-top: 90px;
}

.contribution-process .stepwizard-step{
  width: 33%;
}

.contribution-process .stepwizard-step p {
    width: auto;
}

.contribution-process .checkbox label{
  padding-left: 0px;
}


.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}


.contribute-form .checkbox label input[type="checkbox"],
.contribute-form .radio label input[type="radio"], 
.clear-form .radio label input[type="radio"]{
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
   /* transition: all .3s ease-in; */
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.contribute-form .radio label,
.clear-form .radio label{
  margin: 0;
  padding-left: 0px;
  font-size: 16px;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.contribute-form .radio label .radio-text,
.clear-form .radio label .radio-text{
  display: inline-block;
  padding-left: 25px;
  padding-top: 5px;
}

.contribute-form .radio label .fa-stack,
.clear-form .radio label .fa-stack{
  display: inline;
}

.contribute-form .radio label input[type="radio"] + div .fa-circle,
.clear-form .radio label input[type="radio"] + div .fa-circle {
  display: none;
}

.contribute-form .radio label input[type="radio"]:checked + div .fa-circle,
.clear-form .radio label input[type="radio"]:checked + div .fa-circle {
  display: inline-block;
  color: black;
}

.contribute-form .radio label input[type="radio"]:checked + div .fa-circle-o,
.clear-form .radio label input[type="radio"]:checked + div .fa-circle-o {
  display: none;
}

/*.overflow{
  max-height: 400px;
  overflow: auto;
}*/


@media (max-width: 1000px) { 
  .second-slide .second-slide-img{
    text-align: center;
    margin-bottom: 20px;
  }

  .second-slide .second-slide-text{
    padding-left: 0; 
    padding-right: 0; 
    padding-top: 20px;
    padding-left: 25px;
  }

  img.triangle {
    top:50px;
  }

  header .carousel-caption.home-caption h1, header h1 {
    font-size: 30px;
  }

  header .carousel-caption h1, header h1 {
    font-size: 30px;
  }

  .home-about-us {
    /*background: url(../../img/home_upper.png) no-repeat 480px 1px #f7b151;*/
    background-size: 1202px Auto;
  }
  .home-about-us .number-block {
    text-align: left;
  }

  .ifs .home-borders p {
    height: 220px;
  }



}
@media (max-width: 767px) { 

   .side-profile-div{
  /*  margin-top: 30px;*/
    margin-top: 0;
    margin-bottom: 30px;
  }

  .credit-btn,.btn-paypal{
    display: block;
    width: 100%;
  }

  .or-sperator{
    margin: 10px 0 !important;
    display: block;
  }

  .row-name .col-md-3,.row-name .col-md-4,.row-name .col-md-5{
    margin-bottom:5px;
  }

  .contribute-form #date{
    margin-bottom:5px;
  }

  .phone #phone{
    margin-bottom: 5px;
  }

  .hero{
    width: 90%;
    top: 65%;
  }
  .carousel-blog .hero h4 {
    font-size: 28px;
  }

  .carousel-blog .hero {
    top: 50%;
  }

  .ifs p {
    padding: 20px 0;
    height: auto;
  }

  .drop-by p{
    color: white;
    margin-top:10px;
    padding:0;
  }
  .inner-box p{
    padding: 0;
  }
  .ifs .background.address{
    height: 235px;
  }
  .address .inner-box{
    margin: 50px 0 0 0px;
    padding: 8px
  }
  .borders .col-md-6 {
    padding-bottom: 40px;
    border: 0;
    border-bottom: 1px solid #c8c8c8;
  }

  .content h4 {
    margin: 50px 0 30px 0;
  }

  .mosaik .circle-text {
    width: 75%;
    position: absolute;
    top: 28%;
    right: 13%;
  }

  .content .orange-div {
    margin: 10px 0 10px 0;
    padding: 20% 0;
    border-radius: 5px;
  }

  .carousel-caption {
    padding-top:120px;
  }

  header.athlete-page .carousel-caption{
    padding: 0px;
  }

  header.wrestling,header.judo,header.brazilian,header.alpin,header.hasSport{
    min-height: 720px;
  }

  header.wrestling .register{
    font-size: 15px;
  }

  header .menu {
    width: 100%;
    padding-right:0;
    text-align: right;
  }
  header .menu.pull-right>li {
    margin-right:0;
  }
  header .menu.pull-right>li:first-child {
    width: 100%;
  }
  .has-search .sign-in.login {
    position: absolute;
    top:-90px;
    right:-1px;
    width: 100px;
    text-align: center;
  }
  .has-search.search-sign-in {
    margin-top:50px;
    padding-right:0;
  }
  .search.transparant {

  }
  .background-image {
    background-position: center center !important;
  }

  .card .card-picture{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: #ddd;
  }

  .second-slide .second-slide-img{
    text-align: center;
    margin-bottom: 20px;
  }

  .second-slide .second-slide-text{
    padding-left: 0; 
    padding-right: 0; 
    padding-top: 20px;
    padding-left: 25px;
  }
  .ready-section h2 {
    margin: 50px 0px 0px 0;
    font-family: Exo,Helvetica,Arial,sans-serif;
  }
  header,header.content {
    min-height: 400px;
  }

  header.front{
    min-height: 370px;
  }

  header.front .carousel .carousel-caption.home-caption {
    top: 5px;
    /*top:40px;*/
    position: relative;
    right: 0;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  header.front .carousel .carousel-caption {
    /*top: 5px;*/
    top:40px;
  }

  header .carousel .carousel-caption .btn {
    margin-top: 35px;
    padding: 12px 30px;
    font-size: 15px;
  }

  header .carousel-caption h1,header h1{
    font-size: 27px;
  }

  header .carousel-caption.home-caption h1,header h1{
    font-size: 27px;
  }

  header.content h1{
    font-size: 30px;
    transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
  }

  header .athlete-background-image{
    background-position: center center !important;
    /*background-size: initial !important;*/
  }

  .modal .modal-dialog .border-right {
    border-right:0;
    border-bottom:1px solid #ddd;
    padding-bottom:20px;
  }

  ul.full.timeline>li>.timeline-panel,ul.full.timeline>li>.timeline-panel,.timeline>li>.timeline-panel{
    margin-left: 65px;
    width: calc(100% - 60px);
  }

  ul.full.timeline>li>.timeline-badge{
    left: 4px;
    margin-left: 0;
    top: 14px;
  }

  ul.timeline>li>.timeline-badge.avatar,
  ul.timeline>li>.timeline-badge.twitter,
  ul.timeline>li>.timeline-badge.instagram,
  ul.timeline>li>.timeline-badge.facebook{
    top: 8px;
    margin-left: -20px;
    left: 15px;
  }

  .timeline {
    /*margin-bottom:-60px !important;*/
  }
  .timeline:before {
    background: none !important;
  }

  .timeline .media-body{
    /*float: left;*/
  }

  .timeline .cmts .img-circle{
    display: none;
  }

  header h1 span {
    position: relative;
    bottom: 0;
    font-size: 18px;
  }

  header .background-image{
    background-attachment: inherit !important;
  } 

  .timeline>li.timeline-inverted>.timeline-panel {
    float: left;
  }

 .timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 10px;
    left: -10px;
    right: auto
  }

  .timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 9px;
    left: -9px;
    right: auto
  }

  .timeline-body>p{
    overflow: hidden;
  }

  #add-sponsor, .team-import{
    margin-bottom: 20px;
  }

  #socialmedia{
    width: 100% !important;
  }

  #update-form{
    width: 100% !important;
  }
  .build-process a{
    max-height: 250px;
  }
  /*#post-update{
    width: 100%;
    margin-top: 20px;
  }*/
  
  .post-update{
    width: 100%;
    margin-top: 20px;
  }

  #update-form-preview div.pull-left,#update-form-preview #video-media{
    width: 100%!important;
  }

  #update-form-preview div span{
    /*width: 100%;
    display: block;
    margin: 5px 0;
    text-align: center;
    padding: 0;*/
  }

  #update-form-preview #file-picker{
    width: 100%;
  }

  .side-card{
  /*  display: none !important; */
  }

  #update-form #file-picker{
    width: 100%;
  }

  #update-form div span{
    /*display: block;
    text-align: center;
    margin: 5px 0;*/
  }


  #update-form #video-update{
    width: 100% !important;
  }

  .stepwizard-step,.stepwizard-step.has-team{
    width: 100%;
    margin-bottom: 10px;
  }

  .status-text{
    width: 100%;
    text-align: left;
  }

  #change-cover {
    right: 10px;
    bottom: 10px;
  }

  .bio-container,.desc-container{
    width: 105% !important;
  }

  .stepwizard {
    margin: 20px 0 0px;
  }

  .stepwizard-step:after{
    width: 0px;
  }

  .stepwizard-step p {
    position: absolute;
    left: 20%;
    top: 0;
  }

  .campaign-main-column .nav-pills li a {
    font-size: 14px;
  }

  .img-previews img{
    width: 100% !important;
  }
  .team-top{
    height: 770px;
  }
  .contact-top{
    height: 800px;
  }
  .careers-title h4{
    font-size: 23px;
  }
  .career-top{
    height: 900px;
  }
  .career-bottom{
    height: 650px;
  }

  .profile-margin{
    margin-top:300px;
  }
  .career-margin{
    margin-top:500px;
  }
  .contact-margin{
    margin-top:400px;
  }
  .about-us-inner{
    height: 135px;
  }
  header .about-us-inner h3{
    padding-top: 45px;
    font-size: 22px;
  }

  .sup .rounded{
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .sup .actions {
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .sup{
    padding-bottom: 0px;
  }

  .sup .campaign-profile-avatar{
    display: none;
  }
  /*.hero{
    margin-top: 115px;
    width: 90%;
  }
  .hero h4{
    font-size: 20px;
  }*/
  /*.career-intro p{
    text-align: justify;
  }*/
  .career-intro h4{
    margin-top: 25px;
  }
  .career-intro h2{
    font-size: 28px;
  }
  .content.section.contact-intro{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contact-intro h4{
    margin-top: 25px;
  }
  .contact-intro h2{
    font-size: 28px;
  }
  .ifs .background.drop-by-block{
    height: auto;
  }
  .drop-by{
    margin: 0px 0 35px 30px;
  }
  .drop-by h4{
    margin: 30px 0 20px 0;
  }
  .content .section.career-join{
    /*margin-top: 20px;
    margin-bottom: 20px;*/
    margin: 20px 0;
    padding: 0;
  }
  .section.job-post{
    margin-top: 0;
  }
  .job-post .position{
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .question{
    margin: 0;
    width: 100%
  }
  .contact-box h4{
    font-size: 15px;
  }
  .email-box{
    margin-top: 20px;
  }
  .contact-media h4{
    margin: 0 0 15px 0;

  }
  .contact-media {
    margin-bottom: 0; 
  }
  .contact-media p{
    margin-bottom: 30px; 
  }
  .about-us-intro h4{
    margin-top: 0;
    margin-bottom: 20px;
  }
  /*.about-us-intro p{
    text-align: justify;
  }
  .padding-mobile p{
    text-align: justify;
  }
  .about-us-content p, .about-us-content li{
    text-align: justify;
  }
  .about-us-story p{
    text-align: justify;
  }*/
  .about-us-story h4{
    margin-top: 0;
    margin-bottom: 20px;
  }
  .team-title h4{
    font-size: 23px;
  }
  /*.team-player-intro p{
    text-align: justify;
  }*/
  .meet-team{
    width: 90%;
    margin: 0 auto;
  }
  .meet-team a{
    font-size: 16px;
    padding: 5px 0px;
    text-align: center;
  }
  .thank-picture {
    height: 400px;
    background-size: 72% auto;
  }
  .thank-contributor .desc {
    padding-top: 0;
    width: 90%;
  }

  img.triangle {
    top:50px;
  }
  .pricing-text-block {
    margin: 10% 0 10%;
    min-height: 200px;
  }
  .pricing-text-block div {
    padding-top: 100px;
    padding-bottom: 20px;
  }
  .pricing-right-block{
    margin-top: 50px;
  }
  .pricing-top .row {
    padding: 0;
    margin-left: 6%;
  }
  .pricing-top.fr .row {
    padding: 0;
    margin:0;
  }
  .pricing-top {
    margin-top: 120px;
  }

  .pricing-signup a {
    padding: 16px 20px;
    margin:0;
  }
  .pricing-top .row p {
    font-size: 15px;
    text-align: left;
  }
  .pricing-section{
    margin-top: 50px;
  }
  .content .section.pricing-section {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .border-pricing {
    padding: 0;
  }
  .border-pricing.pricing-policy {
    padding: 20px 0 60px 0;
  }
  .content .section.how-to-pricing-section{
    margin-bottom: 0;
  }
  .section.everything-pricing-section{
    margin-top: 0;
  }
  .content .section.everything-pricing-section {
    margin-top: 0px;
  }
  .section.everything-pricing-section h2{
    margin-top: 0;
  }
  .hero.pricing-title h4 {
    font-size: 28px;
  }
  .go-profile-social{
    text-align: center;
    margin-top: 20px;
  }

  header .menu.sign-up-menu{
    margin-right: 0;
  }

  header .menu.pull-right.sign-up-menu .sign-up-li {
    width: 55%;
    margin-right: 10px;
    margin-top: -2px;
  }
  
}
@media (max-width: 480px) { 

  .cmp-menu .nav-pills>li{
    width: 100%;
    display: block;
  }
  
  .event .campaign-progress{

      padding-bottom: 15px;
  }

  .event .rewards-mobile-mobile{
    display: none !important;
  }

  .event .campaign-progress .to-go{
    display: none;
  }

  .credit-btn,.btn-paypal{
    display: block;
    width: 100%;
  }
  input.handbook-search{
    width: 100%;
    margin-bottom: 10px;
  }
  .or-sperator{
    margin: 10px 0 !important;
    display: block;
  }

  .you_selected{
    padding: 10px;
  }

  .you_selected li {
    font-size: 15px;
  }

  .contribution .red.save{
    margin-bottom: 20px;
  }

  .contribution .btn.btn-orange{
    padding: 15px 25px;
  }

  #cover-dropdown {
    right: 10px;
  }
  #cover-dropdown button .cover-name{
    margin-right: 5px;
  }
  #cover-dropdown button.btn.black.medium{
    font-size: 14px;
  }

  header.front {
    min-height: 420px;
  }

  header.front .carousel .carousel-caption {
    /*top: -15px;*/
    top:40px;
  }

  header.front .carousel .carousel-caption.home-caption{
    /*top: -15px;*/
    top:20px;
  }
  header .about-us-inner h3 {
    top: 60% !important;
  }
  .ifs .home-borders p {
    padding: 35px 0;
  }
  img.triangle {
    top:80px;
  }
  .ifs .home-borders a {
    margin-top: 75px;
  }

  .number-block div{
    text-align: left;
  }
  .home-about-us-row{
    margin-right: 0;
    margin-left: 0;
  }
  .campaign-of-week{
    /*padding-left: 0;
    padding-right: 0;*/
  }
  .add-cmp{
    margin-bottom: 20px;
  }
  .supporter-image{
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/supporter.jpeg') no-repeat -145px 0px;
    background-size: cover;
  }
  .row-image{
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/row.jpg') no-repeat -145px 0px;
    background-size: cover;
  }

  .second-slide-text .inner-text {
    width: 75%;
  }

  .campaign-of-week .inner-block .card-picture {
    height: 145px;
  }

  .campaign-of-week .inner-block .card-avatar {
    top: 105px;
  }

  .campaign-of-week .inner-block .card-stats {
    padding: 0px 20px;
  }
  .campaign-of-week .inner-block .card-stats a {
    padding: 5px 6px;
  }

  .campaign-of-week .inner-block .card-progress {
    padding: 85px 5px 30px;
  }

  .campaign-of-week .inner-block .card-name {
    bottom: 178px;
  }

  .why-make-a-champ .why-title {
    margin: 50px 0 30px 0;
  }

  .need-help .why-title {
    margin: 50px 0 30px 0;
  }
  .hero.product-title h4{
    font-size: 32px;
    margin-top: 50px;
  }
  .hero.pricing-title.fr h4{
    font-size: 20px;
    margin-top: 50px;
  }
  .hero.pricing-title.fr {
    top: 39%;
    width: 80%;
  }
  .hero.pricing-title {
    top: 38%;
  }
  .hero.pricing-title.en {
    width: 80%;
  }
  .hero.pricing-title h4 {
    font-size: 18px;
  }
  .pricing-top.fr {
    margin-top: 100px;
  }
  .pricing-top.en {
    margin-top: 100px;
  }
  .hero.pricing-title p {
    font-size: 14px;
  }
  .pricing-top .row p{
    font-size: 14px;
    text-align: left;
  }
  .pricing-check{
    /*width: 20px;
    margin-right: 20px;*/
  }
  .media-picture{
    height: 300px;
  }
  .thank-picture {
    height: 300px;
    background-size: 80% auto;
  }
  .section-title a.view-all {
    /*float: none!important;*/
  }

  .manage-campaign-picture {
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/manage-campaign.png') center center;
    height: 300px;
     margin-top: 20px; 
    background-size: 50% auto;
    background-repeat: no-repeat;
  }

  .secure-pricing-picture2 {
    background: url('//d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/pricing2c.png') center center;
    height: 300px;
    background-size: auto 70%;
    background-repeat: no-repeat;
  }
  .pricing-image-block img{
    width: 120px;
  }
  .ifs h3.athlete-supporter {
    top:72%;
  }
  .build-process .text{
    padding-left: 15px;
  }
  .carousel-blog .hero {
    top: 60%;
  }
  .carousel-indicators.indicators.blog-indicators {
    bottom: 15px;
  }
  #change-cover {
    bottom: 30px !important;
    right: 5px !important;
  }
  .second-slide .second-slide-text{
    height: 305px;
  }
  .second-slide .fr.second-slide-text{
    height: 375px;
  }
  ul.full.timeline>li>.timeline-panel, .timeline>li>.timeline-panel{
    margin-left: 0px;
    width: 100%;
    padding: 15px;
  }

  ul.full.timeline>li>.timeline-panel:before {
    display: none;
  }

  ul.full.timeline>li>.timeline-panel:after {
      display: none;
  }

  .timeline>li>.timeline-panel:before {
    display: none;
  }

  .timeline>li>.timeline-panel:after {
      display: none;
  }

  .go-profile:before {
    display: none;
  }
  .go-profile:after {
    display: none;
  }
  .side-profile-div{
  /*  margin-top: 30px;*/
    margin-top: 0;
    margin-bottom: 30px;
  }
  .cmp-guest .nav>li>a{
    padding: 5px 8px;
  }

  .campaign-main-column .nav-pills {
    margin-top: 50px;
  }

  header .menu.sign-up-menu{
    font-size: 14px;
    margin-right: -15px;
    margin-top: 15px;
  }

  header .menu.pull-right.sign-up-menu .sign-up-li {
    width: 40%;
    margin-right: 10px;
  }
  
  header .menu.pull-right.sign-up-menu.fr .sign-up-li {
    width: 30%;
    margin-right: 10px;
    position: relative;
    left: -15px;
  }

  header .menu.sign-up-menu a.btn{
    padding: 3px 7px;
    font-size: 14px;
  }

  .mobile-rewards-dom h4{
    font-size: 24px;
  }

  .press-media{
    padding-right: 15px;
  }

  .press-media>li>img {
    margin: 10px 22px;
  }
  /*.mobile-pricing-margin{
    margin-bottom: 30px;
  }*/
  .pricing-top .row p {
    margin-bottom: 5px;
  }
  .pricing-top .row {
    padding: 0;
    margin-left: -15px;
  }

  .pricing-top {
    margin-top: 80px;
  }

}

.sports-list-holder {
  position: absolute;
  z-index: 100;
  left:40px;
  right: 40px;
  height: 60px;
  bottom:0;
}
.owl-pagination {
  display: none;
}
#sports-list {
  background: rgba(0,0,0,.6);
  height: 60px;
  }
#sports-list .item{
  position: relative;
  z-index: 101;
  background: none;
  padding: 10px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-family: Exo, Helvetica, Arial, sans-serif;
}
#sports-list .item a {
  color:#999 !important;
  text-decoration: none;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out
}
#sports-list .item a:hover {
  color:#fff !important;
}
.customNavigation{
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  height: 1px;
  text-align: center;
  z-index: 99;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 60px;
  border-radius:0;
  padding:0;
}
 
.customNavigation .btn.prev {
  position: absolute;
  left:-40px;
  width: 40px;
  height: 60px;
  bottom:0;
  background: rgba(0,0,0,.6);
}
.customNavigation .btn.prev:hover, .customNavigation .btn.next:hover {
  color:#fff !important;
}
.customNavigation .btn.next {
  position: absolute;
  right:-40px;
  width: 40px;
  height: 60px;
  bottom:0;
  background: rgba(0,0,0,.6);
}


/*.judo-logo {
  position: absolute;
  top: 50%;
  right: 10%;
  max-width: 150px;
  max-height: 40.5px;
  z-index: 5;
}*/

.logo-partner{
  /*position: absolute;
  top: 42%;
  right: 10%;
  width: 150px;
  height: 40.5px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 20px;*/
  width: 150px;
  text-align: center;
  margin-bottom: 5px;
  /*z-index: 5;*/
}


.carousel-judo{
  position: static;
  margin-top: 100px;
  margin-left: 17%;
}

.timeline-sec .t_left:after {
  content: "\f104";
}
.timeline-sec .t_right:after {
  content: "\f105";
}

.timeline-sec .t_left, .timeline-sec .t_right{
  margin-top: 300px;
  color: #fbad42;
  font-size: 70px;
  cursor: pointer;
  font-family: FontAwesome;
}

.hand-off{
  border-radius: 4px;
  padding: 18px;
  text-shadow: 0 0px;
  color: #999;
  /* font-weight: 700; */
  margin: 0;
  font-family: Exo, Helvetica, Arial, sans-serif;
}

label .optionnal{
  font-size: 80%;
}

.grecaptcha-badge{
  display: none !important;
}