/* Typography */

/* responsive text queries */


.white {
	background-color: white !Important;
}
.red {
	background-color: rgb(112, 17, 1);
}

#new-members .h1{
	padding: 0;
	margin-top: -20px;
	font-family: 'Playfair Display', serif;
	color: white;
}
#receptionist .page-padding {
	padding: 10px !important;
}
#receptionist h5 {
	margin-top: -5px;
	color: white;
}
.page-padding {
	padding: 20px;
}
.left .arrow {
	top: 50%;
    right: 4px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: white;
}
.arrow {
	position: absolute;
	z-index: 3;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
	border-width: 13px;
}

.red p {
	color: white;
	font-size: 12px;
}

.balloon {
	width: 100%;
	float: right;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.22);
	position: relative;
    display: block;
}

@media screen and (max-width: 991px) {
	.balloon {
		width: 100%;
		padding: 15px;
	}
}

@media screen and (max-width: 600px) {
	.balloon p{
		font-size: 12px;
	}
	#receptionist h4 {
		font-size: 12px;
	}
}

#new-members .nav a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b50306+0,c40003+1,a80002+19,840204+99 */
	background: #b50306; /* Old browsers */
	background: -moz-linear-gradient(top,  #b50306 0%, #c40003 1%, #a80002 19%, #840204 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b50306), color-stop(1%,#c40003), color-stop(19%,#a80002), color-stop(99%,#840204)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b50306 0%,#c40003 1%,#a80002 19%,#840204 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b50306 0%,#c40003 1%,#a80002 19%,#840204 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b50306 0%,#c40003 1%,#a80002 19%,#840204 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #b50306 0%,#c40003 1%,#a80002 19%,#840204 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50306', endColorstr='#840204',GradientType=0 ); /* IE6-9 */
	color: white;
}

#new-members .nav li:hover a, #new-members .nav li:focus a{
	background: rgb(136, 20, 0) !important;
}

#new-members .nav .active a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfff4 0%,#e9e9ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
	color: #333;
	border-bottom: none;
}

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

#new-members .tab-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9ce+0,fcfff4+100 */
	background: #e9e9ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9e9ce 0%, #fcfff4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9ce), color-stop(100%,#fcfff4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9ce 0%,#fcfff4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9ce', endColorstr='#fcfff4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ddd;
}

#new-members .tab-content .nav .active a {
	background: white !Important;
	border: 1px solid #ddd;
}

.tab-inside {
	height: 100%;
}
#new-members .nav li a:focus, #new-members .nav li a:hover{
    background-color: rgb(83, 11, 0) !important;
    color: white;
}
#new-members .nav li.active a:active, #new-members .nav li.active a, #new-members .nav li.active a:hover,#new-members .nav li.active a:focus{
	color: #333 !Important;
	background: #fcfff4 !Important;
    background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%) !Important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)) !Important;
    background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%) !Important;
    background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%) !Important;
    background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%) !Important;
    background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%) !Important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ) !Important;
}
#new-members span.hidden-xs,#new-members span.glyphicon {
    margin-right: 10px;
}
#new-members .nav-tabs-responsive {
    overflow: hidden;
}
@media screen and (min-width: 550px) and (max-width: 768px){
	#receptionist .col-xs-12.col-sm-9.left{
		width: 70% !important;
	}
	#receptionist .col-xs-5.col-xs-offset-7.col-sm-3.text-center.mt{
		width: 30% !Important;
		margin-left: 0 !Important;
	}
	#members .tc {
		text-align:center !important;
	}
	.col-sm-3.col-xs-6:nth-child(2n+1){
		clear: left;
	}
}
@media screen and (max-width: 550px){	
	.bp{
		border-radius: 0;
		border: 1px solid #F9F9F9;
	}
	.bbx{
		border: none;
		box-shadow: none;
	}
	.p5{
		padding: 5px;
	}
	.np{
		padding-left: 0 !Important;
	}
	p {
		margin: 0 0 10px;
		word-break: break-word;
	}
	#members input[type="email"], input[type="text"] {
		width: 100%;
	}
	#members .container {
		padding-right: 5px;
		padding-left: 5px;
	}
	#members .btn {
		padding: 5px;
		margin-bottom: 10px !Important;
		width: 100%;
		margin: 0 auto;
	}
	#members .no-float{
		float: none !Important;
		display: block;
		text-align: center;
	}
	#members .tc {
		text-align:center !important;
	}
	#members h3.panel-title{
		margin: 0;
	}
	.page-padding {
		padding: 5px;
	}
	#new-members .nav>li>a{
		padding: 5px;
	}
	#new-members span.glyphicon {
		margin-right: 3px;
	}
	#receptionist .mt {
		margin-top: 10px;
	}
	#receptionist .arrow{
		display: none;
	}
	#home .thumbnail p{
		font-size: 8px;
	}
	#home .tab-content.tab-inside .col-xs-3{
		padding-left: 5px;
		padding-right:5px;
	}
	#home .col-sm-3.col-xs-6:first-child ,.col-sm-3.col-xs-6:nth-child(2n+1){
		padding-left: 15px !important;
		padding-right: 5px !important;
	}
	.col-sm-3.col-xs-6:nth-child(2n+1){
		clear: left;
	}
	#home .col-sm-3.col-xs-6:nth-child(1n+1) {
		padding-right: 15px;
		padding-left: 5px;
	}
	#home .thumbnail{
		margin-bottom: 10px;
	}
	#members h3{
		font-size: 20px;
		margin: 10px 0;		
	}
	.tab-content.tab-inside.page-padding.white span.glyphicon.glyphicon-triangle-top,.tab-content.tab-inside.page-padding.white span.glyphicon.glyphicon-triangle-bottom{
		font-size: 8px;
	}
	
	.tab-content.tab-inside.page-padding.white ul,.tab-content.tab-inside.page-padding.white ol{
		padding-left: 20px;
	}
}