@charset "utf-8";

/* -- This document includes my recommended structure
================================================== */
body { 
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	background-color:#ebebeb;
	height:100%;
	min-height:100%;
	color:#2f2f2f;
	font-weight:300;
}
@media (max-width:767px) {
	body { 
		font-size:16px;
		height:100%;
	}
	footer > div > div {
	}
		footer > div > div > div:nth-child(3) {
			clear: left;
		}
}


@media (max-width:991px) {
	.howlong a i {
		/* display: none; */
	}
}
@media (max-width:1199px) {
	.howlong div a i {
		right: 22px;
	}
}


/* -- Preloader
================================================== */

#preloader  {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2f2f2f;
	z-index: 99;
	height: 100%;
 }

#status  {
	font-size:100px;
     width: 100px;
     height: 100px;
     position: absolute;
     left: 50%;
     top: 50%;
     color:#b8b8b8;
	 margin-top:-50px;
	 margin-left:-50px;
 }
/* -- Behaviours
================================================== */
/* hides dotted line around clicked links and buttons, and adds transition to typical links and button clicks */

#ascrail2000 {
	z-index:3000 !important;
}

.anchor{ display: block; position: relative; top: -70px; visibility: hidden; }

a, .btn, button,
a:hover, .btn:hover, button:hover,
a:active, .btn:active, button:active,
a:focus, .btn:focus, button:focus,
.sameheight,
.carousel-inner .item .carousel-caption h1, 
.carousel-inner .item .carousel-caption p,
i,
.metro-nav-block,
.galleries-carousel img,
.nav-pills > li > a,
.nav-pills > li > a h3,
.carousel-indicators li .photo,
.grid-item, .grid-item span img,
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before,
.shop-item {
	outline: 0 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

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

.wow { visibility: hidden; }
	
/* -- Positioning
================================================== */
/* vertically aligns within a content box */
.valign { position:relative; }	
.example-container {
	background: #dedede;
	height: 140px;
	display:block;
	width:100%;
}

/* -- Layout
================================================== */
.mtop5 { margin-top:5px;}
.mtop10 { margin-top:10px;}
.mtop15 { margin-top:15px;}
.mtop20 { margin-top:20px;}
.mtop25 { margin-top:25px;}
.mtop30 { margin-top:30px;}
.mtop40 { margin-top:40px;}
.mtop50 { margin-top:50px;}

.mbottom5 { margin-bottom:5px;}
.mbottom10 { margin-bottom:10px;}
.mbottom15 { margin-bottom:15px;}
.mbottom20 { margin-bottom:20px;}
.mbottom25 { margin-bottom:25px;}
.mbottom30 { margin-bottom:30px;}
.mbottom40 { margin-bottom:40px;}
.mbottom50 { margin-bottom:50px;}


/* -- Photos
================================================== */
.photocaption {
	float:left; margin:0px 30px 10px 0px;
	padding:0 0 8px 0;
	display:block;
	overflow:hidden;
	font-size:90%;
	color:#939393;
	border-bottom:1px solid #939393;
} 
.photocaption img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}
@media(min-width:992px) {
.img20 { margin:4px 30px 10px 0; float:left; height:auto; width:20%; }
.img25 { margin:4px 30px 10px 0; float:left; height:auto; width:25%; }
.img33 { margin:4px 30px 10px 0; float:left; height:auto; width:33%; }
.img50 { margin:4px 30px 10px 0; float:left; height:auto; width:50%; }
.img100 { margin:4px 0 10px 0; height:auto; width:100%; }
}

@media(max-width:991px){
.img20 { margin:4px 20px 10px 0; float:left; height:auto; width:50%; }
.img25 { margin:4px 20px 10px 0; float:left; height:auto; width:50%; }
.img33 { margin:4px 20px 10px 0; float:left; height:auto; width:50%; }
.img50 { margin:4px 20px 10px 0; float:left; height:auto; width:100%; }
.img100 { margin:4px 0 10px 0; height:auto; width:100%; }
}

.rgap { margin-right:0.3em; }
.lgap { margin-left:0.3em; }

section {
	padding:40px 0px;
}
section:nth-of-type(even) {
	background-color: #fff;
	-webkit-box-shadow: inset 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    inset 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         inset 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
}
section:nth-of-type(odd) {
	background-color: #ebebeb;
	-webkit-box-shadow: inset 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    inset 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         inset 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width:767px) {
	section { padding:30px 0px; }
	.switch { text-align:left; display:block; width:100%; margin-top:-15px; margin-bottom:10px; }
}
@media (min-width:768px) {
	.title-and-more .switch {
		position:relative;
		top:14px;
	}
}

section.news {
	padding-top:4px;
}

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

/* -- Typography
================================================== */
strong {
	font-weight:900;
}

a, a:visited, .btn-link {
	color:#b8231c;
}
a:hover, a:focus, .btn-link:hover, .btn-link:focus {
	color:#851914;
	text-decoration:none;
}
a:active, .btn-link:active {
	color:#2f2f2f;
	text-decoration:none;
}

.gloss {
	border-bottom:1px dotted #000;
}

p a {
	/* Removed as can't have bold linked */
	/* font-weight:400; */
}

h1, h2, h3, h4 {
	font-family: 'Rokkitt', serif;
}
h1, .h1, h2, .h2 { margin-top: 0.1em; margin-bottom: 0.4em; }
h3, .h3, h4, .h4, h5, .h5 { margin-top: 0.1em; margin-bottom: 0.4em; }

h1, .h1 { font-size:200%; }
h2, .h2 { font-size:180%; }
h3, .h3 { font-size:140%; }
h4, .h4 { font-size:120%; }
h5, .h5 { font-size:100%; }

.lead {
	font-family: 'Rokkitt', serif;
	letter-spacing:0.8px;
	text-transform:uppercase;
	color:#939393;
}

.fancy {
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:0.2em;
	font-size:250%;
	color:#939393;
	border-bottom:1px solid #939393;
	border-color:inherit; 
	display:inline-block;
	padding:0.2em 0em;
}

.fancy.red {
	opacity:1;
	color:#b8231c;
	border-bottom:1px solid #b8231c;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-style: none none none;
	height: 4px;
	background-color: #d9d9d9;
}

.btn {
	border-radius:0px;
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	font-size:100%;
	line-height:100%;
	overflow:hidden;
}

