/* GLOBAL STYLES
    
      ___                      _____                        ___                                    _____          ___           ___     
     /  /\        ___         /  /::\        _____         /__/\        ___                       /  /::\        /  /\         /  /\    
    /  /::\      /  /\       /  /:/\:\      /  /::\        \  \:\      /  /\                     /  /:/\:\      /  /:/_       /  /::\   
   /  /:/\:\    /  /:/      /  /:/  \:\    /  /:/\:\        \  \:\    /  /:/      ___     ___   /  /:/  \:\    /  /:/ /\     /  /:/\:\  
  /  /:/ /::\  /__/::\     /__/:/ \__\:|  /  /:/ /::\   ___  \  \:\  /__/::\     /__/\   /  /\ /__/:/ \__\:|  /  /:/ /:/_   /  /:/ /:/  
 /__/:/ /:/\:\ \__\/\:\__  \  \:\ /  /:/ /__/:/ /:/\:| /__/\  \__\:\ \__\/\:\__  \  \:\ /  /:/ \  \:\ /  /:/ /__/:/ /:/ /\ /__/:/ /:/___
 \  \:\/:/__\/    \  \:\/\  \  \:\  /:/  \  \:\/:/ /:/ \  \:\ /  /:/    \  \:\/\  \  \:\  /:/   \  \:\  /:/  \  \:\/:/ /:/ \  \:\/:::::/
  \  \::/          \__\::/   \  \:\/:/    \  \::/ /:/   \  \:\  /:/      \__\::/   \  \:\/:/     \  \:\/:/    \  \::/ /:/   \  \::/----
   \  \:\          /__/:/     \  \::/      \  \:\/:/     \  \:\/:/       /__/:/     \  \::/       \  \::/      \  \:\/:/     \  \:\     
    \  \:\         \__\/       \__\/        \  \::/       \  \::/        \__\/       \__\/         \__\/        \  \::/       \  \:\    
     \__\/                                   \__\/         \__\/                                                 \__\/         \__\/    
-------------------------------------------------- */


/* Padding below the footer and lighter body text */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);

html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004) !important;
}

body {
  color: #5a5a5a;
  background: #f8f8f8;
  font-family: 'Open Sans', sans-serif;
}

.layout-PageBase body {
    padding-top: 50px; /*height of the navbar*/
}

.user-profile h3 small {
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

@media (max-width: 768px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 16px;
    }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Extend bootstrap 3.1 to have a breakpoint for between landscape to portrait on mobile */
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
 
@media (min-width: 480px) and (max-width: 768px) {
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left; }
 
  .col-ms-1 {
    width: 8.33333%; }
 
  .col-ms-2 {
    width: 16.66667%; }
 
  .col-ms-3 {
    width: 25%; }
 
  .col-ms-4 {
    width: 33.33333%; }
 
  .col-ms-5 {
    width: 41.66667%; }
 
  .col-ms-6 {
    width: 50%; }
 
  .col-ms-7 {
    width: 58.33333%; }
 
  .col-ms-8 {
    width: 66.66667%; }
 
  .col-ms-9 {
    width: 75%; }
 
  .col-ms-10 {
    width: 83.33333%; }
 
  .col-ms-11 {
    width: 91.66667%; }
 
  .col-ms-12 {
    width: 100%; }
 
  .col-ms-push-1 {
    left: 8.33333%; }
 
  .col-ms-push-2 {
    left: 16.66667%; }
 
  .col-ms-push-3 {
    left: 25%; }
 
  .col-ms-push-4 {
    left: 33.33333%; }
 
  .col-ms-push-5 {
    left: 41.66667%; }
 
  .col-ms-push-6 {
    left: 50%; }
 
  .col-ms-push-7 {
    left: 58.33333%; }
 
  .col-ms-push-8 {
    left: 66.66667%; }
 
  .col-ms-push-9 {
    left: 75%; }
 
  .col-ms-push-10 {
    left: 83.33333%; }
 
  .col-ms-push-11 {
    left: 91.66667%; }
 
  .col-ms-pull-1 {
    right: 8.33333%; }
 
  .col-ms-pull-2 {
    right: 16.66667%; }
 
  .col-ms-pull-3 {
    right: 25%; }
 
  .col-ms-pull-4 {
    right: 33.33333%; }
 
  .col-ms-pull-5 {
    right: 41.66667%; }
 
  .col-ms-pull-6 {
    right: 50%; }
 
  .col-ms-pull-7 {
    right: 58.33333%; }
 
  .col-ms-pull-8 {
    right: 66.66667%; }
 
  .col-ms-pull-9 {
    right: 75%; }
 
  .col-ms-pull-10 {
    right: 83.33333%; }
 
  .col-ms-pull-11 {
    right: 91.66667%; }
 
  .col-ms-offset-1 {
    margin-left: 8.33333%; }
 
  .col-ms-offset-2 {
    margin-left: 16.66667%; }
 
  .col-ms-offset-3 {
    margin-left: 25%; }
 
  .col-ms-offset-4 {
    margin-left: 33.33333%; }
 
  .col-ms-offset-5 {
    margin-left: 41.66667%; }
 
  .col-ms-offset-6 {
    margin-left: 50%; }
 
  .col-ms-offset-7 {
    margin-left: 58.33333%; }
 
  .col-ms-offset-8 {
    margin-left: 66.66667%; }
 
  .col-ms-offset-9 {
    margin-left: 75%; }
 
  .col-ms-offset-10 {
    margin-left: 83.33333%; }
 
  .col-ms-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 480px) and (max-width: 768px) {
  .container {
    max-width: 748px; 
  } 
}

.col-20 {
    width: 20%;
    float: left;
}

.img-responsive-height {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    position: relative;
    z-index: 1004;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.navbar-default {
	position: relative;
	z-index: 1;
	border: none;
	margin-bottom: 0;
	background: rgb(248,248,248);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(248,248,248,.9) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,.1)), color-stop(100%,rgba(248,248,248,1)));
	background: -webkit-linear-gradient(top,  rgba(248,248,248,.9) 0%,rgba(248,248,248,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,.9) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,.9) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,248,248,.9) 0%,rgba(248,248,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8',GradientType=0 );
    filter: none;
}

.navbar-brand {
    padding: 5px;
}

.navbar-brand img {
    height: 40px;
    width: auto;
}

.navbar-share li a {
	color: #555;
	text-align: center;
	padding: 25% !important;
}

.navbar-share .width25 {
    width: 25%;
    float:left;
    padding: 0 !important;
}

/* Small flags
-------------------------------------------------- */

.flag {
	width: 16px;
	height: 11px;
	background:url(res/flags.png?v=3) no-repeat;
}

