/*------------------------------------*\
	$CONTENTS
\*------------------------------------*/
/**
 * CONTENTS.............................You’re reading it!
 * RESET................................Set our reset defaults
 * ELEMENTS.............................Import brand font files, and re-style unclassed h1, unclassed ul etc...
 * OBJECTS & ABSTRACTIONS / LAYOUT......Generic, underlying design patterns
 * COMPONENTS / MODULES.................Full components constructed from objects and their extensions
 * STYLE TRUMPS / STATES................Modifify existing look of an element and usually indicate JS dependency
 */





/*------------------------------------*\
	$RESET
\*------------------------------------*/
/**
 * Reset (normalize.css) is included in bootstrap
 */





/*------------------------------------*\
	$ELEMENTS
\*------------------------------------*/

body {
	font-family: "Open Sans", "Trebuchet", Arial, sans-serif;
	font-weight: 400;
	height: 100%;
	color: #212121;
}

dl dt {
	font-weight: normal;
}





/*------------------------------------*\
	$OBJECTS & ABSTRACTIONS / LAYOUT
\*------------------------------------*/
/**
 * ^buttons
 */

.btn-info {
	background-color: #c2930b;
	border: none;
}
	.btn-info:hover, 
	.btn-info:active {
		background-color: #1E395A;
	}
/**
 * ^header
 */
