#content {
    background-color: #1E4252;
}

#description-page-grant {
    color: #FFFFFF;
    background-color: #1E4252;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0;
}

#description-page-grant h1 {
    font-family: "gotham-ligth";
    font-size: 60px;
    color: #A5B3B9;
    margin-bottom: 20px;
}

#description-page-grant h3 {
    font-family: "gotham-bold";
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
    color: #FFFFFF;
}

#description-page-grant p {
    font-family: "gotham-ligth";
    margin: 0;
    line-height: 28px;
    font-size: 16px;
}

#description-page-grant p:last-child {
    margin-top: 20px;
}

#description-page-grant p a,
#description-page-grant p a:hover,
#description-page-grant p a:visited,
#description-page-grant p a:active {
    text-decoration: none;
    color: #7AC7DB;
}

#action-grant {
    border-top: thin solid #41616C;
    border-bottom: thin solid #41616C;
}

#action-grant div {
    min-height: 30px;
}

.col-action-grant {
    padding: 0;
}

.col-action-grant:not(:last-child) {
    border-right: thin solid #41616C;
}

.col-action-grant .form-control {
    font-family: "gotham-book";
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #102D3B;
    height: 30px;
    color: #CCCCCC;
}

.country-box,
.blogger-box {
    padding: 0;
}
.country-box,
.blogger-box:not(:last-child) {
	border-right: thin solid #41616C;
}

.country-box .thumbnail {
    padding: 0;
    background-color: #0f2D3A;
}

.country-box .thumbnail .caption h4 {
    margin: 0;
    padding-top: 21px;
    padding-left: 21px;
    padding-bottom: 30px;
}
.country-box .thumbnail .caption h4 a {
    font-family: "gotham-bold";
    font-size: 26px;
    color: #CCCCCC;
}
.country-box .thumbnail .caption h4 a:hover {
	text-decoration: none;
}

.blogger-box .thumbnail {
    padding: 0;
    background-color: #1C495A;
    /* min-height: 500px; */
}

.blogger-box:nth-child(2) .thumbnail { background-color: #1C495A; }
.blogger-box:nth-child(3) .thumbnail { background-color: #1A576B; }
.blogger-box:nth-child(4) .thumbnail { background-color: #16667E; }

.blogger-box .thumbnail img {
    width: 100%;
}

.blogger-box .thumbnail .caption {
    padding: 0;
    padding-left: 30px;
    background: none;
}

.blogger-box .thumbnail .title-blog {
    margin: 0;
    margin-top: 8px;
}

.blogger-box .thumbnail .title-blog a,
.blogger-box .thumbnail .title-blog a:hover,
.blogger-box .thumbnail .title-blog a:focus {
    font-family: "gotham-book";
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    color: #FFFFFF;
}

.blogger-box .thumbnail .editor-blog {
    margin: 0;
    margin-top: 30px;
}

.blogger-box .thumbnail .editor-blog a,
.blogger-box .thumbnail .editor-blog a:hover
.blogger-box .thumbnail .editor-blog a:focus {
    font-family: "gotham-bold";
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
}

.blogger-box-followers {
    font-family: "gotham-book";
    font-size: 14px;
    color: #CCCCCC;
    margin-bottom: 0;
}

#btn-follow-order {
    font-family: "gotham-book";
    font-size: 14px;
    color: #CCCCCC;
    height: 30px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #1E4252;
    text-align: left;
    box-shadow: none;
    text-shadow: none;
}

#btn-follow-order:hover {
    border: none;
}

.item {
    float: left;
    width: 100%;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}

a.about-blogger-grant,
a.about-blogger-grant:hover,
a.about-blogger-grant:focus {
    font-family: "gotham-book";
    text-decoration: none;
    display: block;
    font-size: 14px;
    color: #7AC7DB;
    margin-top: 8px;
    margin-bottom: 30px;

}

.country-box .thumbnail,
.blogger-box .thumbnail {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.country-box .thumbnail .thumb {
	background-position: center;
	background-size: cover;
	height: 282px;
	width: 100%;
}

.country-box .thumbnail .thumb a {
	display: block;
	height: 100%;
	width: 100%;
}

.blogger-box-info {
    font-family: "gotham-book";
    background-color: rgba(41, 131, 154, .76);
    display: none;
    margin-bottom: 0;
    position: absolute;
    z-index : 9999;
    text-align: justify;
    color: #FFFFFF;
}

.blogger-box-info p {
    margin: 0;
}

.blogger-box-info p:first-child {
    padding: 2em;
}

.blogger-box-info p a,
.blogger-box-info p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.blogger-box-info-closed {
    position: absolute;
    bottom: 0;
    padding: 1em 0 1em 0;
}
.blogger-box-info-closed i:hover {
	cursor: pointer;
}

.mix a:visited {
    text-decoration: none;
    color: #7AC7DB;
}

#sort-container .row:last-child {
	border-bottom: thin solid #41616C; 
}

#banner-grant {
	text-align: center;
}
#banner-grant .banner-grant-background {
	height:80px;
	width: 100%;
}
#banner-grant .banner-grant-background:nth-of-type(1) {
	background: #156d91;
}
#banner-grant .banner-grant-background:nth-of-type(2) {
	background: #1e4251;
}
#banner-grant #banner-grant-content {
	margin-top: -145px;
	width: auto;
}
#banner-grant #banner-grant-content .media-object {
	float: right;
	margin: 0 0 0 20px;
}
#banner-grant #banner-grant-text {
	float: right;
	margin-top: 32px;
	text-align: right;
}
#banner-grant img {
	margin: 15px auto;
}
#banner-grant span.title {
	color: #fff;
    font-family: 'sole_serif_textregular';
    font-size: 24px;
}
#banner-grant span.subtitle {
	color: #c4a836;
    font-family: 'sole_serif_textregular';
    font-size: 25px;
    font-weight: bold;
}