.flag.flag-da-DK {background-position: -16px 0}
.flag.flag-es-ES {background-position: -32px 0}
.flag.flag-fi-FI {background-position: -48px 0}
.flag.flag-fr-FR {background-position: 0 -11px}
.flag.flag-en-UK {background-position: -16px -11px}
.flag.flag-it-IT {background-position: -32px -11px}
.flag.flag-nl-NL {background-position: -48px -11px}
.flag.flag-nb-NO {background-position: 0 -22px}
.flag.flag-sv-SE {background-position: -16px -22px}
.flag.flag-en-US {background-position: -32px -22px}
.flag.flag-ar-SA {background-position: -48px -22px}
.flag.flag-et-EE {background-position: 0 -33px}
.flag.flag-is-IS {background-position: -16px -33px}
.flag.flag-pl-PL {background-position: -32px -33px}
.flag.flag-ru-RU {background-position: -48px -33px}
.flag.flag-de-DE {background-position: 0 -44px}
.flag.flag-sk-SK {background-position: -16px -44px}
.flag.flag-pt-BR {background-position: -32px -44px}
.flag.flag-zh-CN {background-position: -48px -44px}
.flag.flag-ja-JP {background-position: 0 -55px}
.flag.flag-hu-HU {background-position: -16px -55px}

.navbar-toggle {
	padding: 5px 10px;
    margin-right: 8px;
    background: none;
    border: none;
}

.navbar-default .navbar-toggle:hover {
    background: none;
    border: none;
}

.navbar-collapse {
	max-height: auto;
}

#nav-bars  {
    width: 24px;
    height: 22px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
}

#nav-bars span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #111;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-bars span:nth-child(1) {
  top: 3px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-bars span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-bars span:nth-child(3) {
  top: 15px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-bars.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 4px;
}

#nav-bars.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-bars.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
  left: 4px;
}

.fixed, .fixed-1 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1005;
    margin-top: 0 !important;
}

.fixed-2 {
	position: fixed !important;
	top: 150px;
	left: 0;
	margin-top: 0 !important;
	right: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.250);
       -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.250);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.250);
}

.fixed .navbar, .fixed-1 .navbar{
	background: rgba(255,255,255,.95);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
		 	box-shadow: 0 0 10px rgba(0, 0, 0, .75);
}

#fixed-cta {
    position: fixed;
    left: 50%;
    margin-top: 3px;
    display: none;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /* height: 500px; */
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  z-index: 1000;
}

/*.carousel:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: -webkit-linear-gradient(top, rgba(23,23,23,0) 0%, #171717 100%);
	background-image: linear-gradient(to bottom, rgba(23,23,23,0) 0%, #171717 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00171717', endColorstr='#FF171717', GradientType=0);
}*/

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
    text-shadow: rgba(0, 0, 0, 0.7) -1px -1px 4px;
    bottom: 0;
    max-width: 100%;
    margin: 0 auto;
    left: 10px;
    right: 10px;
}

.carousel-caption .btn-lg {
    margin: 5px 0;
    padding: .5em 1.5em;
}

.carousel-caption .btn, #fixed-cta .btn {
	min-width: 150px;
	padding-top: 9px;
	padding-bottom: 9px;
    font-size: 18px;
}

.caption-image {
	max-height: 150px;
}

.caption-image img {
	height: 100%;
    width: auto;
    margin: 0 auto;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  /* height: 500px; */
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  /* height: 500px; */
}

.carouselStretchItem {
	height: 500px;
	min-width: 100px;
}

.carouselStretchItem video, .banner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.breadcrumbs ul {
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0;
        -webkit-padding-start: 0;
}

.container .breadcrumbs ul {
	margin-left: -15px;
}

#cover-cta .btn-lg {
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
}

#cover-cta .btn {
    margin-bottom: 5px;
}

#cover-cta .btn-lg:last-child {
	margin-right: 0;
    //min-width: 250px;
}

.cta-row {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    background-color: #f5f5f5;
}

.cta-bar-below-cover {
    text-align: center;
}

.cta-bar-below-cover .fa {
	width: 24px;
}


/* CTA-area --- Progress
-------------------------------------------------- */
@media (max-width: 767px) {
	/* Adjusting for mobile */

	
	.addthis_toolbox {
		text-align: center;
	}

    	/* Breadcrumbs */
	
	.breadcrumbs {
		display: none;
	}
	
	.breadcrumbs.open {
		display: block;
	}
	
	.dropdown-menu-breadcrumbs {
		display: block;
	}
	
	.breadcrumbs ul {
	  list-style: none;
	}
	
	.crums:before, .crums:after {
	  content: ' ';
	  display: table;
	}
	.crums:after {
	  clear: both;
	}
	
	.inner {
	  /* max-width: 1000px; */
	  /* width: 1000px; */
	  /* position: absolute; */
	  /* margin-left: 200px; */
	}
	
	.breadcrumbs {
	  /* border-top: 1px solid #ddd; */
	  /* border-bottom: 1px solid #ddd; */
	  /* background-color: #f5f5f5; */
	  position: fixed;
	  top: 50px;
	  width: 100%;
}
	
	.breadcrumbs ul {
	  /* border-left: 1px solid #ddd; */
	  /* border-right: 1px solid #ddd; */
	  margin-bottom: 0;
	  margin-left: 0;
	  -webkit-padding-start: 0;
	
	  background: #f8f8f8;
}
	
	.breadcrumbs li {
	  float: left;
	  /* width: 20%; */
	
	  width: 100%;
	  /* text-align: left; */
}
	
	.breadcrumbs a {
	  position: relative;
	  display: block;
	  padding: 13px 20px;
	  padding-right: 0 !important; /* important overrides media queries */
	  font-size: 13px;
	  font-weight: 300;
	  text-align: left;
	  color: #aaa;
	  cursor: pointer;
	  white-space: nowrap;
	}
	
	.breadcrumbs a:hover {
	  text-decoration: none;
	  background: #eee;
	}
	
	.breadcrumbs a.active {
	  color: #777;
	  background-color: #f5f5f5;
	  padding-bottom: 12px;
	  border-bottom: 1px solid #ddd;
	}
	
	.breadcrumbs a span:first-child {
	  display: inline-block;
	  width: 25px;
	  height: 25px;
	  padding: 2px;
	  margin-right: 5px;
	  border: 1px solid #aaa;
	  border-radius: 50%;
	  background-color: #fff;
	  text-align: center;
	  float: right;
	  margin-top: -3px;
}
	
	.breadcrumbs a.active span:first-child {
	  color: #fff;
	  border-color: #777;
	  background-color: #777;
	}
	
	.breadcrumbs a:before {
	  margin-left: 1px;
	  border-left-color: #d5d5d5;
	}
	
	.breadcrumbs a:after {
	  border-left-color: #f5f5f5;
	}
	
	.breadcrumbs a:hover:after {
	  border-left-color: #eee;
	}
	
	.breadcrumbs a.active:after {
	  border-left-color: #fafafa;
	}
	
	.breadcrumbs li:last-child a {
		padding-right: 0px !important;
	}
	
	.breadcrumbs li:last-child a:before,
	.breadcrumbs li:last-child a:after {
	  display: none;
	}
}

/* Labels
----------------------------------------------------*/

.collection-stats {
    text-align: center;
}

.label {
    display: inline-block;
}

.label-facebook {
    background: #3b5998;
    color: #fff;
}

.label-twitter {
    background: #33ccff;
    color: #fff;
}

.label-pinterest {
    background: #c92228;
    color: #fff;
}

.label-linkedin {
    background: #4875b4;
    color: #fff;
}

.label-custom {
    background: #777;
    color: #fff;
    margin-right: 5px;
}

.collection-count .col-xs-12 {
    padding: 5px 0;
    border-bottom: 1px solid #eaeaea;
}

.collection-count .col-xs-12:hover {
    background: rgba(0,0,0,.03);
}