.btn-plain, .btn-plain:visited {
	color: #2f2f2f;
  	background-color: #fff;
  	border: 1px solid #c8c8c8;
	padding:8px 12px;
	border-radius:0px;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
.btn-plain:hover,
.btn-plain:focus,
.open > .dropdown-toggle.btn-plain {
	color: #2f2f2f;
  	background-color: #e6e6e6;
  	border: 1px solid #b8b8b8;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.btn-plain:active {
	color: #2f2f2f;
  	background-color: #dddddd;
  	border: 1px solid #b8b8b8;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.btn-default, .btn-default:visited {
	color: #2f2f2f;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 0px 4px #ffffff;
	-moz-box-shadow:    0px 0px 0px 4px #ffffff;
	box-shadow:         0px 0px 0px 4px #ffffff;
	border:1px dotted #bdbdbd;
}
.btn-default:hover,
.btn-default:focus,
.open > .dropdown-toggle.btn-default {
	color: #2f2f2f;
	background-color: #e6e6e6;
	-webkit-box-shadow: 0px 0px 0px 5px #e6e6e6;
	-moz-box-shadow:    0px 0px 0px 5px #e6e6e6;
	box-shadow:         0px 0px 0px 5px #e6e6e6;
	border:1px dotted #bdbdbd;
}

.btn-default:active {
	color: #fff;
	background-color: #c8c8c8;
	-webkit-box-shadow: 0px 0px 0px 5px #a62019;
	-moz-box-shadow:    0px 0px 0px 5px #a62019;
	box-shadow:         0px 0px 0px 5px #a62019;
	border:1px dotted #bdbdbd;
}

.btn-primary, .btn-primary:visited {
	color: #fff;
	background-color: #b8231c;
	-webkit-box-shadow: 0px 0px 0px 4px #b8231c;
	-moz-box-shadow:    0px 0px 0px 4px #b8231c;
	box-shadow:         0px 0px 0px 4px #b8231c;
	border:1px dotted #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #a62019;
	-webkit-box-shadow: 0px 0px 0px 5px #a62019;
	-moz-box-shadow:    0px 0px 0px 5px #a62019;
	box-shadow:         0px 0px 0px 5px #a62019;
	border:1px dotted #fff;
}

.btn-primary:active {
	color: #fff;
	background-color: #2f2f2f;
	-webkit-box-shadow: 0px 0px 0px 5px #a62019;
	-moz-box-shadow:    0px 0px 0px 5px #a62019;
	box-shadow:         0px 0px 0px 5px #a62019;
	border:1px dotted #fff;
}

blockquote {
	font-family: 'Rokkitt', serif;
	font-size:150%;
	font-weight:300;
	line-height:110%;
	color:#931c16;
	border-left: 3px solid #939393;
}
blockquote small,
.inline-blockquote small {
	font-family: 'Roboto', sans-serif;
	color:#939393;
	font-size:60%;
	margin-top:10px;
}
blockquote small:before,
.inline-blockquote small:before { font-family: 'FontAwesome'; content: "\f007"; margin: 0px 5px 0px 0px; color: #939393; }

.inline-blockquote {
    border-left: 3px solid #939393;
    width: 50%;
    float: right;
    margin: 5px 0px 0px 30px;
}


.white {
	color:#fff;
}
/* -- Header resizing logo - requires #main to offset the content by the height of the header
================================================== */
#main { 
	background-color:#ebebeb;
	padding-bottom:30px;
	padding-top: 168px;
	margin-bottom:390px;
	position:relative;
	z-index:1;
}

#main-homepage, #main-landing { 
	background-color:#ebebeb;
	padding-bottom:0;
	padding-top: 168px;
	margin-bottom:390px;
	position:relative;
	z-index:1;
}

#main:after, #main-homepage:after {
	position: absolute;
	background: transparent;
	width: 100%;
	height: 20px;
	content: '';
	bottom: -0px;
	-webkit-box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 8px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 8px 6px 0px rgba(0, 0, 0, 0.5);
}


@media (max-width:991px) {
	#main {
		padding-top: 158px;
		margin-bottom:390px;
	}
}

@media (max-width:767px) {
	#main {
		padding-top: 90px;
		margin-bottom:150px;
	}
}

@media (max-width:991px) {
	#main-landing, #main-homepage {
		padding-top: 158px;
		margin-bottom:390px;
	}
}

@media (max-width:767px) {
	#main-landing, #main-homepage {
		padding-top: 90px;
		margin-bottom:150px;
	}
}