.header--vlarge, .header--large, .header--medium, .header--small, .header--vsmall { color: #294D76; }
.header--vlarge {
	font-size: 4rem;
	font-weight: 300;
}
.header--large {
	font-size: 3.6rem;
	font-weight: 700;
}
.header--medium {
	font-size: 3rem;
	font-weight: 600;
}
.header--small {
	font-size: 2.6rem;
	font-weight: 400;
}
.header--vsmall {
	font-size: 2.4rem;
	font-weight: 300;
}


/**
 * ^bg-color
 */
.bg-color--lighttan { background-color: #F5F2EF; }
	.btn.bg-color--lighttan:hover, .btn.bg-color--lighttan:focus { background-color: rgba(245, 242, 239, 0.8); }
.bg-color--tan { background-color: #d8d3c9; }
	.btn.bg-color--tan:hover, .btn.bg-color--tan:focus { background-color: rgba(216, 211, 201, 0.8); }
.bg-color--blue { background-color: #294D76; }
	.btn.bg-color--blue:hover, .btn.bg-color--blue:focus { background-color: rgba(41, 77, 118, 0.8); }
.bg-color--darkblue { background-color: #1E395A; }
	.btn.bg-color--darkblue:hover, .btn.bg-color--darkblue:focus { background-color: rgba(30, 57, 90, 0.81); }
.bg-color--gold { background-color: #c2930b; }
	.btn.bg-color--gold:hover, .btn.bg-color--gold:focus { background-color: rgba(194, 147, 11, 0.8); }


/**
 * ^padded-box
 */
.padded-box--1 { padding: 1rem; }
.padded-box--2 { padding: 2rem; }
.padded-box--3 { padding: 3rem; }


/**
 * ^section
 */
section {
	margin-top: 3rem;
	margin-bottom: 3rem;
}


/**
 * ^no-padding
 */
 .no-padding {
 	padding: 0;
 }


/**
 * ^top-padding
 */
.top-padding--1 { padding-top: 1rem; }
.top-padding--2 { padding-top: 2rem; }
.top-padding--3 { padding-top: 3rem; }


/**
 * ^bottom-padding
 */
.bottom-padding--1 { padding-bottom: 1rem; }
.bottom-padding--2 { padding-bottom: 2rem; }
.bottom-padding--3 { padding-bottom: 3rem; }


/**
 * ^left-padding
 */
.left-padding    { padding-left: 0.5rem; }
.left-padding--1 { padding-left: 1rem; }
.left-padding--2 { padding-left: 2rem; }
.left-padding--3 { padding-left: 3rem; }


/**
 * ^right-padding
 */
.right-padding    { padding-right: 0.5rem; }
.right-padding--1 { padding-right: 1rem; }
.right-padding--2 { padding-right: 2rem; }
.right-padding--3 { padding-right: 3rem; }


/**
 * ^top-spacing
 */
.top-spacing--1 { margin-top: 1rem; }
.top-spacing--2 { margin-top: 2rem; }
.top-spacing--3 { margin-top: 3rem; }


/**
 * ^bottom-spacing
 */
.bottom-spacing--1 { margin-bottom: 1rem; }
.bottom-spacing--2 { margin-bottom: 2rem; }
.bottom-spacing--3 { margin-bottom: 3rem; }


/**
 * ^border
 */
.border--none { border: none; }
.border-left--none { border-left: none; }
.border-right--none { border-right: none; }
.border-bottom--double-center:after {
	display: block;
	content: "";
	width: 400px;
	height: 4px;
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -200px;
	background-color: #c2930b;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
	   -moz-box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
			box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.border-bottom--double:after {
	display: block;
	content: "";
	width: 100%;
	height: 4px;
	position: relative;
	left: 0;
	bottom: -15px;
	background-color: #8F8F8F;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
	   -moz-box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
			box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.border-bottom--thin-solid {
	border-bottom: 1px solid rgba(41, 77, 118, 0.5);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.border-bottom--thin-dots {
	border-bottom: 1px dotted #bdbdbd;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}


/**
 * ^font-color
 */
.font-color--white { color: #fff; }
	.font-color--white:hover { color: #1E395A; }
.font-color--darkblue { color: #1E395A; }


/**
 * ^affix
 */
.navbar.affix {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}

.affix-top .navbar-brand {
	overflow: hidden;
	opacity: 0;
	width: 0;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
		 -o-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
}

.affix .navbar-brand {
	margin-left: -5px !important;
	margin-right: 5px;
	vertical-align: middle;
	opacity: 1;
	width: 160px; /* width of the dpanther logo */
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
		 -o-transition: all .25s ease-out;
			transition: all .25s ease-out;
}

.content__nav.affix {
	position: relative; /* over-ride the fixed affix when mobile */
}


/**
 * ^border
 */
.border-top--dark-tan {
	border-top: 1px solid #CCC7BE;
}
.border-bottom--light {
	border-top: 1px solid rgba(255,255,255,0.8);
}





/*------------------------------------*\
	$COMPONENTS / MODULES
\*------------------------------------*/
/**
 * ^branding
 */
.branding--padded {
	padding: 15px 0;
	display: inline-block;
}

.branding--no-padding {
	padding: 0;
}


/**
 * ^navbar-form
 */
.navbar-form {
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

.navbar-form--contact .input-group {
	width: 400px; /* width of the form label and input combo */
}
	.navbar-form--contact .input-group-addon {
		width: 100px; /* width of the form label */
		text-align: right;
	}


/**
 * ^drop-down
 */
.drop-down {

}

	.drop-down__menu {
		
	}

		.drop-down__menu nav {
			margin-top: -4px;
			border-top-left-radius: 0;
			box-shadow: none;
			border-top: none;
		}

	.drop-down button.btn-default {
		color: #fff;
		padding: 12px;
	}

		.drop-down__menu .btn-default:hover, 
		.drop-down__menu .btn-default:focus, 
		.drop-down__menu .btn-default:active, 
		.drop-down__menu .btn-default.active, 
		.drop-down button.btn-default:hover, 
		.drop-down button.btn-default:focus, 
		.drop-down button.btn-default:active, 
		.drop-down__menu.open button.dropdown-toggle.btn-default {
			background-color: #1E395A;
			color: #fff;
		}

	.drop-down .form-control {
		height: 46px;
	}

/*		.btn-default:hover, 
		.btn-default:focus, 
		.btn-default:active, 
		.btn-default.active, 
		.open .dropdown-toggle.btn-default {
			
		}*/


/**
 * ^media ^media-large
 */
.media--large .media-body {
	min-width: 250px;
}
	
	.media--large .media-body {
		padding: 2rem;
	}

.media--large .media-object {
	width: 100%;
}


/**
 * ^grid-images
 */
.grid-images > ul {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0;
	padding: 0;
}

	.grid-images > header {
		text-align: center;
		margin-bottom: 3rem;
	}

		.grid-images__header {
			color: #8F8F8F;
			position: relative;
			margin-bottom: 5rem;
			text-transform: uppercase;
			font-weight: 700;
		}

	.grid-images li::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(71,63,59,0);
		pointer-events: none;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}

		.grid-images li:hover::after {
			background: rgba(71,63,59,0.5);
		}

	.grid-images li {
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		cursor: pointer;
		overflow: hidden;
		width: 100%;
		height: 220px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

		.grid-images li h2 {
			font-weight: 700;
			padding: 0;
			margin: 0 15px 18px 15px;
			color: #fff;
			line-height: 1;
			font-size: 1.3em;
		}

		.grid-images__content {
			width: 100%;
			position: absolute;
			bottom: -84px;
			z-index: 100;
			-webkit-transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
		}

			.grid-images__content button {
				display: block;
				width: auto;
				margin-left: 15px;
				margin-right: 15px;
				margin-bottom: 10px;
			}

			li:hover .grid-images__content {
				-webkit-transform: translateY(-9rem);
				transform: translateY(-9rem);
			}


/**
 * ^social-links
 */
/*ul*/.social-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.social-links li {
		display: inline-block;
	}

		.social-links > li > a {
			display: block;
		}

			.social-links__text {
				display: none;
			}

				.social-links--font-large {
					font-size: 4rem;
				}

			/*a*/.social-links--dark-tan {
				color: #294D76;
				-webkit-transition: all .25s ease-out;
				   -moz-transition: all .25s ease-out;
					 -o-transition: all .25s ease-out;
						transition: all .25s ease-out;
			}

				/*a*/.social-links--dark-tan:hover {
					color: rgba(41, 77, 118, 0.85);
				}


/**
 * ^content ^content__articles ^content__nav ^content__subnav
 */
.content {

}

	.content__articles {
	}

		.content__articles > article {
			padding: 0 2rem 2rem;
			border: 1px dotted rgba(206, 200, 190, 0.5);
			margin-bottom: 2rem;
			background-color: rgba(226, 220, 210, 0.18);
		}

			article > .dashboard_section {
				padding: 2rem;
				border: 1px dotted rgba(206, 200, 190, 0.75);
				background-color: rgba(226, 220, 210, 0.18);
			}

				.dashboard_section .dashboard_section {
					padding: 2rem;
					border: 1px dotted rgba(206, 200, 190, 0.95);
					background-color: rgba(226, 220, 210, 0.18);
				}

			.content__articles .page-header {
				padding-bottom: 0;
				border-bottom: 1px dotted rgba(206, 200, 190, 0.75);
			}

				.content__articles .page-header > h1 {
					text-transform: uppercase;
					font-weight: 200;
					color: rgba(143, 101, 3, 0.66);
				}

	/*nav or ul*/.content__nav {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/*nav*/.content__nav--bg-blue {
		background-color: rgb(42,78,120);
	}

		.content__nav > li > a {
			color: #fff;
			display: block;
			padding: .8rem;
				-webkit-transition: all .25s ease-out;
				   -moz-transition: all .25s ease-out;
					 -o-transition: all .25s ease-out;
						transition: all .25s ease-out;
		}

			.content__nav > li > a:hover {
				color: #fff;
				padding-left: 1rem;
				background-color: rgba(0,0,0,0.2);
			}

		/*a*/.content__nav--active {
			background-color: rgba(0,0,0,0.3);
		}

		.content__subnav {
			margin: .3rem 1rem;
			font-size: 85%;
		}





/*------------------------------------*\
	$STYLE TRUMPS / STATES
\*------------------------------------*/
body {
	background-color: #e2dcd2;
	position: relative;
}

section, footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #fdfdfc;
	border-left: 10px solid #ebe8e4;
	border-right: 10px solid #ebe8e4;
}

.navbar {
	margin-bottom: 0;
	border: none;
	background: -moz-linear-gradient(top, #2a4e78, #21446c);
	background: -webkit-gradient(linear, center top, center bottom, from(#2a4e78), to(#21446c));
	background-color: #1c3d63;
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0, 0.35);
	   -moz-box-shadow: 0 3px 4px rgba(0,0,0, 0.35);
			box-shadow: 0 3px 4px rgba(0,0,0, 0.35);
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.navbar-default .navbar-nav>li>a, 
.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
}

	#appHeaderTitle:after {
	}

		/*.navbar-default .navbar-nav>li>a*/#appHeaderTitle img {
			display: none; /* over-ride the javascript injection of logo img */
		}

	.navbar-default .navbar-nav>li>a:hover {
		color: rgba(255,255,255,0.85);
	}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav .open>a, 
.navbar-default .navbar-nav .open>a:hover, 
.navbar-default .navbar-nav .open>a:focus {
	color: #fff;
	background-color: #c2930b;
}
	
	/*.navbar-default .navbar-header*/ button.navbar-toggle {
		color: #fff;
		background-color: #1E395A;
		font-size: 2.4rem;
		border: none;
		padding: 0.4rem 1.1rem;
		/*color: #1E395A;
		border: 1px solid #fff;
		background-color: #fff;
		padding: 1rem 1.5rem;*/
	}
	
		.navbar-default .navbar-header button.navbar-toggle:hover {
			background-color: rgba(30, 57, 90, 0.6);
		}
		.navbar-default .navbar-header button.navbar-toggle:active, 
		.navbar-default .navbar-header button.navbar-toggle:focus {
			background-color: #1E395A;
			/*border: 1px solid #1E395A;*/
		}


/*
294D76
1E395A
#c2930b
*/

/*.navbar.affix-top {
	-webkit-transform: translateX(-15px);
			transform: translateX(-15px);
}*/

.section-bg--gradient {
	background: #fdfdfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfc 0%, #f0eee9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#f0eee9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfc 0%,#f0eee9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfc 0%,#f0eee9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfc 0%,#f0eee9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfc 0%,#f0eee9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfc', endColorstr='#f0eee9',GradientType=0 ); /* IE6-9 */
}


.is-hidden {
	display: none;
}

.is-visible {
	display: inline-block;
}

/* a form element is needed just inside an li */
.navbar-form__signedin {
	position: absolute;
	top: -5rem;
	right: 0;
	width: 300%;
	text-align: right;
}

.dashboard {
	background-color: #fff;
}

.dashboard .form-group {
	overflow: hidden;
}

.dashboard .form-group .btn {
	margin-left: .5rem;
}




/*
 Beginning
 the hover effect for the "collectionGalleryContent" part
 by XiaoLong Zhu
 */

.view {
	text-align: center;
	margin-bottom: 30px;
}

.view .mask {
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
}

	.mask a.info:nth-child(1) {
		margin-right: 5px;
	}

	.mask a.info:nth-child(2) {
		margin-left: 5px;
	}

	.view img {
		margin: 0 auto;
	}

	.view-first img {
		width: 100%;
	}

/**
 * ^content ^content__articles
 */
    .text_successful
    {
        font-weight:bold;
        color:#19D175;
    }

/*
 Ending
 the hover effect for the "collectionGalleryContent" part
 by XiaoLong Zhu
 */

/*nav*/.allcollection_dropdown_menu {
	width: 300px;
	padding: 1rem;
}

	.allcollection_dropdown_menu ul, 
	#collection_list_content_col1 ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.allcollection_dropdown_menu li {
			padding: .5rem .5rem .5rem 1.5rem;
		}

			.allcollection_dropdown_menu li:hover, 
			#collection_list_content_col1 li:hover {
				background-color: rgba(0,0,0,0.2);
			}

			.allcollection_dropdown_menu li a,
			#collection_list_content_col1 li a {
				cursor: pointer;
				white-space: normal;
				color: #fff;
			}

				.allcollection_dropdown_menu a:hover,
				#collection_list_content_col1 a:hover {
					text-decoration: none;
					background-color: transparent !important;
					color: #fff !important;
				}

.mainContent
{
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fdfdfc;
    border-left: 10px solid #ebe8e4;
    border-right: 10px solid #ebe8e4;
}

.modalContact
{
    width: 100%;
    height: 560px;
    border: none;
}