.collection-count .right-half {
    text-align: center;
}


/* Buttons
-------------------------------------------------- */

.buttons>.btn>input[type=radio],
.buttons>.btn>input[type=checkbox] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}

.btn-wrapper {
    float: left;
}

.btn {
    border-bottom: 2px solid rgba(0, 0, 0, .5);
}

.btn:active {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.btn.btn-link {
	border-bottom: none;
}

.btn-toolbar {
    margin: 5px 0;
}

.btn-navbar-fixed {
    margin-top: 7px;
}

.animate-hidden-out {
    display: none!important;
    visibility: hidden!important;
    opacity:0;
    transition-delay: 0s;
}

.animate-hidden-in {
    display: block!important;
    visibility: visible!important;
    opacity: 1;
    -webkit-transition: visibility 0s linear, opacity .3s linear;
    -moz-transition: visibility 0s linear, opacity .3s linear;
    -ms-transition: visibility 0s linear, opacity .3s linear;
    -o-transition: visibility 0s linear, opacity .3s linear;
    transition: visibility 0s linear, opacity .3s linear;
}

.disabled-fake {
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.amountsContainer {
    margin-top: -5px;
}

.amountsContainer .btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-file {
    position: relative;
    overflow: hidden;
    margin: 5px 0;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.anchor-block {
    display: block;
}

.anchor-block:hover {
    text-decoration: none;
}

.btn-wrapper .btn {
    margin: 5px 0;
}


/* */

.share-box h3, .share-box ul {
	margin-bottom: 30px;
}

.share-box h3, .share-box #col-box-cta {
	text-align: center;
}

/* Buttons-login-social 
    --------------------------------------------*/
.btn-social {
    position:relative;
    padding-left:44px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.btn-social :first-child {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:32px;
    line-height:34px;
    font-size:1.6em;
    text-align:center;
    border-right:1px solid rgba(0,0,0,0.2);
}
.btn-social.btn-lg { padding-left:61px !important }
.btn-social.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.25em;
}
.btn-social.btn-sm { padding-left:38px }
.btn-social.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}
.btn-social.btn-xs { padding-left:30px }
.btn-social.btn-xs :first-child{ 
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon {
    position:relative;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    height:34px;
    width:34px;
    padding:0;
}

.btn-social-icon :first-child {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    line-height:34px;
    font-size:1.6em;
    border-right:1px solid rgba(0,0,0,0.2);
    border:none;
    text-align:center;
    width:100%!important;
}

.btn-social-icon.btn-lg {
    height:45px;
    width:45px !important;
    padding-left:0;
    padding-right:0;
}

.btn-social-icon.btn-lg :first-child {
    line-height:45px;
    width:45px;
    font-size:1.25em;
}

.btn-social-icon.btn-sm {
    height:30px;
    width:30px;
    padding-left:0;
    padding-right:0;
}

.btn-social-icon.btn-sm :first-child {
    line-height:28px;
    width:28px;
    font-size:1.4em;
}

.btn-social-icon.btn-xs {
    height:22px;
    width:22px;
    padding-left:0;
    padding-right:0;
}

.btn-social-icon.btn-xs :first-child {
    line-height:20px;
    width:20px;
    font-size:1.2em;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #30487b;
    border-color: rgba(0,0,0,0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-image: none;
}
.btn-facebook.disabled,
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}
.btn-facebook .badge {
    color: #3b5998;
    background-color: #fff;
}

.btn-twitter {
    color:#fff;
    background-color:#55acee;
    border-color:rgba(0,0,0,0.2);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    color:#fff;
    background-color:#309aea;
    border-color:rgba(0,0,0,0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-image:none;
}

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
background-color:#55acee;
border-color:rgba(0,0,0,0.2);
}

.btn-twitter .badge {
color:#55acee;
background-color:#fff;
}


.btn-whatsapp {
    color:#fff;
    background-color:#25d366;
    border-color:rgba(0,0,0,0.2);
}

.btn-whatsapp:hover, 
.btn-whatsapp:active, 
.btn-whatsapp:focus, 
.btn-whatsapp:visited {
    color:#fff;
    background-color:#22bf5d;
    border-color:rgba(0,0,0,0.2);
}


.btn-google-plus {
color:#fff;
background-color:#dd4b39;
border-color:rgba(0,0,0,0.2);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
color:#fff;
background-color:#ca3523;
border-color:rgba(0,0,0,0.2);
}

.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
background-image:none;
}

.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
background-color:#dd4b39;
border-color:rgba(0,0,0,0.2);
}

.btn-google-plus .badge {
color:#dd4b39;
background-color:#fff;
}

.btn-linkedin {
color:#fff;
background-color:#007bb6;
border-color:rgba(0,0,0,0.2);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.linkedin {
color:#fff;
background-color:#005076;
border-color:rgba(0,0,0,0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-google-plus {
background-image:none;
}

.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
background-color:#3A96C2;
border-color:rgba(0,0,0,0.2);
}

.btn-linkedin .badge {
color:#007bb6;
background-color:#fff;
}

/* Collection page - user-profile */
.img-wrap {
	position: relative;
	float: left;
	display: inline-block;
    background: #fff;
	vertical-align: bottom;
	overflow: hidden;
	border: 4px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* CONTENT
-------------------------------------------------- */
.logged-in-actions {
    margin-top: 20px;
}
.logged-in-actions .btn {
    margin-bottom: 5px;
}
.donated-amount {
	font-weight: 700;
    padding: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	text-align: center;
}
.currency-symbol {
	font-weight: 400;
    display: block;
}
.media-object, .flexslider .slides .media-object {
    width: 48px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.dropdown-menu {
    /* min-width: 200px; */
 
}
.wrapper-content {
	margin-top: 20px;
	background: #fafafa;
	position: relative;
	z-index: 1001;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.presentation-wrapper {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
}

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

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

.presentation-wrapper .video-wrapper{
	margin-bottom: 20px;
}

#presentation {
    white-space: pre-wrap;
}

.collection-info {
    margin-bottom: 20px;
}

.collection-stats-box {
    background: #fff;
    margin-bottom: 10px;
    padding: 20px 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
}

.stats-details {
    display: block;
    padding: 0 5px;
}

.progress-bar-unit {
    font-size: 12px;
    font-weight: 400;
}

.collection-stats-box .progress {
    margin-bottom: 0;
    height: 40px;
}

.collection-cta-box {
    text-align: center;
}

.collection-box-details {
    display: inline-block;
}

.fa-calendar {
    font-size: 50px;
    display: inline-block;
    margin-right: 10px;
}



/*.collection-info*/

.full-width {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 20px; /* to be removed */
}

.well,
.well.stats-box {
	border: 0 !important;
	/* min-height: 63px; */
    padding: 20px 40px;
	background: #fff;
	box-shadow: none;
	border-radius: 3px;
	position: relative;
	max-height: 100000px;
	border-bottom: 2px solid #ccc !important;
	transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-webkit-transition: max-height 0.5s ease;
}

#preview { margin-bottom: 20px; }

/* readMore plugin */

.read-more {
    /*visibility: hidden;*/
	position: relative;
	padding-bottom: 15px;
}
.read-more .read-more-more {
	display: none;
	position: absolute;
	width: 100%;
    padding: 20px 10px 10px 10px;
	height: 40px;
	line-height: 20px;
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	font-family: 'FontAwesome', sans-serif;
	text-align: center;
	left: 0;
	bottom: 0;
	text-decoration: none;
}

.btn-read-more {
	display: none;
	height: 40px;
	position:relative;
	margin-top: -40px;
	padding: 10px;
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	font-family: 'FontAwesome', sans-serif;
	text-align: center;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: 1px solid #ddd;
	border-top: none;
	text-decoration: none;
}
.btn-read-more:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: 1px solid #ddd;
	border-top: none;
}

.read-more.read-more-folded {
	/*max-height: 100px;*/ /* added via JS because it needs to be dynamic */
	overflow: hidden;
}
.read-more.read-more-folded .read-more-more,
.read-more.read-more-folded + .btn-read-more {
	display: block;
}
.read-more.read-more-folded .read-more-more:before,
.read-more.read-more-folded + .btn-read-more:before {
	content: "\f0d7";
}
.read-more.read-more-unfolded .read-more-more {
	display: block;
    
	/* width: auto; */
	height: 20px;
	line-height: 20px;
    
	padding: 0 10px 10px 10px;
	background: #fff;
	background-image: #fff;
}

.read-more.read-more-unfolded + .btn-read-more  {
	display: block;
    width: auto;
	height: 30px;
	line-height: 20px;
    padding: 0 0 0 10px;
	background: #fff;
	background-image: #fff;
}

.read-more.read-more-unfolded .read-more-more:before,
.read-more.read-more-unfolded + .btn-read-more:before {
	content: "\f0d8";
}

/* Donation wall
-------------------------------------------------- */

.media-wrapper {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
	background: #fff;
	padding: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
	border-radius: 4px;
	margin: 15px 0;
    color: #333;
}

.media-wrapper.active {
    position: relative;
    z-index: 1099;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.350);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.350);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.350);
}