@media screen and (max-width:1024px){
    #banner-grant span.title {
      color: #fff;
      font-family: 'sole_serif_textregular';
      font-size: 24px;
      line-height: 34px;
    }

    #banner-grant span.subtitle {
      color: #c4a836;
      font-family: 'sole_serif_textregular';
      font-size: 24px;
      font-weight: bold;
      line-height: 34px;
    }
}

@media screen and (max-width:990px){
    .country-box .thumbnail{
	   background-color: #1E4252;
    }

    .mix .grant:nth-child(2) .thumbnail { background-color: #1C4A5A; }
    .mix .grant:nth-child(3) .thumbnail { background-color: #1A576A; }
    .mix .grant:nth-child(4) .thumbnail { background-color: #16667F; }

    #banner-grant span.title {
      color: #fff;
      font-family: 'sole_serif_textregular';
      font-size: 22px;
      line-height: 34px;
    }

    #banner-grant span.subtitle {
      color: #c4a836;
      font-family: 'sole_serif_textregular';
      font-size: 22px;
      font-weight: bold;
      line-height: 34px;
    }
}
@media screen and (max-width: 768px){
    .country-box .thumbnail .caption h4 a, .country-box .thumbnail .caption h4 a:visited{
     font-weight: bold;
     color: #FFF !important;
    }

    .country-box .caption{
    padding: 10px;
    color: #FFF !important;
    margin-top: -108px;
    background-color: rgba(0,0,0,0.3) !important;
    }
}
@media screen and (max-width: 700px){
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 450px){
	#description-page-grant p:nth-of-type(1) {
		font-size: 11px !important;
	}
	#banner-grant .banner-grant-background {
		height: 120px;
	}
	#banner-grant #banner-grant-content {
		margin-top: -220px;
	}
	#banner-grant #banner-grant-content .media-object {
		float: none;
		margin: 0 auto;
		max-width: 50px;
	}
	#banner-grant #banner-grant-text {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 220px;
	}
    #banner-grant span.title {
      font-size: 12px;
      line-height: inherit;
    }
    #banner-grant span.subtitle {
      display: block;
      font-size: 14px !important;
      line-height: inherit;
      margin-top: 10px;
    }
    footer#footer {
    	margin-top: -40px;
    }
}