header {
	width: 100%;
    height: 162px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fff;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

header img#logo {
	display: inline-block;
    height: 100px;
	margin:0px;
	padding:0px;
    float: left;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
header.smaller {
    height: 70px;
	}
header.smaller img#logo {
    height: 50px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
header .header-donate {
	position: relative !important;
	width:198px !important;
	float:right !important;
	display:block !important;
	background-color:#b8231c !important;
	color:#fff !important;
	text-align:center !important;
	font-family: 'Rokkitt', serif !important;
	text-transform:uppercase !important;
	font-size:120% !important;
	line-height:5em;
	font-weight:700 !important;
	overflow:hidden !important;
	cursor:pointer !important;
	-webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

@media (max-width:991px) {
	header .header-donate {
		width:198px !important;
	}
	header.smaller {
    	height: 100px !important;
	}
}

header .header-donate span:after {
	background-image:url(../../../img/donate-baby.png) !important;
	background-position: top center !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
	content : "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity : 1 !important;
    z-index: -1 !important;
	-webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

header .header-donate:hover span:after {
    top: -15px !important;
    left: -15px !important;
    width: 120% !important;
    height: 120% !important;
}


header .header-donate:hover {
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 1) !important;
}

header.smaller .header-donate {
}	
header.smaller .header-donate span:after {
    opacity : 0 !important;
}
header .header-donate:hover {
	text-decoration:none !important;
	background-color:#cc271f !important;
}	

@media (max-width:767px) {
	header img#logo { height: 50px !important; }
	header { height: 90px !important; }
	header.smaller { height: 90px !important;  }
}
@media (min-width:768px) {
	header {
    	height: 158px;
	}
}

/* -- Navigation
================================================== */

.navbar-default {
	background-color: #b8231c;
	border:none;
	font-family: 'Rokkitt', serif;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	
}
.navbar {
    border-radius: 0px;
}

.navbar-default .navbar-nav.navbar-right > li > a {
	height: 100px;
	line-height: 80px;
}


@media (max-width:767px) {
	.navbar-default .navbar-toggle {
		font-size: 130%;
		line-height: 100%;
		position: relative;
		float: right;
		padding: 7px 14px 8px;
		margin-top: 0px;
		margin-right: 13px;
		margin-bottom: 0px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px;
		color:#fff;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: rgba(255,255,255,0.2);
		color:#000;
	}
	
	.donate-sms, .donate-sms:visited {
		color: #fff;
		float: left;
		padding: 8px 15px;
		font-size: 140%;
		line-height: 100%;
		text-transform:uppercase;
		font-weight:700;
	}
	.donate-sms:hover,
	.donate-sms:focus {
		color: #fff;
		background-color: transparent;
		text-decoration: none;
	}
	
	.navbar {
		position: relative;
		min-height: 40px;
		margin-bottom: 0px;
		border: 0px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-collapse {
		border-top: none;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		text-transform:uppercase;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: #2f2f2f;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav.dropdown-menu > li > a {
		color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: #931c16;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #931c16;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .dropdown-menu > li > a, .navbar-nav .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
		
	}
	.dropdown-menu {
		min-width: 100%;
		padding: 0px 0px;
		margin: 0px 0px 0px;
		font-size: 100%;
		text-align: left;
		list-style: outside none none;
		background-color: #b8231c;
		border: none;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857;
		color: #fff;
		white-space: nowrap;
	}
}


@media (min-width:768px) {
	.navbar-default {
		background-color: #d9d9d9;
		border:none;
		font-family: 'Rokkitt', serif;
	}
	.navbar {
		position: relative;
		min-height: 50px;
		margin-bottom: 00px;
		border: none;
	}
	.donate-sms { visibility:hidden; display:none; }
	.navbar-default .navbar-nav > li > a {
		color: #333333;
		font-weight:700;
		text-transform:uppercase;
		font-size:95%;
		letter-spacing:normal;
		height: 50px;
		line-height:30px;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		background-color:#2f2f2f;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fff;
		background-color:#2f2f2f;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: #2f2f2f;
	}
	.navbar-default .navbar-nav > .active > a {
		position: relative;
		background: #2f2f2f;
	} 
	.navbar-default .navbar-nav > .active > a:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		ointer-events: none;
		border-color: rgba(47, 47, 47, 0);
		border-top-color: #2f2f2f;
		border-width: 8px;
		margin-left: -8px;
	}
	.nav > li > a {
		position: relative;
		display: block;
		letter-spacing:normal;
		padding: 10px 8px;
	}

	.navbar-default .navbar-nav.navbar-right > li > a {
		color: #333333;
		font-weight:400;
		text-transform:none;
	}
	.navbar-default .navbar-nav.navbar-right > li > a:hover,
	.navbar-default .navbar-nav.navbar-right > li > a:focus {
		color: #fff;
		background-color:#2f2f2f;
	}
	.navbar-default .navbar-nav.navbar-right > .open > a, .navbar-default .navbar-na.navbar-rightv > .open > a:hover, .navbar-default .navbar-nav.navbar-right > .open > a:focus {
		color: #fff;
		background-color:#2f2f2f;
	}
	.navbar-default .navbar-nav.navbar-right > li > a {
		position: relative;
		display: block;
		padding: 10px 6px;
	}
	header.smaller .navbar-default .navbar-nav.navbar-right > li > a {
		height: 50px;
		line-height: 30px;
	}

	.navbar-right {
		margin-right: 0px;
	}
	.dropdown-menu {
		min-width: 160px;
		padding: 0px 0px;
		margin: 0px 0px 0px;
		font-size: 90%;
		background-color: #2f2f2f;
		border: none;
		border-radius: 0px;
		box-shadow: none;
		
	}
	.navbar-right .dropdown-menu {
		min-width: 40px;
		padding: 0px 0px;
		margin: 0px 0px 0px;
		font-size: 90%;
		background-color: #2f2f2f;
		border: none;
		border-radius: 0px;
		box-shadow: none;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 6px 20px;
		clear: both;
		line-height: 130%;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: #000;
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: #000000;
	}
	.dropdown-menu .form-control {
		height: 34px;
	}
}
@media (min-width:992px) {
	.navbar-default .navbar-nav > li > a {
		color: #333333;
		font-weight:700;
		text-transform:uppercase;
		font-size:130%;
		letter-spacing:0.8px;
		height: 60px;
		line-height:45px;
	}
	
	.navbar-default .navbar-nav.navbar-right > li > a {
		color: #333333;
		font-weight:400;
		text-transform:none;
		letter-spacing:normal;
		font-family: 'Roboto', sans-serif;
	}

}
@media (min-width: 1200px) {
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 18px;
	}

}


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

footer {
	position: fixed;
    bottom: 0px; 
	right:0;
	left:0;
	width:100%;
    /*height: 300px;*/
    /* height: 350px; */
	height: 390px;
	padding:15px 0;
	background-color:#2f2f2f;
	z-index:0;
	overflow:hidden;
	color:#939393;
	display:block;
}


footer p, footer li{ font-size:60%; }

footer a, footer a:visited { color:#dddddd; }
footer a:hover, footer a:focus, footer a:active { color:#fff; }

footer .percent20 { width:100%; display:block; overflow:hidden; border-top:1px solid #939393; padding-top:8px; }

footer .percent20 a { /*width:20%;*/ float:left; display:inline-block; line-height:90%;}
footer .percent20 a span { font-size:60%; display:inline; color:#939393; padding-right:25px; float:none  }
footer .percent20 a img { /*max-width:40%;*/ display:inline-block; height:auto; float:left; margin-right:10px;  }

@media (max-width:991px) {
	footer { height: 390px; }
	footer .percent20 a { /*width:20%;*/ text-align:center; display:inline-block; color:#939393; padding-right:40px;  }
	footer .percent20 a span { width:100%; display:block; text-align:center; color:#939393; padding:0px;  }
	footer .percent20 a img { float:none; display:block; margin-left:auto; margin-right:auto; max-height:30px; width:auto; margin-bottom:5px;  }
}

@media (max-width:767px) {
	footer { 
		height: 150px; 
		/* Show all blocks */
		height: auto;
		position: relative;
	}
	#main-landing,
	#main-homepage {
		margin-bottom: 0;
	}
	
}

.other-site {
	float:left;
	margin:4px 10px 0 0;
}
	
/* -- Homepage carousel
================================================== */

#MAGcarousel {
    width: 100%;
}

.carousel-caption h1 {
	background-color:rgba(0,0,0,0.6);
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	text-shadow:none;
	color:#fff;
	padding:15px 25px;
	margin-bottom:0;
}

.carousel-inner .item {
    width: 100%;
    height: 600px;
	background-position:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width:1499px) {
	.carousel-inner .item {
		height: 525px;
	}	
}

@media (max-width:1199px) {
	.carousel-inner .item {
		height:450px;
	}	
}

@media (max-width:767px) {
	.carousel-inner .item {
		height: 380px;
	}	
}
.carousel-inner .item:hover {
	cursor:pointer;
}

.carousel-inner .item:hover .carousel-caption h1 {
	background-color:rgba(0,0,0,1);
}

.carousel-control {
	opacity: 1;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
	position: absolute;
	top: 40%;
	z-index: 0;
	display: inline-block;
	background-color:rgba(255,255,255,0.2);
	padding:12px 0px;
	height:50px;
	width:40px;
	line-height:30px;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.carousel-control .icon-prev:hover,
.carousel-control .icon-next:hover,
.carousel-control .fa-chevron-left:hover,
.carousel-control .fa-chevron-right:hover {
	background-color:rgba(255,255,255,0.5);
}

.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
	left: 0%;
	margin-left: 0px;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {
	right: 0%;
	margin-right: 0px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
	height:40px;
	width:30px;
	margin-top: -10px;
	font-family: serif;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 0px;
	left: 10%;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	z-index:auto;
}

.carousel-caption h1 {
	display:block;
	font-size:120%;
	left:0px;
	bottom:0px;
}


@media (min-width: 768px) {

	.carousel-caption {
		right: 10%;
		left: 10%;
		padding-bottom: 0px;
	}
	.carousel-caption h1 {
		max-width:80%;
		font-size:160%;
	}
}

@media (min-width: 991px) {
	.carousel-caption h1 {
		max-width:40%;
		font-size:160%;
	}
}
@media (min-width: 1199px) {
	.carousel-caption h1 {
		max-width:40%;
		font-size:200%;
	}
}
@media (min-width: 1499px) {
	.carousel-caption h1 {
		max-width:40%;
		font-size:200%;
	}
}


.carousel-indicators {
    position: absolute;
    bottom: 0;
    right: 0;
	top: 0;
	left:auto;
    z-index: 15;
    width: 400px;
    margin-right: 0;
    padding-right: 0px;
    list-style: outside none none;
	text-align: right;
	-webkit-box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    -5px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         -5px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.carousel-indicators li {
	text-align: right;
	display: block;
	overflow:hidden;
	width: 100%;
	height: 120px;
	margin: 0px;
	margin-left:auto;
	margin-right:0;
	text-indent: 0px;
	border: none;
	border-radius: 0;
	cursor: pointer;
	background-color:#fff;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	padding:4px 6px;
	position:relative;
}

.carousel-indicators li .photo {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	opacity:0.3;
}

.carousel-indicators li:last-child {
	border-bottom:none;
}

.carousel-indicators li.active {
	width:inherit;
	height:120px;
	background-color: #b8231c;
}

.carousel-indicators li.active .photo {
	opacity:1;
}
.carousel-indicators li > h1 {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	position:absolute;
	display:block;
	right:20px;
	left:10px;
	bottom:0;
	top:auto;
	text-align:left;
	text-shadow: none;
	z-index:1;
}
.carousel-indicators li.active > h1 {
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.45);
	color:#fff;
}

@media (max-width:1499px){
	.carousel-indicators {
		width:300px;
	}
	.carousel-indicators li, .carousel-indicators li.active {
		height:105px;
	}

	.carousel-indicators li > h1 {
		font-size:16px;
	}
}

@media (max-width:1199px){
	.carousel-indicators {
		width:250px;
	}
	.carousel-indicators li, .carousel-indicators li.active {
		height:90px;
	}
	.carousel-indicators li > h1 {
		font-size:14px;
	}
}

@media (max-width:991px){
	.carousel-indicators {
		width:170px;
	}
	.carousel-indicators li, .carousel-indicators li.active {
		height:90px;
	}
	.carousel-indicators li > h1 {
		font-size:12px;
	}
}

/* -- Emergency
================================================== */
.emergency {
	position:relative;
	margin:0px;
	text-align:center;
	background-color: #b8231c !important;
	color:#fff;
	padding:0px;
	max-height:0px;
	overflow:hidden;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 1s;    
    -webkit-animation-delay: 5s;
    -webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function:ease-in-out;      
    animation-name: slideIn;
    animation-duration: 1s; 
    animation-delay: 5s;
    animation-fill-mode:forwards;
	animation-timing-function:ease-in-out;   
	transition:all;  
}
.emergency a {
	color: #fff;
	text-decoration: underline;
}

@-webkit-keyframes slideIn {
    0%   { max-height: 0px; padding:0px; }
    100% { max-height: 500px; padding:15px 0 15px 0; }
}
@keyframes slideIn {
    0%   { max-height: 0px;	padding:0px; }
    100% { max-height: 500px; padding:15px 0 15px 0; }
}

/* -- Where we work
================================================== */

#map-background {
	background: url('../../../img/pattern.png') repeat fixed 0% 0%, url('../../../img/map-background.png') no-repeat fixed 50% 50% / cover transparent;
	display:block;
	overflow:hidden;
	padding:40px 0px;
	background-clip:border-box;
}
@media (max-width:767px){
	#map-background {
		background-attachment:scroll;
	}
}

/* -- MAG in numbers
================================================== */

#photo-background {
	background: url('../../../img/pattern1.png') repeat fixed 0% 0%, url('../../../img/photo-background.jpg') no-repeat fixed top right / cover transparent;
	display:block;
	overflow:hidden;
	padding:40px 0px;
	background-clip:border-box;
}
@media (max-width:767px){
	#photo-background {
		background-attachment:scroll;
	}
}

.data, .data:visited {
	text-align:center;
	display:block;
	overflow:hidden;
	color:#2f2f2f;
	padding:20px 0;
}
.data:hover, .data:focus {
	color:#b8231c;
	text-decoration:none;
}
.data i { font-size:400%; display:block; color:#b8231c; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1); line-height:100%;  }
.data:hover.data i { color:#262626; }

.data .counter { font-size:250%; font-family: 'Rokkitt', serif; font-weight:700 }
.data h3 { text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:300; margin-top:0em; margin-bottom:0.1em;  }
.data p { text-transform:uppercase; font-size:70%; color:#b8231c; font-family: 'Roboto', sans-serif; font-weight:300; margin-top:0em; margin-bottom:0.1em;  }

/* -- Homepage signup
================================================== */

a.signup-action, a.signup-action:visited {
	background-color:#b8231c;
	display:block;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:0px;
	overflow:hidden;
	text-decoration:none;
}
a.signup-action:hover {
	background-color:#2f2f2f;
}
.signup-action h1 { padding:15px 15px 5px 15px; }


/* -- Homepage owl slideshow
================================================== */

.galleries-carousel {
    position: relative;
    display: inline-block; 
    overflow: hidden;
	z-index:99999 !important;
	width: 100%;
}

.thumb h3 {
	margin-bottom:0.1em;
}
.thumb span,
.thumb p {
	font-size:80%;
	display: block;
}

.galleries-carousel img { width:100%; }

.galleries-carousel:hover img {
    opacity: 0.4;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8);
}

.galleries-carousel:hover a {
    opacity: 1; 
    top: 0;
	color:#b8231c;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8);
}
.galleries-carousel:hover a span {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.galleries-carousel a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
}




/* -- Homepage action boxes
================================================== */

.metro-nav-block {
    width: 24%;
    color: #FFF;
    cursor: pointer;
    display: block;
    float: left;
    height: 140px;
    letter-spacing: 0.02em;
    margin: 0px 1% 1% 0px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    background-color: #b8231c;
}

.metro-nav-block .caption {
    bottom: 5px;
    font-size: 120%;
	line-height:105%;
	text-transform:uppercase;
    left: 10px;
    min-height: 30px;
    position: absolute;
	font-family: 'Rokkitt', serif;
}

.metro-nav-block i {
    font-size: 350%;
    margin-top: 15px;
    display: inline-block;
}


.metro-nav-block:last-child {
    margin-right: 0;
}

.metro-nav-block a {
    color: white;
    font-size: 100%;
    font-weight: 400;
    height: 100%;
    line-height: 16px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 88%;
    text-decoration: none;
}

.metro-nav-block a i {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.metro-nav-block a:hover i {
    -moz-transform:rotate(20deg);
    -webkit-transform:rotate(20deg);
    -o-transform:rotate(20deg);
	transform:rotate(20deg);
    font-size: 800%;
    opacity: 0.2;
}

.metro-nav-block:hover {
    background-color:#2f2f2f;
}

@media (max-width:1199px) {
	.metro-nav-block {
		height: 150px;
	}
	.metro-nav-block .caption {
		font-size: 110%;
	}
}

@media (max-width:991px) {
	.metro-nav-block {
		height: 150px;
	}
	.metro-nav-block .caption {
		font-size: 100%;
	}
}

@media (max-width:767px) {
	.metro-nav-block {
		width:99%;
		height: 100px;
	}
	.metro-nav-block .caption {
		font-size: 100%;
	}
	.metro-nav-block i {
		font-size: 200%;
		margin-top: 15px;
		display: inline-block;
	}
	.metro-nav-block a:hover i {
		font-size: 500%;
	}
}


/* -- Homepage how long
================================================== */

.howlong a, .howlong a:visited {
    color: #fff !important;
    cursor: pointer;
    display: block;
    margin: 0 0 10px 0;
    overflow: hidden;
    text-decoration: none;
    background-color: #b8231c;
}

.howlong a:hover, .howlong a:focus {
	background-color:#2F2F2F;
}
.howlong a .caption {
	padding:8px 15px;
}

.howlong a .caption p {
	font-size:85%;
}

.howlong a .caption h1 {
	font-size:500%;
	line-height:90%;
	margin-top:0em;
	margin-bottom:-.2em;
	font-weight:700;
}

.howlong a .caption h1 span {
	font-size:30%;
	text-transform:uppercase;
	font-weight:300;
	margin-left:5px;
}

.howlong a i {
    font-size: 1200%;
	position:absolute;
	bottom:-50px;
	right:-50px;
	opacity:0.2;
	-moz-transform:rotate(20deg);
    -webkit-transform:rotate(20deg);
    -o-transform:rotate(20deg);
	transform:rotate(20deg);
	transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.how-long a:hover i {
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
	transform:rotate(40deg);
    opacity: 0.2;
}




/* -- Shortcodes
================================================== */

.titlebar {
	font-size:80%;
	color: #939393;
	margin-top:12px;
	margin-bottom:25px;
}
ul.papertrail {
    padding-left: 0px;
    margin-left: 0px;
    color: #939393;
	font-family: 'Roboto', sans-serif;
}

.papertrail li {
    display: inline-block;
    margin-right: 3px;
}
.papertrail li:before { font-family: 'FontAwesome'; content: "\f105";padding-right:3px; }
.papertrail li:nth-child(1):before { font-family: 'FontAwesome'; content: ""; padding-right:0px; }

.highlight {
	margin-left:-15px;
	margin-right:-15px;
	padding:10px 15px;
	background-color:#fff;
}

.nav-stacked { margin-bottom:20px; }
.nav-pills { overflow:hidden; }
.nav-pills > li > a,
.nav-pills > li > a:visited {
	padding:12px 30px;
	height:auto;
	background-color:#f4f4f4;
	overflow:hidden;
	}
.nav-pills > li > a:hover { background-color: #fff; }
.nav-pills > li > a > h3 {
	margin-left:45px;
	color:#b8231c;
	margin-bottom:0px;
}
.nav-pills > li > a > p { margin-left:45px; color:#939393; font-size:90%;  }

.nav-pills > li > a:hover > h3 { margin-left:45px; color:#b8231c;  }
.nav-pills > li > a i { float:left; position:absolute; left:20px; font-size:40px; margin:0 0 10px 0; color:#c8c8c8;  }


.photo-slides {
	overflow:hidden;
}
.photo-slides .thumb {
	width:50%;
	float:left;
}

.photo-slides .thumb:nth-of-type(even) {
	float:left;
	width:50%;
	padding-right:10px;
}
.photo-slides .thumb:nth-of-type(odd) {
	float:right;
	width:50%;
	padding-left:10px;
}
@media (max-width:767px) {
	.photo-slides .thumb:nth-of-type(even),
	.photo-slides .thumb:nth-of-type(odd) {
		float:none;
		width:100%;
		padding:0px;
	}
}

.map-holder {
    display: block;
    overflow: hidden;
    width: 50%;
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    padding: 10px;
	background-color:#fff;
	border-radius:0;
}

.contact-map-holder {
    display: block;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    padding: 10px;
	background-color:#fff;
	border-radius:0;
}
.contact-map-holder iframe {
	width:100%;
}

@media (max-width:767px) {
	.map-holder {
		margin-left:0px;
		margin-right:0px;
		width: 100%;
		float: none;
		margin-bottom: 10px;
		border: none;
		padding: 0px;
		background-color:#fff;
		border-radius:0;
	}
}

.popover {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 0px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 90%px;
    font-weight: 300;
    line-height: 1.42857;
    text-align: left;
    white-space: normal;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 		0px 5px 10px rgba(0, 0, 0, 0.2);
	text-transform:none;
	letter-spacing:normal;
	color:#2f2f2f;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #2f2f2f;
}

.popover-title {
    padding: 8px 14px;
    margin: 0px;
    font-size: 120%;
    background-color: #2f2f2f;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 0px;
	color:#fff;
}


.comments-wrap {
	padding:0;
	border-top:double #c8c8c8;
	margin-top:40px;
}
.comment-box {
	padding:10px 0;
}

.comment-thumb img {
	background-color:#ffffff;
	float: left;
	width:80px;
	height:auto;
	margin: 0;
	overflow: hidden;
	padding:4px;
	border:1px solid #c8c8c8;
	z-index:2;
}
.comment-txt {
	padding:0 15px 10px 100px;
	border-bottom:1px dotted #c8c8c8;
}
.comment-txt-nopic {
	padding-left: 0;
}
.comment-txt h3 {
	margin-top:0;
}
.comment-txt .post-date {
	display:block;
	padding:0 0 12px 0;
	font-size:12px;
	color:#939393;
}

.sidebar {
	font-size:90%;
}
@media (max-width:767px) {
	.sidebar {
		padding-top:15px;
		margin-top:15px;
		border-top:4px double #bdbdbd;
	}
}

.download-list { margin-bottom:25px; }
.download-list li { list-style:none; margin-left: -40px;; border-top:1px solid #939393;  }
.download-list li:last-child { border-bottom:1px solid #939393; }
.download-list li a { display:block; padding:8px 3px; }
.download-list li a:hover { background-color:#f4f4f4; }


section.content-top {
	box-shadow:none;
	padding:0px 0px 30px 0px;
	margin-bottom:30px;
	display:block;
	overflow:hidden;
	background: rgb(235,235,235);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
}

/* -- Form
================================================== */

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	line-height:100%;
}
label .mandatory {
	color:#b8231c !important;
}
.radio label, .checkbox label {
    display: inline-block;
    max-width: 100%;
    margin-top: 10px;
    font-weight: 400;
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	line-height:100%;
	font-size:90%;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
	margin-top:-1px;
}

.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 100%;
  line-height: 100%;
  color: #2f2f2f;
  background-color: #fff;
  background-image: none;
  border: 1px solid #c8c8c8;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #b8231c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 165, 0, .4);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 165, 0, .4);
}
.form-control::-moz-placeholder {
  color: #939393;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #939393;
}
.form-control::-webkit-input-placeholder {
  color: #939393;
}
.input-sm, .form-group-sm .form-control {
    border-radius: 0px;
	font-size:90%;
}
.has-feedback label ~ .form-control-feedback {
    top: 35px;
	font-size:70%;
	color:#b8231c;
}

/* -- Panels
================================================== */

.row div#secondarycontent div.panel, 
.panel {
    margin-bottom: 20px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}
.row div#secondarycontent div.panel-heading,
.panel-heading {
    padding: 10px 15px;
    border-bottom: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.row div#secondarycontent h3.panel-title,
.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 100%;
	text-transform:uppercase;
	line-height:100%;
	padding-bottom: 0;
    color: inherit;
}
	.row div#secondarycontent h3.panel-title {
	}

.panel-default > .panel-heading {
    color: #2f2f2f;
    background-color: #d9d9d9;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #b8231c;
}

.panel-warning > .panel-heading {
    color: #fff;
    background-color: #cc8300;
}

.panel-warning > .panel-body {
    background-color: #ffa500;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #2f2f2f;
}

.panel-info > .panel-body {
    background-color: #939393;
	color:#fff;
}

.row div#secondarycontent #panel-where-we-work--new, 
#panel-where-we-work--new, 
.where-we-work-panel {
	background-image:url(../../../img/small-world.png);
	background-size:100%;
	background-color: transparent;
	background-position:top center;
	background-repeat:no-repeat; 
	padding: 0 0 30px 0;
	padding-bottom: 0;
}


/* -- Landing page
================================================== */

#landing-page-background {
	position:relative;
	background-color:#000;
	box-sizing:content-box;
	overflow:hidden;
	padding:0;
	margin-bottom:30px;
}
@media (max-width:991px) {
	#landing-page-background {
		min-height:auto;
	}
}
#landing-page-background .background {
	height:100%;
	position:absolute;
	overflow:hidden;
	box-sizing:border-box;
	filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
	width:100%; 
	background-position:center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	opacity:0.5;
	background-clip:border-box;
}
@media (max-width:767px){
	#landing-page-background .background {
		background-attachment:scroll;
	}
}
#landing-page-background .container {
	margin-top:30px;
	margin-bottom:30px;
	min-height:350px;
	font-size:larger;
	color:#fff;
}
@media (max-width:991px) {
	#landing-page-background .container {
		min-height:auto;
	}
}

/* -- Accordion
================================================== */


.panel-group h4.panel-title {
	text-transform:none;
	font-size:130%;
}
.panel-group h4.panel-title a {
	display:block;
}

/* -- Country page
================================================== */
section.country-numbers {
	background-color:#b8231c;
}
section.country-numbers .fancy {
	color:#fff;
	border-bottom-color:#d9d9d9;
}


.fancy-country {
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:0.2em;
	font-size:250%;
	color:#fff;
	margin-bottom:5px;
	border-bottom:1px solid #fff !important;
	border-color:inherit; 
	display:inline-block;
	padding:0 0 0.2em 0em;
}
.country-data {
	text-align:center;
	display:block;
	overflow:hidden;
	color:#fff;
	padding:20px 0;
}

.country-data .counter { font-size:250%; font-family: 'Rokkitt', serif; font-weight:700 }
.country-data h3 { text-transform:uppercase; font-family: 'Rokkitt', serif; font-weight:300; margin-top:0em; margin-bottom:0.1em; color:#d9d9d9;  }
.country-data p { text-transform:uppercase; font-size:70%; color:#b8231c; font-family: 'Roboto', sans-serif; font-weight:300; margin-top:0em; margin-bottom:0.1em;  }

#country-map-background {
	background: url('../../../img/country-pattern.png') repeat fixed 0% 0%, url('../../../img/country-map-background.png') no-repeat fixed 50% 50% / cover transparent;
	display:block;
	overflow:hidden;
	padding:40px 0px;
	background-clip:border-box;
}
@media (max-width:767px){
	#country-map-background {
		background-attachment:scroll;
	}
}

section.how-to-help {
	background-color:#2f2f2f;
	text-align:center;
}
section.how-to-help h1,
section.how-to-help .lead {
	margin-top:3px;
	margin-bottom:3px;
	line-height:1.2;
	color:inherit;
}
section.how-to-help a, section.how-to-help a:visited {
	color:#fff;
	display:block;
}
section.how-to-help a:hover, section.how-to-help a:active {
	color:#d9d9d9;
}

/* -- Search results
================================================== */

.search-result {
	padding:8px 12px;
	border-radius:3px;
	background-color:#f0f0f0;
	display:block;
	margin-bottom:1px;
}
.search-result:hover, 
.search-result:focus,
.search-result:active {
	background-color:#fff;
}
.search-result h1 {
	line-height:1.1;
	margin-top:0;
	margin-bottom:2px;
}
.search-result .info,
.search-result .url {
	font-size:75%;
	color:#939393;
	margin-top:0px;
	margin-bottom:6px;
	line-height:1.1;
}
.search-result .abstract{
	font-size:90%;
	color:#2f2f2f;
	margin-top:0px;
	margin-bottom:6px;
	line-height:1.1;
}

.pagination {
    border-radius: 2px;
	font-family: 'Rokkitt', serif;
}

.pagination > li > a,
.pagination > li > span {
    padding: 6px 12px 3px 12px;
    line-height: 1.42857;
    color: #2f2f2f;
    background-color: #f0f0f0;
    border: 1px solid #c8c8c8;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #b8231c;
    background-color: #fff;
    border-color: #c8c8c8;
}

.blueimp-gallery-display {
	z-index:9999999 !important;
}
.blueimp-gallery > .title {
	text-align: left;
	margin-bottom: 50px;
	margin-left: 80px;
	margin-right: 80px;
}


/* -- News
================================================== */
.btn-group button {
	margin-right:8px;
	margin-bottom:5px;
}
.news-filters {
	padding-bottom:5px;
}
.filter-dropdown > .form-control {
	margin-top:-2px;
	height:40px;
}

.filter-list {
    padding-left: 0px;
    margin-left: 5px;
    list-style: outside none none;
}
.filter-list > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
	margin-bottom:5px;
}



/* -- Grid item design
================================================== */
.grid-item {
	display:block;
	overflow:hidden;
	background-color:#ebebeb;
	border-radius:2px;
	color:#fff;
	margin:10px;
	padding-bottom:15px;
}

.grid-item:hover {
	background-color:#dddddd;
}

.grid-item h5,
.grid-item:hover h5 {
	color:#b8231c;
	margin-top:10px;
	font-family: 'Rokkitt', serif;
	font-size:150%;
}

.grid-item p,
.grid-item:hover p {
	color:#494a4c;
	font-size:90%;
}

.grid-item a p.date, .grid-item a p.country, .grid-item a p.type { font-size:65%; color:#939393; margin:0 }
.grid-item a p.date { margin:10px 0 0 0 }
.grid-item a p.type { float:left; margin-bottom:15px; width:50% }
.grid-item a p.country { float:right; margin-bottom:15px; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; }

.grid-item p, .grid-item h5 {
	padding-left:20px;
	padding-right:20px;
}

.grid-item span {
	display:block;
	overflow:hidden;
	height:170px;
}

.grid-item span img {
	background-position:center center;
	background-clip:border-box;
	width:100%;
	height:auto;
	position:relative;
	left:0;
	top:0;
	border-radius:0px;
}

.grid-item:hover span img {
	width:120%;
	position:relative;
	left:-10%;
	top:-10%;
}

/* -- Grid item highlight
================================================== */
.grid-item.highlight {
	background-color:#b8231c;
	color:#fff;
}

.grid-item.highlight:hover {
	background-color:#a62019;
}

.grid-item.highlight h5,
.grid-item.highlight:hover h5 {
	color:#fff;
}

.grid-item.highlight p,
.grid-item.highlight:hover p {
	color:#fff;
}

.grid-item.highlight a p.date,
.grid-item.highlight a p.country,
.grid-item.highlight a p.type { color:rgba(255,255,255,0.5);}


/* -- Grid item spacing
================================================== */
@media (max-width:767px) {
	.grid-item span {
		height:160px;
	}
	.grid-item p, .grid-item h5 {
		padding-left:12px;
		padding-right:12px;
	}
}

@media (max-width:1199px) {
	.grid-item p, .grid-item h5 {
		padding-left:20px;
		padding-right:20px;
	}
}

#news-filters {
	margin:0 -25px 30px;
	clear: both;
}

#news-filters:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item { width: calc(20% - 20px); padding: 0px 0px; overflow:hidden; margin:10px;}
@media (max-width:1499px) {
	.grid-item { width: calc(25% - 21px) }
	#news-filters {margin:0 -15px 30px;}
}
@media (max-width:1199px) {
	.grid-item { width: calc(33% - 21px) }
	#news-filters {margin:0 -15px 30px;}
}
@media (max-width:991px) {
	.grid-item { width: calc(50% - 21px) }
	#news-filters {margin:0 -10px 20px;}
}
@media (max-width:767px) {
	.grid-item { width: 100%; margin:10px 0; }
	#news-filters {margin:0 0 -15px;}
}

/* -- Donate 
================================================== */

.appealheader {
	position:relative;
	background-color:#931c16;
	padding:0;
	margin-bottom:30px;
}

.appealheader .photo {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	box-sizing:border-box;
	filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
	background-position:center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:scroll;
	opacity:0.5;
}

.appealheader .content {
	padding:40px;
	color:#fff;
	margin-right:40%;
	min-height:500px;
}

.appealheader .content .splash {
	display:inline-block;
	color:#b8231c;
	background-color:#fff;
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	font-size:120%;
	font-weight:700;
	padding:0px 8px;
}
.appealheader .content  h1 {
	font-size:300%;
}

.dot-bottom {
	border-bottom:1px dotted #000;
}

.suggest-donate {
	bottom:0px;
	left:0px;
	background-color:#fff;
	display:block;
	padding:8px 15px;
	margin-bottom:5px;
	color:#2f2f2f;
	position:relative;
	overflow:hidden;
	height:109px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 5px 7px 0px rgba(0, 0, 0, 0.25);
}

.suggest-donate h2 {
	color:#b8231c;
	font-weight:700;
	line-height:100%;
	margin:0;
	font-size:50px;
}
.suggest-donate p {
	color:#2f2f2f;
	font-size:13px;
}

.suggest-donate:hover {
	bottom:5px;
	left:5px;
}
.suggest-donate:hover h2{
	color:#2f2f2f;
}

@media (max-width:1499px) {
	.appealheader .content { min-height:450px; margin-right:40%; padding:30px; }
	.appealheader .content h1 { font-size:250%; }
	.suggest-donate { height:96px; }
	.suggest-donate h2 { font-size:36px; }
	.suggest-donate p { font-size:13px; }
}
@media (max-width:1199px) {
	.appealheader .content { min-height:450px; margin-right:33%; padding:30px; }
	.appealheader .content h1 { font-size:220%; }
	.suggest-donate { height:96px; }
	.suggest-donate h2 { font-size:36px; }
	.suggest-donate p { font-size:13px; }
}
@media (max-width:991px) {
	.appealheader .content { min-height:450px; margin-right:33%; padding:30px; }
	.appealheader .content h1 { font-size:220%; }
	.suggest-donate { height:96px; }
	.suggest-donate h2 { font-size:28px; }
	.suggest-donate p { font-size:12px; }
}
@media (max-width:767px) {
	.appealheader { margin-bottom:5px;}
	.appealheader .content { min-height:230px; margin-right:33%; padding:15px 20px; }
	.appealheader .content h1 { font-size:220%; }
	.suggest-donate {height:auto; min-height:80px; }
	.suggest-donate h2 { font-size:28px; float:left; width:66px; display:inline-block; }
	.suggest-donate p { font-size:13px; display:block; position:absolute; top:5px; bottom:5px; right:15px; left:0; margin-left:75px; margin-top:5px; padding-left:8px; border-left: 1px dotted #939393; }
	.dot-bottom { border-bottom:none; }
}
@media (max-width:400px) {
	.appealheader .content { min-height:auto; margin-right:0; padding:15px 20px; }
	.appealheader .content h1 { font-size:150%; }
}

.other-donation {
	display:block;
	overflow:hidden;
	background-color:#dddddd;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
}
.other-donation img {
	margin-top:15px;
}

/* -- donate
================================================== */
#donation-bg { 
	background-image:url(../../../img/donate-bg.jpg);
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 5px;
	margin-bottom:0;
	position:relative;
	overflow:hidden;
	z-index:1;
}

.donations {
	margin-bottom:30px;
}

.donate-tabs {
	font-family: 'Rokkitt', serif;
	font-size:20px;
	text-transform:uppercase;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.donate-tabs > li > a {
	color: #2f2f2f;
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 0px 0px 0px 0px;
    border-width: 1px;
    border-style: solid;
    border-color:  rgba(255,255,255,0.5) rgba(255,255,255,0.5) transparent;
    background-color: rgba(255,255,255,0.3);
}
.donate-tabs > li.active > a,
.donate-tabs > li.active > a:hover,
.donate-tabs > li.active > a:focus {
    color: #B8231C;
	/*color: #2f2f2f;*/
    cursor: default;
    background-color: rgba(255,255,255,0.8);
    border-width: 1px;
    border-style: solid;
    border-color:  rgba(255,255,255,0.5) rgba(255,255,255,0.5) transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
.donate-tabs > li > a:hover,
.donate-tabs > li > a:focus {
    text-decoration: none;
    background-color: rgba(255,255,255,0.6);
	border-bottom-color:transparent;
}
@media (max-width:767px) {
	.donate-tabs {
		font-size:16px;
	}
}

.donation-container {
	display:block;
	background-color:rgba(255,255,255,0.8);
	padding:20px 30px;
}

input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f00c";
    color: #fff;
	background-color:#fff;
	width:60px;
	height:60px;
	margin-right:15px;
	line-height:56px;
	font-size:45px;
	text-align:center;
	border-radius:50%;
	border:4px solid #c8c8c8;
	float:left;
}


.pick-donation div {
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	min-height:60px;
}

.pick-donation input[type=radio].with-font:checked ~ label:before,
.pick-donation input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f00c";
    color: #b8231c;

}
.pick-donation input[type=checkbox].with-font ~ label:before {        
    content: "\f096";
}
.pick-donation input[type=checkbox].with-font:checked ~ label:before {
    content: "\f046";        
    color: #b8231c;
}
.pick-donation input[type=radio].with-font:focus ~ label:before,
.pick-donation input[type=checkbox].with-font:focus ~ label:before,
.pick-donation input[type=radio].with-font:focus ~ label,
.pick-donation input[type=checkbox].with-font:focus ~ label
{                
    color: #b8231c;
}

.pick-donation input[type=radio] {
	position:absolute;
	top:0;
	left:0;
}
.pick-donation label span {
	position:absolute;
	top:20px;
	left:80px;
	font-family: 'Rokkitt', serif;
	font-size:60px;
	display:inline-block;
	float:left;
	width:100px;
}

.pick-donation label p {
	position:absolute;
	top:6px;
	left:200px;
	display:inline;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	text-transform:none;
	white-space:normal;
	font-weight:400;
	line-height:20px;
	float:left;
}

.donate-separator {
	border-top:1px solid #fff;
	padding-top:5px;
}
.otherdonation {
	width:200px;
	display:inline-block;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	margin-top:10px;
}

.donate-content {
	padding-left:50px;
	margin-left:20px;
	border-left:1px dotted #fff;
}

@media (max-width:1199px) {
	.pick-donation div {
		min-height:80px;
	}
}
@media (max-width:767px) {
	input[type=radio].with-font ~ label:before,
	input[type=checkbox].with-font ~ label:before {
		width:40px;
		height:40px;
		margin-right:15px;
		line-height:38px;
		font-size:30px;
		border:2px solid #c8c8c8;
	}
	.pick-donation div {
		min-height:100px;
	}
	.pick-donation label span {
		top:12px;
		left:60px;
		font-family: 'Rokkitt', serif;
		font-size:50px;
	}
	.pick-donation label p {
		position:relative;
		/* top:50px; */
		clear: left;
		left:0px;
		display:block;
	}
	.donate-content {
		padding-left:0px;
		margin-left:0px;
		padding-top:20px;
		border-top:1px dotted #fff;
		border-left:none; 
	}
}

.otherways-to-donate {
	color:#fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.otherways,
.otherways:visited {
	display:block;
	background-color:#b8231c;
	color:#fff;
	text-align:center;
	padding:20px 20px 10px;
	text-transform:uppercase;
	margin-bottom:20px;
}

.otherways-light,
.otherways-light:visited {
	background-color:#939393;
}
.otherways i {
	font-size:300%;
	margin-bottom:15px;
}

.otherways-light i {
	font-size:250%;
	margin-bottom:15px;
}
.otherways:hover {
	background-color:#2f2f2f;
	color:#fff;
}

/* -- donate
================================================== */

.videos {
    padding-left: 0px;
    list-style: outside none none;
}
.videos li {
	display:inline-block;
	width:100%;
	float:left;
	margin-bottom:30px;
}

.videos li:first-child .videoCaption h1:before {
	display:block;
	content:'Latest video';
	font-size:60%;
	color:#939393;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:10px;
}

.videos li:nth-child(n+2) .videoCaption h1 {
	font-size:140%;
	line-height:130%;
	margin-bottom:10px;
}

.videos li:nth-child(n+2) .videoCaption h3 {
	font-size:85%;
	font-family: 'Roboto', sans-serif;
	line-height:120%;
	font-weight:300;
}

.videos li .videoCaption p {
	font-size:75%;
	font-weight:300;
	opacity:0.75;
	margin-bottom:2px;
}

h1.divider {
	display:block;
	border-top:1px dotted #939393;
	margin:30px 0 10px;
	padding-top:14px;
	width:100%;
	float:none;
	overflow:hidden;
	color:#939393;
}


@media (min-width:768px) {
	.videos {
	}
	.videos li:first-child {
		margin-right:20px;
		width:calc(100% - 20px);
	}
	.videos li {
		margin-right:20px;
		width:calc(50% - 20px);
		float:left;
	}

	.videos li:first-child .videoContainer {
		width:50%;
		float:left;
		overflow:hidden;
		display:inline-block;
		margin-right:30px;
	}
}

@media (min-width:1199px) {
	.videos {
	}
	.videos li:first-child {
		margin-right:20px;
		width:calc(100% - 20px);
	}
	.videos li {
		margin-right:20px;
		width:calc(33.33% - 20px);
		float:left;
	}
	.videos li:nth-child(n+8) {
		width:calc(25% - 20px);
	}
	.videos li:first-child .videoContainer {
		width:50%;
		float:left;
		overflow:hidden;
		display:inline-block;
		margin-right:30px;
	}
}


/* -- Shop
================================================== */
#shop-filters {
	display:block;
	width:100%;
}

.shop-item {
	display:inline-block;
	vertical-align:top;
	margin:0;
	width:100%;
	overflow:hidden;
	position:relative;
	float:left;
	padding:5px;
}

.shop-item .product-container {
	background-color:#ebebeb;
	border-radius:2px;
	padding:8px 15px;
	margin:5px 0;
	overflow:hidden;
	display:inline-block;
}
@media(min-width:600px) {
	.shop-item .product-container{
		margin:10px 10px 0 0 ;
	}
}
.shop-item .product-container .image-title {
	position:relative;
	width:100%;
	overflow:hidden;
}
.shop-item .product-container .image-title img {
	width:40%;
	float:left;
	height:auto;
	margin-bottom:5px;
	margin-right:10px;
	border-radius:2px;
}
.shop-item .product-container .image-title h2 {
	margin:0;
}

.shop-item .product-container .price h1 {
	font-size:3em;
	font-style:normal;
	margin:0;
	padding:0;
	line-height:1;
}

.shop-item .product-container .price h1 span {
	font-size:.4em;
	position:relative;
	bottom:.8em;
}
.shop-item .product-container .price h1 em {
	font-size:.4em;
	font-style:normal;
}

.shop-item .product-container .description {
	font-size:13px;
	margin-bottom:5px;
	margin-top:0;
}

.shop-item .product-container .variations {
	margin-top:5px;
}

.shop-item .product-container .variations .product-item {
	text-align:center;
}

.shop-item .product-container .variations .product-item p {
	display:none;
}
.shop-item .product-container .variations .product-item .add-to-cart {
	display:inline-block;
	font-family:"roboto",sans-serif;
	font-size:13px;
	line-height:1.4;
	text-transform:none;
	color:#fff;
	background-color:#b8231c;
	padding:5px 10px;
	text-align:center;
	margin:0 3px 3px 0;
	float:left;
}

@media(min-width:600px) {
	.shop-item {
		width:50%;
	}
	.shop-item .product-container .image-title img {
		width:100%;
		float:none;
	}
}

@media(min-width:1200px) {
	.shop-item {
		width:32.33%;
	}
}
@media(min-width:1500px) {
	.shop-item {
		width:24%;
	}
}
@media(min-width:1800px) {
	.shop-item {
		width:24%;
	}
}

.panel-shopping-cart .panel-body {
	padding:10px;
	border-bottom:2px solid #e2e2e2;
	margin-bottom:20px;
}
.panel-shopping-cart table {
	margin-bottom:5px;
}
.panel-shopping-cart table button {
	display:block;
	border:0;
	font-weight:bold;
	font-family:"roboto",sans-serif;
	font-size:13px;
	line-height:1.4;
	text-transform:none;
	color:#fff;
	background-color:#b8231c;
	padding:5px 10px;
	text-align:center;
	float:right;
}
.panel-shopping-cart table button:hover,
.panel-shopping-cart table button:focus {
	background-color:#a62019;
}

.panel-shopping-cart table input {
	height:30px;
	width:40px;
}

.panel-shopping-cart .btn {
	font-size:200%;
}

.checktout-table tbody tr td {
	vertical-align:middle;
	font-size:85%;
}

.checkout-table tbody tr td .btn-red {
	display:block;
	border:0;
	font-weight:bold;
	font-family:"roboto",sans-serif;
	font-size:13px;
	line-height:1.4;
	text-transform:none;
	color:#fff;
	background-color:#b8231c;
	padding:5px 10px;
	text-align:center;
	float:right;
}

.checkout-table tbody tr td .btn-red:hover,
.checkout-table tbody tr td .btn-red:focus {
	background-color:#a62019;
}

.total-table h2 {
	margin: 0;
}
.total-table p {
	margin-top:5px;
}

.wide-td {
	width:100px;
}
.narrow-td {
	width:50px;
}

.extra-wide-td {
	width:150px;
}

.wrap-td {
	white-space:normal !important;
}

.add-donation {
	background-color:#b8231c;
	color:#fff;
	margin-bottom:0;
	padding:15px 20px;
	display:block;
	overflow:hidden;
}
.add-donation h2 {
	margin-bottom:0;
	float:left;
}
.add-donation h3 {
	margin-bottom:0;
	float:right;
}
.add-donation input {
	float:right;
	width:210px;
}
@media(max-width:991px) {
	.add-donation input {
		float:right;
		width:130px;
	}
}
@media(max-width:767px) {
	/*
	.add-donation {
		text-align:center;
	}
	.add-donation input {
		float:none;
		width:130px;
		margin:0 auto;
	}
	.add-donation h2 {
		margin:0 auto;
		float:none;
	}
	*/
}


.checkout-total {
	background-color:#2f2f2f;
	color:#fff;
	margin-top:20px;
	margin-bottom:0;
	padding:15px 20px;
	display:block;
	overflow:hidden;
}
.checkout-total h2, .checkout-total h1 {
	margin-bottom:0;
}

.checkout-total h2 {
	float:left;
	color:#d9d9d9;
}
.checkout-total h1 {
	float:right;
	font-weight:700;
	position:relative;
	bottom:5px; 
}
@media(max-width:767px) {
	.checkout-total {
		text-align:center;
	}
}


@media(max-width:767px) {
	.table {
		font-family: 'Roboto Condensed', sans-serif;
	}
	.wrap-td {
		max-width:150px;
		overflow:hidden;
	}
	.narrow-td {
		max-width:30px;
	}
	.wide-td {
		width:80px;
	}
	.extra-wide-td {
		width:120px;
	}
}

.form-horizontal .has-feedback .form-control-feedback {
	color:#b8231c;
	top:11px;
	right:30px;
	font-size:75%;
}

.products{
            list-style:none;
            margin:0;
            margin-right:300px;
            padding:0px;
    z-index: 10;
        }
        .products li{
            display:inline;
            float:left;
            margin:10px;
        }
        .product-item{
            display:block;
            text-decoration:none;
        }
        .product-item img{
            border:1px solid #333;
        }
        .product-item p{
            margin:0;
            font-weight:bold;
            text-align:center;
            color:#c3c3c3;
        }
        .cart{

    z-index: 0;
        }
		
		
/*Large font styling */
.larger
{
	font-size: larger !important;
}

/* Styles for selected class. Used for isotope filter options */
.selected
{
	background-color: #000000;
	box-shadow: 0px 0px 0px 4px #000000;
	
	/* Needed to stop boxshadow from displaying over active button */
	position: relative;
	z-index: 1000;
}

.footer-img
{
	height:60px !important;
}
/* New caption Additions*/
.caption
{
	font-weight: 900;
	padding: 0;
	margin: 15px 0;
	font-size: 14px;
	color: #2f2f2f;
}
.credit
{
	padding: 0;
	margin: 15px 0;
	font-size: 14px;
	color: #666;
}