.media-left, .media>.pull-left {
    margin-right: 10px;
}

.donation-messages {
    //height: 120px;
	-webkit-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.250);
	   -moz-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.250);
			box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.250);
}

/* Search Functionality
------------------------------------------------------ */
a.btn-search-mobile-menu {
    padding: 5px 10px;
    margin-top: 8px;
    margin-right: 2px;
    color: #000;
    font-size: 18px;
}

.search-page .row {
 padding-bottom: 20px;
}

.search-page .list-group-item-heading {
    margin-bottom: 0;
}

.img-circle-wrapper {
    width: 56px;
    height: 56px;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}

.list-group-wrapper {
    margin-left: 64px;
    font-size: 14px;
    line-height: 18px;
}

/* Off Canvas - widget
------------------------------------------------------ */
#off-canvas-wrapper-right {
	position: fixed;
	padding: 0;
	top: 40%;
	z-index: 20000;
	right: -9999px;
	visibility: hidden;
}

#off-canvas-wrapper-right .container-fluid, #off-canvas-wrapper-right .container {
	max-width: 220px;
}

#off-canvas-right {
	padding: 10px;
	background: #efefef;
	margin-left: 40px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.250);
}

#btn-off-canvas-right {
	float: left;
    width: 44px;
	height: 44px;
	padding: 10px;
	border: none !important;
    font-size: 22px;
	line-height: 22px;
    background: #efefef;
}


/* Forms
----------------------------------------------------- */

#amountsOptionsContainer {
    margin-bottom: 10px;
}

form .col-md-6:first-child {
	padding-left: 0;
}

form .col-md-6:nth-child(2n+4) {
	padding-left: 0;
}

.form-group{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.form-group button,
.form-group a {
	margin-bottom: 10px;
}

.form-group button:last-child,
.form-group a:last-child {
	margin-bottom: 0;
}

.form-group.col-md-4:first-child  {
    padding-left: 0;
}
.form-group.col-md-6,
.form-group.col-md-4{
    padding-right: 0;
}

.original-amount {
    display: block;
}

.amount-and-currency {
    font-size: 20px;
    font-weight: bold;
}

.exchanged-amount {
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 3px;
    color: #999;
}

.form-group.required:before {
	display: block !important;
	position: absolute;
	right: 25px;
	margin-top: 36px;
	font-family: FontAwesome, sans-serif;
	font-size: 12px;
	color: #f00;
	content: "\f069";
    z-index: 123;
}

div[id*="OptIn"].form-group.required:before {
  display: none !important;
}

.required select.form-control {
   background: transparent;
   width: 100%;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
   background: url(res/ic_arrow_drop_down.png) 96% 35% / 5% no-repeat;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

@media (max-width: 768px) {
	form .col-md-6 {
		padding-left: 0;
	}
}

.textarea-xs textarea {
	height: 34px;
}

.textarea-sm textarea {
	height: 92px;
}

.textarea-md textarea {
	height: 170px;
}

.textarea-lg textarea {
	height: 340px;
}

.bank-transfer-form .row {
	border-bottom: 1px solid #eee;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bank-transfer-form h3 {
    margin-top: 20px;
}

.qr-code-image {
    max-width: 150px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
  border-color: #ccc;
}

/* Cards design March 2014 | Oct 2017
------------------------- */
.raised-amount {
    display: inline-block;
}

.alt-unit-wrapper {
	position:relative;
	margin-top: 20px;
}

.alt-unit-wrapper .img-responsive {
	position: relative;
	z-index: 109;
	margin: 0 auto;
}

#raisedAmountInAlternativeUnits-wrapper {
    text-align: center;
}

.raisedAmountInAlternativeUnitsClass {
    font-weight: 700;
    position: absolute;
    width: 100%;
    margin-top: 40%;
    margin-left: 40%;
    transform: translate(-50%, -50%);
}

#raisedAmountInAlternativeUnits {
    font-size: 40px;
}

.thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
    margin-bottom: 30px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* Fixed height cards */
/*.thumbnail {
	height: 320px;
	position: relative;
}

.thumbnail .img-rounded-top {
	height: 180px;
}

.stats {
	position: absolute;
	bottom: 0;
}*/
/*========END FIXED HEIGHT=======*/

.thumbnail .img-rounded {
	margin-right: 10px;
	margin-bottom: 10px;
}

.thumbnail h3, .thumbnail h4, .thumbnail h5 {
	margin-top: 0;
	-ms-word-break: keep-all;
	word-break: keep-all;

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

	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	    -ms-hyphens: manual;
		    hyphens: manual;
}

.thumbnail h4 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 20px;
}

.thumbnail a {
	display: block;
    height: 100%;
}

/*
.img-rounded-top {
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
}
*/

.thumbnail .caption {
	padding: 10px;
}

.thumbnail .caption p {
	overflow: hidden;
}

.campaign h1, .campaign h2, .campaign h3, .campaign h4{
	word-break: normal;
}

.campaign-thumbnail {
	position: relative;
	padding-bottom: 40px;
    background: transparent;
}

.thumbnail .user-details {
    display: inline-block;
    font-size: 12px;
    color: rgba(0,0,0,.5);
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 13px;
}

.thumbnail .user-details .fa-user {
	margin-right: 3px;
	font-size: 13px;
}

.cmpStretchItem {
    height: 200px;
}

.campaign-thumbnail .caption {
	padding: 10px;
	position: absolute;
	background-color: #fff;
	bottom: 0;
	width: 100%;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.thumbnail-footer {
	padding: 5px 10px;
	border-top: 1px solid #ddd;
	background: rgba(0, 0, 0, .05);
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	   		border-radius: 0 0 4px 4px;
    color: #5a5a5a;
}

.user-details {
	position: relative;
	margin-top: -42px;
}

.profile-name {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    height: 32px;
	font-size: 16px;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.7) -1px -1px 4px;
	padding: 5px 0;
	margin-left: -10px;
	margin-right: -10px;
	background-image: -webkit-linear-gradient(top, rgba(23,23,23,0) 0%, #171717 100%);
	background-image: linear-gradient(to bottom, rgba(23,23,23,0) 0%, #171717 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00171717', endColorstr='#FF171717', GradientType=0);
	text-indent: 10px;
}

.stats{
	color: #5a5a5a;
}

.stats p{
	display:  inline-block;
	margin: 0;
    font-size: 12px;
}

.stats .col-xs-12{
	border-top: 1px solid #eee;
	padding: 5px 0;
	text-indent: 5px;
}

.stats .col-xs-12:last-child{
	border-bottom: none;
}

.counter-buttons .col-xs-4 h4 {
	text-align: center;
    margin-top: 3px;
}

.campaign-name-title {
    display: table;
}

.campaign-name-tile .tile-icon {
    display: table-cell;
    padding-left: 5px;
}

.campaign-name-tile .tile-content {
    display: table-cell;
    text-indent: 0;
    padding-left: 10px;
}

.tile-content {
    margin-left: 20px;
	margin-top: -20px;
	line-height: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h5, h6 {
    font-weight: 700;
}

.item-description {
	padding: 10px;
    height: 60px; /* temporary solution to have the boxes same height */
    overflow: hidden;
}

.item-calculation {
    padding: 0 5px 5px;
}

.items-list .thumbnail-image {
    width: 20%;
    float: left;
}

.items-list .caption {
    margin-left: 20%;
}

.items-list .item-calculation {
    margin-top: 10px;
}

.media-body {
	font-size: 12px;
    word-break: normal;
	word-wrap: break-word;
}

.media-body .media>.pull-left {
	padding-right: 0;
}
/* FlexSlider */
.flexslider-items {
	float: left;
}

.flexslider .thumbnail {
	margin-bottom: 3px;
}

/* Progress bar
-------------------------------------------------- */

.progress {
	position: relative;
	border: none;
	margin-bottom: 10px;
}

.progress-triangle-overlay {
	width: 100%;
	height: 20px;
	position: absolute;
	-webkit-border-radius: 0 0 0 0;
	   -moz-border-radius: 0 0 0 0;
			border-radius: 0 0 0 0;
}

.thin { 
	height:4px;
	margin-bottom: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0; 
			border-radius: 0;
}

.progress-bar[aria-valuenow="0"] {
    min-width: 0;
}

/* footer
-------------------------------------------------- */

.footer {
	padding-top: 100px;
	padding-bottom: 40px;
	background: #e7e7e7;
	border-top: 1px solid #ccc;
    position: relative;
    z-index: 1000;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    margin-bottom: -1px;
}

.contact-mail {
    font-size: 90%;
}

.powered-by {
    padding: 40px 20px;
}

.powered-by .text-center {

}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {

    .img-wrap {
		width: 45%;
	}
	
	.img-wrap img {
		border-radius: 3px;
	}

    .profile-details {
        margin-left: 45% !important;
        padding: 10px 10px 10px 0;
    }
	.profile-details .col-xs-12 > span {
		display: block;
	}

    .user-profile-content {
        background: #fff;
	    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.250);
	       -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.250);
			    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.250);
    }
	
	.user-name {
		font-size: 1.5em;
		line-height: 1.2em;
		font-weight: 700;
		margin-bottom: 5px;
	}
	
	.container-fluid {
	  margin-right: auto;
	  margin-left: auto;
	  padding-left: 5px;
	  padding-right: 5px;
	}

    .xs-pull-right {
		float: right;
	}

    .container-fluid .row {
	  margin-left: 0px;
	  margin-right: 0px;
	}
	
	.carousel {
		padding-left: 0;
		padding-right: 0;
	}
	
	.carouselStretchItem {
		height: 200px;
		min-width: 100px;
	}

    .btn-social.btn-lg {
        padding-left: 50px;
        font-size: 14px;
        font-weight: normal;
    }
}

@media (min-width: 768px) {

	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right, 
	.carousel-control .icon-prev, 
	.carousel-control .icon-next {
		margin-right: -45px;
		margin-left: -45px;
	}

    .app-lvl-COL .carousel:after {
	    content: "";
	    display: block;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    background-color: rgba(40,40,40,.750);
	    height: 60px;
	    width: 100%;
    }

    .carousel-caption {
    	bottom: 50px;
    	width: 100%;
 }


    .carousel-caption > * {
		margin-bottom: 10px;
	}
    
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

  /* Navbar positioning foo */
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
    border-bottom: 1px solid #eaeaea;
  }

  /* The navbar becomes detached from the top, so we straighten :) the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

	/* BREADCRUMBS */
	
	
	.dropdown-menu-breadcrumbs {
		display: none;
	}
	
	.breadcrumbs ul {
	  list-style: none;
	}
	
	.crums:before, .crums:after {
	  content: ' ';
	  display: table;
	}
	.crums:after {
	  clear: both;
	}
	
	.inner {
	  /* max-width: 1000px; */
	  /* width: 1000px; */
	  /* position: absolute; */
	  /* margin-left: 200px; */
	}
	
	.breadcrumbs {
	  /* border-top: 1px solid #ddd; */
	  /* border-bottom: 1px solid #ddd; */
	  /* background-color: #f5f5f5; */
	  position: absolute;
	  width: 820px;
	  margin-left: 0;
	  z-index: 101;
}
	
	.breadcrumbs li {
	  float: left;
	  background: #fafafa;
	  /* width: 20%; */
	}
	
	.breadcrumbs li:last-child {
		-webkit-box-shadow: 5px 0 15px -10px rgba(0, 0, 0, 1);
		-moz-box-shadow: 5px 0 15px -10px rgba(0, 0, 0, 1);
		box-shadow: 5px 0 15px -10px rgba(0, 0, 0, 1);
 
	}
	
	.breadcrumbs a {
	  position: relative;
	  display: block;
	  padding: 13px 20px;
	  padding-right: 0 !important;
	  /* important overrides media queries */
	  font-size: 13px;
	  font-weight: 300;
	  text-align: center;
	  color: #aaa;
	  cursor: pointer;
	  white-space: nowrap;
	}
	
	.breadcrumbs a:hover {
	  text-decoration: none;
	  background: #eee;
	}
	
	.breadcrumbs a.active {
	  color: #777;
	  background-color: #fafafa;
	  padding-bottom: 12px;
	  border-bottom: 1px solid #ddd;
	}
	
	.breadcrumbs a span:first-child {
	  display: inline-block;
	  width: 25px;
	  height: 25px;
	  padding: 2px;
	  margin-right: 5px;
	  border: 1px solid #aaa;
	  border-radius: 50%;
	  background-color: #fff;
	}
	
	.breadcrumbs a.active span:first-child {
	  color: #fff;
	  border-color: #777;
	  background-color: #777;
	}
	
	.breadcrumbs a:before,
	.breadcrumbs a:after {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 100%;
	  z-index: 1;
	  display: block;
	  width: 0;
	  height: 0;
	  border-top: 26px solid transparent;
	  border-bottom: 26px solid transparent;
	  border-left: 10px solid transparent;
	}
	
	.breadcrumbs a:before {
	  margin-left: 1px;
	  border-left-color: #d5d5d5;
	}
	
	.breadcrumbs a:after {
	  border-left-color: #fafafa;
	}
	
	.breadcrumbs a:hover:after {
	  border-left-color: #eee;
	}
	
	.breadcrumbs a.active:after {
	  border-left-color: #fafafa;
	}
	
	.breadcrumbs li:last-child a {
		padding-right: 10px !important;
	}
	
	.breadcrumbs li:last-child a:before,
	.breadcrumbs li:last-child a:after {
	  display: none;
	}


	.dropdown-hover:hover .dropdown-menu,
	.dropdown-hover:hover .dropdown-menu-breadcrumbs {
		display: block;
	}

	.dropdown-toggle-ab {
		position: relative;
		float: right;
		padding: 9px 10px;
		background-image: none;
		border-radius: 4px;
	}

	.dropdown-toggle-ab + .dropdown-menu {
		background: #fff;
		border: none;
		color: #333;
		border-radius: 2px;

	}
	.dropdown-toggle-ab + .dropdown-menu li{
		background: #fff;
		margin-top: 1px;
	}

	.dropdown-toggle-ab + .dropdown-menu li a{
		padding: 10px 20px;
		/*border-left: 3px solid transparent;*/
	}
	
	.dropdown-toggle-ab + .dropdown-menu li a:hover{
		background: rgba(0, 0, 0, .1);
		/*border-left: 3px solid #333;*/
	}

	.dropdown-toggle-ab + .dropdown-menu .divider {
		background: #ddd;
	}

  .user-profile {
    position: absolute;
	width: 100%;
	
    top: 500px;
	color: #fff;
	z-index: 0;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
	z-index: 1003;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }

    .user-profile .progress {
	    margin-top: 10px;
    }

    .user-profiles .progress-bar {
	    font-size: 1.2em;
	    font-weight: 700;
    }

    .profile-details span {
	    margin-left: 20px;
    }

    .profile-details .user-name {
	    margin-left: 0;
    }

    .profile-details .glyphicon {
	    margin-right: 5px;
    }

    .user-name, .user-city, .collection-campaign {
	    font-size: 1.2em;
	    text-shadow: none;
	    float: left;
    }

    .img-wrap {
        margin-left: -10px;
        width: 200px;
        height: auto;
        position: absolute;
        bottom: 0;
        max-height: 300px;
	}
	
	.img-wrap .img-profile {
		width: 200px;
	}

    .profile-details {
        margin-left: 200px;
        padding: 10px 10px 10px 0;
        height: 40px;
        overflow: hidden;
    }

}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }

    .carousel-caption {
        bottom: 50px;
        max-width: 720px;
    }
}

@media (min-width: 1200px) {
	.container-fluid {
		max-width: 1170px;
	}
}

.animate {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome and Safari */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
}



/*___  ____  ___  ____ 
(_  _)( ___)/ __)(_  _)
  )(   )__) \__ \  )(  
 (__) (____)(___/ (__) 
*/

.payment-option {
	height: auto !important;
    min-height: 170px;
	position: relative;
	border: 1px solid #ddd;
	padding: 10px;
	overflow: hidden;
	width: 32% !important;
	margin: 0 !important;
	margin-left: 1% !important;
	margin-top: 1% !important;
}

.payment-option img {
	display: block;
	margin: 0 auto;
    width: 100%;
}

.payment-option h3{
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	position: absolute;
	margin: 0 auto;
	bottom: 10px;
}

@media (max-width:767px){
	.payment-option {
		width: 49% !important;
	}
}


.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-200px);
    };
}


.slideInRight {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp;
}

/* Stuff for main CTA-button  */

@-webkit-keyframes pop-in {
    0% { opacity: 0;-moz-transform: scale(0);-webkit-transform: scale(0); }
    50% { opacity: 1;-moz-transform: scale(1.5);-webkit-transform: scale(1.5); }
    100% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
}

@-moz-keyframes pop-in {
    0% { opacity: 0;-moz-transform: scale(0);-webkit-transform: scale(0); }
    50% { opacity: 1;-moz-transform: scale(1.5);-webkit-transform: scale(1.5); }
    100% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
}

@-ms-keyframes pop-in {
    0% { opacity: 0;-moz-transform: scale(0);-webkit-transform: scale(0); }
    50% { opacity: 1;-moz-transform: scale(1.5);-webkit-transform: scale(1.5); }
    100% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
}

@keyframes pop-in {
    0% { opacity: 0;transform: scale(0);transform: scale(0); }
    50% { opacity: 1;transform: scale(1.5);transform: scale(1.5); }
    100% { opacity: 1;transform: scale(1);transform: scale(1); }
}


#fixed-cta {
    -webkit-animation:pop-in 0.3s;
    -moz-animation:pop-in 0.3s;
    -ms-animation:pop-in 0.3s;
    animation:pop-in 0.3s;
}

/*.aidbuilder-logo-base64, .icon-logo-aidbuilder {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjEwcHgiIGhlaWdodD0iMTcwcHgiIHZpZXdCb3g9IjAgMCAyMTAgMTcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTAgMTcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNFRjQwNUIiIGQ9Ik0xOTMuMTQxLDcxLjM1NWMtMTIuMjU0LTEwLjIwMS0zMC40NTQtOC41NjItNDAuNjc0LDMuNjgyYy0yLjU5MywzLjExMi00LjQxMiw2LjU5My01LjQ5NywxMC4yMzQNCglsLTM5LjAxNi02LjIyNGMtMC4xODMtMi4zNzItMS4xNjctNC41MTUtMi43My02LjExOWwyNC43NS0zNy43NDRjNy40NzQsNC4zMjksMTcuMTQsMi4zOCwyMi4zLTQuNzU5DQoJYzUuNTEtNy42MSwzLjgxLTE4LjI1Mi0zLjgxMS0yMy43NjVjLTcuNjItNS41MDYtMTguMjQ3LTMuNzk1LTIzLjc2MiwzLjgyMWMtNS4zNiw3LjQxOS0zLjg3MiwxNy42OTgsMy4yNjcsMjMuMzE4bC0yNi4yNDYsMzYuODI4DQoJYy0xLjEwNC0wLjQyNC0yLjI5Mi0wLjY4MS0zLjU0Ny0wLjY4MWMtNC4xMDksMC03LjYyMiwyLjUxOC05LjA5OCw2LjA5M2wtNjEuNjctOS44NDFjMC4wMzUtMC42LDAuMDc1LTEuMTk4LDAuMDE2LTEuODEyDQoJYy0wLjU5Ni02LjU4OS02LjQyNS0xMS40NTctMTMuMDEyLTEwLjg1NUM3LjgxNCw1NC4xMjUsMi45NDcsNTkuOTUyLDMuNTQ2LDY2LjU0MmMwLjU4Nyw2LjU5Myw2LjQyMywxMS40NTcsMTMuMDIxLDEwLjg2NA0KCWM1LjAyMS0wLjQ1NCw5LjAxOS0zLjk1NywxMC4zODYtOC41MTFsNjEuNDY4LDExLjg2NGMwLjE5NywyLjA0MiwxLjAwNCwzLjg4NCwyLjI1OSw1LjM2OGwtMjguMjAxLDM5LjU3MQ0KCWMtOC44MDItMy45MTgtMTkuNDI3LTEuMjg1LTI1LjI5Niw2LjgyNWMtNi43MzQsOS4zMDktNC42NjgsMjIuMzE0LDQuNjU4LDI5LjA2YzkuMzE1LDYuNzM4LDIyLjMyMyw0LjY0NywyOS4wNjEtNC42NjUNCgljNi4yNC04LjYyOCw0Ljg5Ni0yMC40MTItMi43NDUtMjcuNDYybDI2LjUzOS00MC40NzFjMS4wODQsMC40MTIsMi4yNDksMC42NjYsMy40NzksMC42NjZjMy44MDcsMCw3LjA2Mi0yLjE3Miw4LjcwNi01LjMzDQoJbDM4Ljk2LDcuNTI3Yy0wLjUwNyw4LjgxOCwyLjk5NiwxNy43NTIsMTAuMzE0LDIzLjg0OGMxMi4yMTIsMTAuMjEyLDMwLjQzMiw4LjU3OSw0MC42MzMtMy42NzINCglDMjA3LjAxMiw5OS43ODYsMjA1LjM1NCw4MS41NzMsMTkzLjE0MSw3MS4zNTV6Ii8+DQo8L3N2Zz4NCg==);
}*/

.iraiser-logo-base64 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAASCAYAAACQCxruAAAGu0lEQVR42u2ZCVDUVRjANwkFkUNEHJXxwgnzPgrLK4NQQ7MwHbU8yALdPEbDAwSmkBBlRMd0ES3yJC1pRg1RUcEDXS45IrlaDhE3VNwVEBSW5et9j31///89WKypGVe/mW/2/d/xvbfv977vvf//iURCeYWoOVErol2JOpiodtOoqfwXW6IWRDuI2pBXsaJlD5cJ1gPG77Z57d1rtoPcC4gWmppaO49PVSqVxTU1NYXPuyoUitzy8vL4hISE1fb29k6EoaXGUQVi3qGTVS8b5wn77QZPbSIKpqw2AydWgwlKbW1tmUQimUt42hE14zzXzNyyJ/HYFFMHywP8wNAkFd+XgkS6CC7I9tJnfe1dJs6DVYHbQaGsadfEP37yBIa6LQD3OSv/c8jNzc2NsbGxKzRbLA3ZtuQPH3hR4BoDfDRnI6xPGAw7r83nANsPnQYTvcSc9hv7Mc2fPHs5qNUtXNui+9fgxM1wKFNk6wAeNcUbps5f/b94clNTU72vr+8UwrazyNLRZfyLEJbbC/jh4yrIvH0KlA1yDnBf11nCUFhXD2Nn+NCylIxcmnel9DBdGKgBZ0dBVZ1M0KZSfhf+uvt0Z2hsbILrmXmQeDkNym7LdcZRVFoBZ5OlIL2RR+ty46utg4rKKmhSqSD7ZjFcup4FdY8adNoXFBScJ4CdRORAtUvfJPDlUX0DLBIH0PxzSVe5fEyzunEnz9L0zj0HaH1Mj3b7hCvTFqyn3UfIVgms2RhutG7ezUJqG/vQri9Ny6JjRUF7/DGzNoYAq1tUEJcXwoVnQ4BRlq6PoGUJF6/Dndoi2HBmGAcYNTrtc0F9tIHeTxdDajYMGDdHMN/rNu3mFs8c30BB2aBJ8yA9J5+Wb5Ecpnlus1dw5WOmfaYzPpVK1dC/f39XkY2LW5ohwAgGJ7e0vIIqTtS9e9U0DxXTmIeTiuXYDicfBSceJxjFc+6XAnuofPj4jHYQMoPJ6jFleWgT+8U+2YLi10dBwMweWwBYZsyDSx5kUjinC3cIADu98RH8XiDj9OiJ89Br9EzoOmQalFbI4ft0MWy6MJmG6PBLnhxktKcP8PSFfrTtOeK9mbkFELpjP2T9UUTLcG/HPpd8tRkuXM2AmGPx0MfVC4a5L4RmtZoDjGMKjtgH/mFRsPfISb3RKDQ0dKnIdtB7MkOA2aQwsNoTxSaUTSLzHObdfPCGADN7+2PjBN7K6qFtlqfdLz+NfbNx4C/aR8DM49sTohP/jKJgZA/SBYD1KQLaFv0T3H1UQttcLj1I62NbBnhf+lK9gD9d8Q218cXaLSA58Cv1aISH0nPUTHAcPh02f3eIwkRl3ppXWMIBNgSVLzExMcHowTeMhWgW7vhhD5XlYRonky0C5j2oCE6fPX2hmC0AQyG6LcB8YX2yMhaajQHem+ZD90+VupE+t7Soaf3uI6ZDwOZoWBkYyR26LqZk0DpJshgKs7r+FmcnSrqYg4zhWxsw7sUIlx3WUPEAxrY2Q5qSnssBxkVhTCIjI9eKyJ+NMxaiMcRiHnoj2/9QMc28g+1z+MxCMgvPbXkw5qGns33+34ZozNeG395DVnDiONh2xYums+4kQOqt4zp78PZ9x1rPF1O9oVrxkB7GoqTeAjs58nMc4FP5ETqAC2W3uFcs/J3t07rn5heX0dep3mM+hMqq+5y9qntPh8sAI+y2pIWIh4fHTJGV00hvQ4DRy/h5CIB5KQqmGUDtgw1bDIYiAj+88xcIiwr/9JDFjxqsrL2AEUhQoiv8kCGGr8+/DeXKHL2HLDwQsYMO9tfU3KBzWPs2yZ3ay7h9UgAYX6vwBI7P4g0RsDE8mu6xjiNn0AVz6PgZrs9FqzbBB4vXgcMwT9i6+8gzAZbL5fnkFD0a34N7kI8c2c/ymoETpw3fFF6TzhTvomE6sVgCdY0KmodQPBf4CT8mkP1yecA2Wha286DeCb5RGU/tEF9qjWTExpI1YTR9WZpFQ3K3oe/T8SBwPI0zOf5bEv0ogp6MH1XwwFVU0roF/PjzadovO5S1EZ4DCVtnBNzJwr7fO7aveyhfvgebhqSmpsYTrmM0lxH0w3QXi+4DZ5AP8ZUvAT+/gvtucnLyL+bm5m8Rpr01N0zcNWGXDh07D7Hq++YeOxe3UtMGPMmkAOOnSfLlKsXPz28Z4TiCaE/NrZLO9WFHoo5EXcwsukyy6NZngaWD8zKiYlNSsiUtCQkJ8QkODl4WFBQkfl7V39/f18vLa5a1tfU4wmw40T6aS4ZO+q4M9V3622nieHcTVAcT+Q/2mgt/Kw1YMz7cvwHhAxSlTWUEkgAAAABJRU5ErkJggg==);
    display: block !important;
    min-width: 100px !important;
    min-height: 15px !important;
    width: 120px;
    height: 18px;
    float:left;
}

.icon-logo-iraiser {
    display: inline-block;
    vertical-align: text-bottom;
}

/* Frosted Image */


/* Sharing page */
.challenge-body-text ul, ul.challenges-list {
	list-style: none;
	-webkit-padding-start: 20px;
    max-width: 80%;
    margin: 0 auto;
}

.challenge-body-text ul .fa, .challenges-list .fa {
    font-size: 28px;
}

.challenge-body-text ul li, .challenges-list li {
    margin-bottom: 10px;
}

.challenge-action:before {
	content: "\f0a4";
}

.challenge-head2head:before {
  content: "\f11e";
}

.challenge-endurance:before {
  content: "\f206";
}

.challenge-dare:before {
  content: "\f0a1";
}

.sharing-tips {
	margin: 20px 0;
	box-shadow: 0px 1px 5px rgba(191,191,0,1);
    padding: 15px;
    background: rgba(255,255,0,.5);
}

.sharing-tips .fa {
	font-size: 40px;
    float: left;
}

.sharing-tips p {
	margin-left: 40px;
}

#share-area {
    max-width: 270px;
    margin: 20px auto;
}

/* *** Collector Message Box *** */
.collector-message-box-row {
    background-color: black;
    padding: 15px 0;
    color: #fff;
}

.collector-message-box-row h2 {
    color: #fff;
}

.collector-message-box-row  h3 {
    margin-bottom: 0;
}

.just-created-content .fa {
    width: 24px;
    text-align: center;
}

.just-created-content .clickable-area {
    padding: 10px 0;
}

.just-created-content .clickable-area:hover {
    text-decoration: none;
    background-color: grey;
    cursor: pointer;
}

.open-close-btn {
    cursor: pointer;
}

.short-link {
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.short-link .fa {
    width: 36px;
}

.short-link h2 {
    margin-bottom: 0;
}

/*========================================
    Invoice page
    Letter page
==========================================*/

page[size="A4"] {
  background: white;
  max-width: 21cm;
  min-height: 25.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 50px rgba(0,0,0,0.2);
  position: relative;
  page-break-after: always;
}

.invoice.container {
    width: 100%;
    padding: 0;
}

.invoice .row {
    padding: 10px 30px;
}

.invoice table tr td.left, .invoice table tr th.left {
    text-align: left;
}

.invoice table tr td.center, .invoice table tr th.center {
    text-align: center;
}

.invoice table tr td.right, .invoice table tr th.right {
    text-align: right;
}

.invoice img {
    margin-right: 10px;
    margin-bottom: 20px;
}

.invoice h4 {
    margin-bottom: 0;
}

.invoice .owner-details p, .invoice .panel p {
    margin-bottom: 0;
}

.row.page-header {
    padding: 40px 0 20px;
    border-bottom: 1px solid #eee;
    background: #efefef;
    margin: 0 0 40px 0!important;
}

.row.page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 0 30px 0;
    margin: 20px 0 0 !important;
    border-top: 1px solid #eee;
    background: #efefef;
}

.page-footer address span {
	display: block;
}

@media print {
    @page {
		size: 210mm 297mm;
		margin: 0mm 5mm 0mm 5mm;
	}
	img {
   		max-width: 50% !important;
	}
	a[href^=http]:after {
	   content: "";
	}
	.panel h2 {
		font-size: 20px;
		margin: 0;
	}
	.col-sm-4 {
    	width: 33.33333333%;
    	float: left;
	}

	.col-sm-6 {
    	width: 50%;
    	float: left;
	}
}

.transaction-date {
    font-size: 10px;
    opacity: .25;
}

.SoFu-Profile-LoginOrCreate .login-wrapper .col-xs-12 {
	padding: 0;
}

.input-group-btn {
    z-index: 124;
}

/*
 * Plugins 
*/

/*
    Collection List Plugin
*/
/* CSS used here will be applied after bootstrap.css */
/* Add class .qeual-height to the parent .row */

/* Maybe remove the media query so that the changes take effect on all screen sizes */


.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

    .row.equal-height > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .row.equal-height.row:after,
    .row.equal-height.row:before {
        display: flex;
    }

    .row.equal-height > [class*='col-'] > .thumbnail,
    .row.equal-height > [class*='col-'] > .thumbnail > .caption {
        display: flex;
        flex: 1 0 auto;
        flex-direction: column;
    }

        .row.equal-height > [class*='col-'] > .thumbnail > .caption > .flex-text {
            flex-grow: 1;
        }

        .row.equal-height > [class*='col-'] > .thumbnail a > img {
            width: 100%;
            /*height: 200px;*/ /* force image's height */
            /* force image fit inside it's "box" */
            -webkit-object-fit: cover;
            -moz-object-fit: cover;
            -ms-object-fit: cover;
            -o-object-fit: cover;
            object-fit: cover;
        }

.plgn-collector-image{
    height: 64px;
}


.donation-feed-2, .donation-feed-4 {
    max-width: 600px;
    background: whitesmoke;
    border-radius: 10px;
    padding: 0 15px;
    border: 1px solid #eee;
}

    .donation-feed-2 .row {
        margin: 0;
    }

#plgn-slides, #plgn-collectionlist-wrapper {
    position: relative;
    height: 140px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.plgn-slides-wrapper {
    position: absolute;
    top: 15px;
    height: 100%;
}

.row-left {
    width: 50%;
}

.row-right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
}

.plgn-slides-wrapper {
}

.plgn-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

    .plgn-slide .media-wrapper {
        margin: 0;
    }

.showing {
    opacity: 1;
    z-index: 2;
    animation: slideInDownDF 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.not-showing {
    animation: slideOutDownDF 1s cubic-bezier(0.165, 0.84, 0.44, 1), display-none-transition 1s;
}

@-webkit-keyframes slideInDownDF {
    from {
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDownDF {
    from {
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

@-webkit-keyframes slideOutDownDF {
    from {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0);
    }
}

@keyframes slideOutDownDF {
    from {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0);
    }
}

@-webkit-keyframes display-none-transition {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes display-none-transition {
    0% {
        opacity: 0;
    }
}

@keyframes slideInDown {
    from {
        max-height: 0;
        opacity: 0;
    }

    to {
        max-height: 350px;
        opacity: 1;
    }
}

/* donFeed 2*/
.plgn-banner-wrapper {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.plgn-banner-wrapper img {
    height: 220px;
}
.donation-feed-4 .thumbnail {
    background: transparent;
    position: relative;
}

.donation-feed-4 .plgn-stats {
    background: #fff;
    margin-bottom: 20px;
}

.donation-feed-4 .plgn-brand {
    padding: 0px 0 10px 0;
}

.plgn-slides-wrapper4 {
    margin-bottom: 15px;
}

.donation-feed-4 .caption {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.donation-feed-4 .btn-huge {
    padding: 15px 30px;
    display: inline-block;
    font-size: 20px;
    margin: 10px 0 20px;
}

.donation-feed-4 .col-xs-12 {
    border: none;
}

.has-goal-false {
    display: none;
}

.plgn-fading-box {
    position: fixed;
    bottom: 0;
    height: 100px;
    width: 100%;
    background: linear-gradient(180deg, transparent 0%, #fff 85%);
}