/* COLORS */
/*
Header bg #FF2A5A
heading b50833
Search box #200100
Text #FF0041
Footer bg #2F2F2F
Footer bottom bg #0B0B0B
#d92d5f;
*/
html,
body {
    height: 100%;
}
body {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 1rem;
    line-height: 22px;
}
a {
    color: #000;
}
a:hover {
	color: #fea300; text-decoration: underline;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/************************* NAVIGATION **************************/
.topbar {
	width: 100%; background-color: #fff; border-bottom: 1px solid #fff; padding: 10px 0px 4px 0px;
}
.hidebar {
    position: fixed; top: 0; z-index: 0;
}
.topbar .download {
	text-decoration:underline; font-weight:bold; color:#000; 
}
.topbar a {
    color: #666;
}
.topbar span {
    padding: 10px; display: inline-block;
}
.headerbar {
    width:100%; background-color: #fff; clear:both; z-index:2;box-shadow: 0 0 10px 2px rgba(0,0,0,.05);
}
.headerbar .navbar { 
	min-height: 56px; margin-bottom:0; border:0; 
}
.headerbar .navbar-brand {
	padding: 5px 0px;
}
.headerbar .navbar-brand img {
	max-width: 175px; 
}
.headerbar #navbar2 {
	float: right; padding-right:0;
}
.headerbar .nav li a {
	color: #000; padding: 20px 15px;
}
.headerbar .nav li a:hover, .headerbar .nav li a:focus {
	color:#fff; background:#b50833;
}
.headerbar .nav li.dropdown ul li a {
	color:#666; padding: 10px 15px;
}
.headerbar.fixed {
    position: fixed; top: 0; width: 100%;
}
.headerbar.fixed .navbar { 
	margin-bottom:0px; min-height:50px;
}
.headerbar.fixed .navbar-brand img {
    max-width: 190px;
}
.headerbar.fixed .nav li a {
	padding: 25px 15px;
}
.headerbar .nav li.dropdown a:hover, .headerbar .nav li.dropdown.open>.dropdown-toggle, .headerbar .nav li.dropdown ul li a:hover {
	color:#fff; text-decoration:none; background:#b50833;
}
.headerbar .nav li.dropdown ul li a:hover {
	color:#fff; text-decoration:none; background:#FF2A5A;
}
.navbar-toggle { 
	margin:15px; background-color: #222; border-color: #333;
}
.navbar-toggle:hover {
	background-color: #333;
}
.navbar-toggle .icon-bar {
	background-color:#fff;
}
.hiddenDiv {
    display: none;
}
/************************* NAVIGATION **************************/
/************************* CAROUSEL *****************************/
header.carousel {
    height: 63%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
    height: 100%;
}
header.carousel .fill {
    width: 100%; height: 100%; background-position: center; background-size: cover;
}
/************************* CAROUSEL *****************************/
.searchbox {
    text-align: center; position: relative; top:-111px;
}
.homewrapper { position:relative; }
.searchbox .searchform  {
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 1px #000;    
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    border-radius: 6px;
    text-align:left; width:90%;
}
.searchbox .searchform .srchcol2 { width:13.66666667%; padding-right:10px; padding-left:10px; }
.searchbox .searchform .srchcol1 { padding-right:10px; padding-left:10px; }
.wrapper { padding: 118px 0 30px; }
.wrapper .title { 
	color: #FF0041;
	font-size:30px;
	text-decoration:underline;
	margin-bottom:20px;
}
.wrapper .content p { font-size: 16px; line-height:24px; margin:15px 0; }
.wrapper .container { margin-top:15px; }
.well h2 { font-size:27px; }
.heading {
   
    
	background-image: linear-gradient(-111deg, rgb(31, 71, 16) 5%, rgb(82, 149, 28) 98%);
}
.heading h1 {
    font-size: 24px;
    color: #ffffff;
    margin: 0;
}
.pinktext { color:#FF0041; }
.form-group.required .control-label:before{
   color: #ff0000;
   content: "* ";  
}
.dobdd { padding-left:0; }
.dobyy { padding-right:0; }

/*--- FOOTER ---*/
footer ul li {font-size:1.20rem; color:#797978; text-decoration:none; font-weight:500;}
footer ul li a {color:#797978;}
footer li a:hover {color:#e09c0c; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration:none;}

footer ul.social li a {font-size:3rem;}

footer h5 {color:#484859; font-size:1.60rem;font-weight: 700 !important;}

footer ul.contact-info {list-style:none; padding:0;  margin-top:25px;}
footer ul.contact-info li {font-size:1.24rem; margin-bottom:20px; position:relative; padding-left:36px;}
footer ul.contact-info li [class^="i-"]:before, footer ul.contact-info li [class*=" i-"]:before {position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:1.5rem;}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
	z-index:2;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 14px; /* height of link element */
    right: 8px; /* padding from the left side of the window */
	z-index:2;
}
.errmsg { color:#ff0000; }
label {
    font-size: 14px;
    font-weight: normal;
	line-height: 1.6;
}
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.pagination {
	margin: 0;
}
.pagination > li > a, .pagination > li > span {
	color: #FF0041;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
	color: #fff;
	background-color: #FF2A5A;	
	border-color: #FF2A5A;
}
/************************************************* SEARCH PAGE ***********************************/
.searchpage h2.rescount { margin-bottom:20px; }
.searchpage .refinesearch ul li { padding:4px 15px; }
.searchpage .refinesearch h5 {
	color: #333;
	background-color: #f5f5f5;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 10px 15px;
	margin-top:20px;
}
.searchpage .panel-title > a:hover, a.readmore { color:#FF0041; }
.searchpage .img img { width:160px; height:160px; margin:0 auto; }
/*
.searchpage .panel-body ul li label { width:40%; }
.searchpage label.lblheight { padding-left:30px; }
*/
p.expint { margin-top:10px; }
.btnpink {
	background-color: #6b6466;
	border: 0;
	transition: all 0.3s ease-in-out;
	color: #fff;
}
.btnpink:hover, .btnpink:focus, .btnpink-visited {
	background-color: #b50833;	
	color: #fff;
}

.btn-vvy {
	background-color: #64247f;
	border: 0;
	transition: all 0.3s ease-in-out;
	color: #fff;
}
.btn-vvy:hover, .btn-vvy:focus, .btn-vvy-visited {
	background-color: #fff;	
	color: #f2a605;
	border: 1px solid #64247f;
}
/************************************************* SEARCH PAGE ***********************************/
/********************************************** VIEW PAGE ****************************************/
.viewpage .col-sm-2 { padding:0 10px; }
.viewpage fieldset { margin-top:20px; }
.viewpage .text-bold { font-weight:700; }
.viewpage .img img { width:160px; height:180px; margin:0 auto; }
.viewpage label{margin-bottom: 0;}
/********************************************** VIEW PAGE ****************************************/
/************************************* MODAL **************************/
.vyModal .modal-header,
.vyModal .modal-footer {
	background-color: #FF2A5A;
	color: #fff;
}
.vyModal .modal-footer {
	padding: 5px;
	text-align: center;
}
.vyModal .modal-title,
.vyModal button.close {
	color: #fff;
	opacity: 1;
}
/****************************** MODAL ***********************************/
/****************************** PHOTO GALLERY ******************************/
.galleryslider .carousel-indicators {
	margin: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	background-color: #fff;
	position: static;
}
.galleryslider .carousel-indicators li {
	width: 60px;
	height: 60px;
	margin: 0 10px;
	border: 0;
	border-radius: 0;
	border: 3px solid #FF2A5A; 
	overflow: hidden;
	text-indent: 0;
	opacity: 0.8;
}
.galleryslider .carousel-indicators .active {
	width: 60px;
	height: 60px;
	border: 3px solid #b50833;
	opacity: 1;
}
.galleryslider .carousel-inner .item {
	text-align: center;
}
.galleryslider .carousel-inner .item img {
	margin: 0 auto;
	max-width:320px;
	max-height:430px;
}
.galleryslider .carousel-indicators li img {
	width:60px; height:60px;
}
.galleryslider .carousel-control.right,
.galleryslider .carousel-control.left {
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 1);
	border-radius: 100%;
	top: 40%; 
}
.galleryslider .carousel-control .fa-chevron-left {
	margin: -5px;
}
.galleryslider .carousel-control .fa-chevron-right {
	margin-right: -5px;
}
.galleryslider .carousel-control .fa {
	margin-top: 20px;
}
/*********************************** PHOTO GALLERY ***************************/

/********************************* MEMBERSHIP PLAN *******************************/
.plans .panel {
    text-align: center; font-size:18px;
}
.plans .panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.plans .panel-body {
    padding: 0px;
    text-align: center;
}
.plans .panel-title {
    font-size:30px;
}
.plans .the-price{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}
.plans .the-price h1 {
    line-height: 1em;
    padding: 0;
    margin: 0;
	color: #FF0041;
	font-size:40px;
}
.plans .table > tbody > tr > td, .plans .panel-footer { padding:20px; }

/********************************* MEMBERSHIP PLAN *******************************/


/***************************** FAQs & HELP ****************************/
/* start FAQ page*/
.faq {
	border-bottom: solid 1px #eee;
}
.faqContent {
	padding: 30px 0;
}
.faqContent h3 {
	font-size: 24px;
	color: #718493;
	margin-bottom: 25px;
	position: relative;
	cursor: pointer;
	padding-right: 40px;
}
.faqContent h3.active {
	color: #d92d5f;
}
.faqContent h3:after {
	content: '';
	position: absolute;
	right: 0;
	top: -3px;
	width: 30px;
	height: 30px;
	background: url(../images/sprite.png) 0 10px no-repeat; 
}
.faqContent h3.active:after {
	background: url(../images/sprite.png) 0 -15px no-repeat; 
}
.faqContent .answer {
	font-size: 14px;
	color: #8fa4b7;
	line-height: 25px;
	margin-bottom: 20px;
	display: none;
}
.faqContent .answer a {
	color: #34a2c3;
	text-decoration: underline;
}
/* end FAQ page*/
/******************************** MANGAL KARYALAY PAGE **************************/
.contactAddress {
	padding-top: 5px;
}
.contactAddress h5 {
	margin: 0 0 10px;
	font-size: 20px;
	color: #d92d5f;
}
.contactAddress .tab-content {
	padding: 20px 10px; 
}
.contactAddress .tab-content ul {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #eee; 
}
.contactAddress .tab-content li {
	margin-bottom: 10px;
}
.contactAddress li label {
	width: 100px;
	font-weight: 400;
	float: left;
	color: #000;
}
.contactAddress .nav-tabs > li > a {
	font-size: 16px;
}
/******************************** MANGAL KARYALAY PAGE **************************/
@media screen and (max-width: 480px) {
	.topbar .col-sm-5 {
		display: none;
	}
	.headerbar .navbar { min-height: 70px; }
	.headerbar .navbar-brand img {
    		max-width: 190px;	
	}
	.navbar-nav { margin: 7.5px 0px; }
	.headerbar #navbar2 { float:none; }
	.headerbar .nav li a { padding: 10px 15px; }
	.headerbar.fixed .nav li a { padding: 10px 15px; }
	.headerbar .nav li.dropdown ul li a { color:#fff; }
	.searchbox {
		top:0; 
	}
	.searchbox .searchform {
		border-radius: 0; width:100%;
	}
	.dobdd, .dobmm, .dobyy { margin-bottom:15px; padding-left:0; padding-right:0; }
	.homewrapper { top:0; }
	 .aboutus {background:url(../headers/about-us-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
	
}
@media screen and (max-width: 320px) {
	.topbar span {
		font-size: 12px; padding:3px;
	}
	 .aboutus {background:url(../headers/about-us-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
}
.tabmenu a {
	color: #28a0c5;
	padding: 5px 10px;
	margin-right: 10px;
	border: solid 1px #28a0c5; 
	display: inline-block;
	border-radius: 3px;
}
.tabmenu a:hover,
.tabmenu a.active {
	color: #d92d5f;
	border-color:#d92d5f;
}


/************************** PROFILE ***********************************/
/*h1, h2, h3, h4, h5, h6 {
    color: #677399;
}*/
/*profile section */
.profileWrapper {
	background-color: #eaeff5;
	border-bottom: solid 1px #d1d2d6;
}
.profileInfo {
	text-align: center;
	padding: 20px 0;
	border-right: solid 1px #d1d2d6;
}
.profileInfo .img {
	width: 160px;
	margin: 0 auto 20px;
	position: relative;
}
.profileInfo .img a {
	display: block;
	height: 160px;
	line-height: 160px;
	background-color: #fff;
}
.profileInfo span {
	display: block;
}
.profileInfo .name {
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.profileInfo .dob {
	font-style: italic;
} 
.profileInfo strong {
	color: #d92d5f;
}
.profileActivity {
	padding: 20px 0;
}
.profileActivity .tab-content {
	display: none;
	clear: both;
	padding: 20px 0 10px;
}
.profileActivity #tab-1 {
	display: block;
}
.profileActivity .tabs-menu li {
	float: left;
	margin-right: 20px; 
	border-right: solid 1px #666;
	padding-right: 20px;
}
.profileActivity .tabs-menu li a {
	font-size: 20px;
}
.profileActivity .tabs-menu li:last-child {
	border: 0;
}
.profileActivity .tabs-menu li.current a {
	color: #d92d5f;
	font-weight: 600;
}
.profileActivity label {
	font-weight: 600;
	width: 120px;
	position: relative;
}
.mymatriactivity label {
	
	width: 200px;
	
}
.profileActivity label:after {
	content: ":";
    position: absolute;
    right: 10px;
}
.profileActivity .buttonWrapper {
	border-top: 1px solid #d1d2d6;
	padding-top: 15px;
}
.profileActivity .buttonWrapper .btn {
	margin-right: 10px;
}
.profileActivity .buttonWrapper .clearfix {
	margin-top: 10px;
} 
.profileActivity .buttonWrapper .clearfix a {
	color: #28a0c5;
	margin-right: 20px; 
}
.profileActivity .buttonWrapper .clearfix a:hover {
	color: #d92d5f;
} 
.profileActivity .buttonWrapper .clearfix a.btn {
	color: #fff;
	
}
.profileInformation h3 {
	margin-bottom: 15px;
}
.profileInformation ul {
	border: solid 1px #b3c5d9;
	padding: 20px 15px 0;
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/*.profileInformation ul:after,
.profileInformation ul:before {
	left: 20px;
	bottom: 100%; 
	position: absolute;
	content: '';
}  
.profileInformation ul:after {
	border-bottom: solid 10px #b3c5d9; 
	border-left: solid 10px transparent; 
	border-right: solid 10px transparent;
} 
.profileInformation ul:before {
	border-bottom: solid 9px #fff; 
	border-left: solid 9px transparent; 
	border-right: solid 9px transparent;
	z-index: 2;
	margin-left: 1px;
}*/
.profileInformation ul li {
	width: 50%;
	float: left;
	margin-bottom: 15px;
}
.profileInformation ul li label {
	width: 150px;
	float: left;
	font-weight: normal;
	color: #aaa;
	text-align: left;
}
.profileInformation ul li span {
	float: left;
	color: #222;
	text-align: left;
}
.editProfileForm .form-control {
	padding: 7px 5px;
	width: 100%;
	height: 38px;
}
.editProfileForm select.form-control {
	width: 190px;
	padding: 8px 5px;
	height: 38px;
}
.editProfileForm .dob .form-control {
	width: 57px;
	float: left;
	margin-right: 10px; 
}
.editProfileForm ul li label {
	margin: 0;
}
.editProfileForm .buttonWrapper {
	padding: 20px;
	text-align: center;	
}
.editProfileForm .buttonWrapper .btn-Default {
	border: solid 1px #ccc;
}
.editProfileForm .buttonWrapper .btn {
	margin-right: 10px;
}
.profileInformation .editform {
	display: none;
}
.profileInformation .editform1 {
	display: none;
}
.profileInformation .editform2 {
	display: none;
}
.profileInformation .editform3 {
	display: none;
}
.profileInformation .editform4 {
	display: none;
}
.profileInformation .editform5 {
	display: none;
}
.profileInformation .editform6 {
	display: none;
}
.profileInformation .editform7 {
	display: none;
}
.profileInformation .editform8 {
	display: none;
}
.abooutSelf {
	padding-bottom: 10px;
}
.abooutSelf textarea {
	height: 110px;
	resize: none;
	margin-bottom: 10px;
}
.abooutSelf p {
	font-size: 13px;
}
.abooutSelf strong {
	color: #d92d5f;
}
.contactEditForm label {
	margin: 0;
	line-height: 36px;
	float: left; 
}
.contactEditForm span {
	display: inline-block;
	width: 50%;
}
/*profile section */
#intrestModal .radio {
	display: block;
	margin-bottom: 20px;
}
#messageModal textarea {
	background-color: #fff;
	resize: none
}
#messageModal .checkbox {
	margin: 10px 0 5px;
}
.editbtn {
	float: right;
}
.editLink .glyphicon {
	font-size: 12px;
	margin-left: 5px;
}
.mymatriactivity .infolist p {
 float: left;
 width: 50%;
}
@media screen and (max-width: 967px) {
	.profileInfo {
		border: 0;
		padding: 20px 0;
	}
	.profileActivity > #tabs-container {
		height: auto;
	}
	.asideMenu {
		padding: 0;
		margin: 0;
		border: 0;
		border-top: solid 1px #b3c5d9;
	}
	.asideMenu:before, .asideMenu:after {
		display: none;
	}
	.asideMenu li.head a {
		padding-left: 20px;
	}
	.asideMenu li.head {
		position: relative;
		border-top: 0;
	}
	.asideMenu li.head:after {
		position: absolute;
		right: 10px;
		top: 0px;
		content: '+';
		font-size: 30px;	
	} 
	.asideMenu li.head.active:after {
		top: -15px;
		content: '_';
		color: #bb0659;
	}
	.asideMenu .submenu {
		display: none;
	}
	.asideMenu .submenu li:hover {
		background-color: #fafafa;
	}
	.profileActivity {
		padding: 20px 0;
	}
	.tabmenu a {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
	.profileInformation ul li label {
		float: none;
		width: 100%;
	}
	.profileActivity .buttonWrapper .pull-left,
	.profileActivity .buttonWrapper .pull-right {
		float: none!important;
		margin-bottom: 10px;
	}
	.tabmenu a {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.mymatriactivity label {
		width: 100%;
	}
    .mymatriactivity label:after {
		display:none;
	}
	.mymatriactivity .infolist p {
		margin-bottom:20px;
	}
}
@media screen and (max-width: 480px) {
	.profileInformation h3 {
		font-size: 20px;
	}
	.profileInformation ul li label {
		margin-bottom: 0;
	}
	.profileInformation ul li {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.profileInformation ul.basicInfo {
		padding-right: 5px;
	}
	.profileInformation ul.basicInfo .clearfix {
		padding-right: 10px;	
	}
	.profileInformation ul li span,
	.editProfileForm select.form-control {
		float: none;
		display: block;
		width: 100%;
	}
	.profileActivity .tabs-menu li {
		margin-right: 10px;
		padding-right: 10px;
	}
	.profileActivity .buttonWrapper .btn {
		margin: 0 0 10px 0;
		display: block;
	}
	.profileActivity .tabs-menu li a {
		font-size: 14px;
	}
	.mymatriactivity a {
	  display:block;
	  margin-bottom: 10px;
	}
.mymatriactivity .infolist p {
 float: left;
 width: 100%;
}
}
/********************************** SEARCH RESULT PAGE ***************************/
/* Refine filter */
.refinefilter {
	margin-bottom: 20px;
}
.refinefilter h2 {
	margin: 0 0 5px;
	padding: 12px 10px;
	background-color: #ccc;
    color: #222;
	font-size: 20px;
}
.refinefilter h5 {
	background-color: #f3f3f3;
	color: #666;
	padding: 10px; 
	margin: 0 0 5px;
	position: relative;
	cursor: pointer;
	border: solid 1px #ccc;
}
.refinefilter h5:after {
	position: absolute;
	content: '_';
	top:-4px;
	right: 10px;
	font-size: 20px;
}
.refinefilter h5.active:after {
	position: absolute;
	content: '+';
	top:5px;
	right: 10px;
	font-size: 20px;
}
.refinefilter .form {
	padding: 10px 10px 0;
	height: 150px;
	overflow-y: auto;
	margin: 5px 0;
	background-color: #f5f5f5;
}
.refinefilter .form .checkbox {
	margin-bottom: 10px;
}
.refinefilter .form .checkbox label {
	font-size: 14px;
	line-height: 22px;
	color: #222;
	display: block;
}
.refinefilter .form a small {
	float: right;
}
.refinefilter .form a {
	display: block;
	margin-bottom: 5px;
}
.form.refineSearch {
	display: none;
	height: auto;
}
.refinefilter h5.first:after {
	position: absolute;
	content: '+';
	top:5px;
	right: 10px;
	font-size: 20px;
}
.refinefilter h5.first.active:after {
	position: absolute;
	content: '_';
	top:-4px;
	right: 10px;
	font-size: 20px;
}
/* Refine filter */
/* photo shadow effect */
.img a {
	overflow: hidden;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.img {
	position: relative;
	background-color: #fff;
}
.profileInfo .img:before, 
.profileInfo .img:after,
.result .img:before, 
.result .img:after
 {
  z-index: 1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 88%;
  max-width:160px;
  background: #000;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.profileInfo .img:after,
.result .img:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/* photo shadow effect */
.result li .img::before, .result li .img::after {
	z-index: -1;
}
/*refine Search*/
.refineSearch {
}
.refineSearch label {
	font-weight: normal;
	display: block;
	color: #666;
}
.refineSearch .ageWrapper .from {
	width: 48%;
	float: left;
}
.refineSearch .ageWrapper {
	overflow: hidden;
}
.refineSearch .ageWrapper .to {
	width: 48%;
	float: right;
}
.refineSearch .btn {
	font-size: 20px;
	display: block;
	width: 100%;
}
.refineSearch .btn .glyphicon {
	font-size: 18px;
}
.refineSearch select.form-control {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	background: #fff url(../img/dropdown_arrow.png) right 14px no-repeat;
}
/*refine Search*/
.result li {
	border: solid 1px #dee0ef;
	margin-bottom: 20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.result li .img  {
	width: 150px;
	text-align: center;
	margin-right: 10px;
	clear: both;
	display: block;
	margin: 0 auto;
	background-color: #fff;
}
.result li .img a {
	height: 150px;
	line-height: 150px;
}
.result li .left {
	border-right: solid 1px #dee0ef;
	overflow: hidden;
}
.result li .basicInfo small {
	display: block;
	margin-bottom: 10px;
	color: #28a0c5;
}
.result li .basicInfo .label {
	padding: 5px 10px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	background-color: #d92d5f;
	color: #fff;
	display: inline-block;
}
.result li .basicInfo .label-info {
	background-color: #5bc0de!important;
}
.result li .right .aboutSummary {
	color: #999; 
	clear: both;
}
.basicInfo { 
	text-align: center;
}
.result li .right .aboutSummary a {
	color: #d92d5f;
}
.result li .right .linksWrapper a {
	margin-right: 20px;
	color: #28a0c5;
}
.result li .right .linksWrapper a.btn {
	color: #fff;
}
.result li h4 {
	margin: 0 0 10px;
	border-bottom: solid 1px #eee;
}
.result li h4,
.result li h5 {
	background-color: #fafafa;
	clear: both;
	padding: 10px;
	color: #d92d5f;
}
.result li h4 small {
	color: #28a0c5;
	margin-left: 5px; 
}
.result li h5 {
	margin: 10px 0 0;
	border-top: solid 1px #eee;
}
.result li .linksWrapper {
	margin-top: 20px;
	text-align: center;
}
.result li .linksWrapper .btn {
	
}
/* advance search */
.note {
	font-size: 18px;
	color: #222;
	text-align: center;
}
.advanceSearch form {
	max-width: 600px;
	margin: 0 auto;
	background-color: #fafafa;
	border: solid 1px #eee;
	padding: 40px;
}
.advanceSearch .form-control, 
.advanceSearch label:before {
	background-color: #fff;
}
.advanceSearch .ageWrap .form-control {
	width: 48%;
}
.advanceSearch .ageWrap .from {
	float: left;
}
.advanceSearch .ageWrap .to {
	float: right;
}
.advanceSearch .radio-inline, 
.advanceSearch .checkbox-inline {
	padding: 10px 20px 0 0;
}
.advanceSearch .radio-inline label, 
.advanceSearch .checkbox-inline label {
	font-size: 14px;
}
.advanceSearch .controlLabel {
	margin: 0;
	line-height: 40px;
}
.materialStatus .checkbox  {
	padding-right: 0;
	margin: 0 10px 10px 0;
}
.searchLinkWrapper {
	margin-bottom: 50px;
}
.searchLinkWrapper a {
	font-size: 20px;
	position: relative;
	display: inline-block;
	line-height: 60px;
}
.searchLinkWrapper a i {
	color: #fff;
	font-size: 24px;
	margin-right: 10px;
	padding: 18px;
	float: left;
}
.searchLinkWrapper a:before {
	width: 60px;
	height: 60px;
	background-color: #677399;
	border-radius: 100%;
	position: absolute;
	left: 0;
	content: '';
}
.searchLinkWrapper a:hover:before {
	background-color: #bb0659;
}
.list ul {
	height: 120px;
	overflow-y: auto;
	border: solid 1px #ccc;
	padding: 5px; 
	background-color: #fff;
}
.list ul li label {
	display: block;
}
.list ul li {
	display: block;
	padding: 5px;
	margin-bottom: 5px;
}
.list ul li:hover {
	background-color: #fafafa;
}
.keepcenter {
 margin:0 auto;
 float:none;
}
@media screen and (max-width: 967px) {
	.result li .left {
		margin-bottom: 20px;
		border: 0; 
	}
	.result li .left, 
	.result li .right {
		clear: both;
	}
	.result li .right .aboutSummary {
		height: auto;
		margin-bottom: 20px;
	}
	.searchLinkWrapper a {
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}
	.advanceSearch .ageWrap .form-control {
		width: 33%;
	}
	.searchLinkWrapper a {
		font-size: 14px;
	}
	.aboutSummary .summary {
		height: auto;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) { 
	.searchLinkWrapper a i {
		font-size: 16px;
		padding: 10px;
	}
	.searchLinkWrapper a {
		line-height: 40px;
	}
	.searchLinkWrapper a:before {
		width: 40px;
		height: 40px;
	}
	.advanceSearch .ageWrap .form-control {
		width: 48%;
	}
	.refineSearch {
		padding: 10px 0 0;
	}
	.refinefilter .form {
		display: none;
	}
	
	.refinefilter h5:after {
		position: absolute;
		content: '+';
		top:5px;
		right: 10px;
		font-size: 20px;
	}
	.refinefilter h5.active:after {
		position: absolute;
		content: '_';
		top:-4px;
		right: 10px;
		font-size: 20px;
	}
}
@media screen and (max-width: 568px) {
	.result li .right .linksWrapper a {
		margin-right: 10px;
	}
	.result li .img {
		float: none;
		margin: 0 auto 20px;
		display: block;
	}
	.result li .basicInfo {
		padding: 0;
	}
	.advanceSearch form {
		padding: 10px;
	}
	.advanceSearch .ageWrap .form-control {
		width: 48%;
	}
	.searchLinkWrapper a {
		font-size: 14px;
	}
	.searchLinkWrapper .col-xs-4 {
		width: 100%;
		padding: 0;
	}
	.searchLinkWrapper {
		margin-bottom: 20px;
	}
	.linksWrapper a {
		font-size: 12px;
	}
}


.storypink {
    background-image: linear-gradient(-111deg, rgb(31, 71, 16) 5%, rgb(82, 149, 28) 98%);
    color: #fff;
    padding: 25px 0;
    margin: 40px 0;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 600;
}

.storypink .btn-member {
    background: #64247f;
    border: 2px solid #fff;
    border-radius: 3px;
    font-size: 2rem;
    color: #fff;
    transition: all .3s ease-in-out;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    text-decoration: none;
   
    
}

.storypink .btn-member:hover{
background:#fff;
color:#f2a605;
}

.breadcrumb {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0rem;
    color: #fff;
    border-radius: 0rem;
	background-image: linear-gradient(-111deg, rgb(31, 71, 16) 5%, rgb(82, 149, 28) 98%);
}


.breadcrumb a {
    color: #fff;
}

.breadcrumb > .active {
    color: #ffb80e;
}





.aboutus {
    position: relative;
    background: url(../headers/bg.jpg) center center no-repeat;
    background-size: cover;
	
    overflow: hidden;
    clear: both;
	margin-top:120px;
	min-height: 250px;
}

.display-3 {
    font-size: 5.5rem;
    font-weight: 600;
    line-height: 1.2;
	color:#fff;
}

.aboutus .hdr-sub-title {
    font-size: 2.10rem;
}

.mt-5, .my-5 {
    margin-top: 6rem !important;
}

.about {
    padding-top: 30px;
    padding-bottom: 50px;
}

.about span {
    font-size: 17px;
    line-height: 20px;
}

.about p {
    font-size: 14px !important;
    line-height: 28px;
    color: #6d747d;
	margin-bottom: 2rem;
}

@media (max-width:576px) {
 .career {background:url(../img/headers/careers-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .aboutus {background:url(../headers/about-us-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .dealer {background:url(../img/headers/dealer-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .gifting-pg {background:url(../img/headers/gifts-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .manufacture-pg {background:url(../img/headers/manufacturing-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .media-pg {background:url(../img/headers/media-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .contact {background:url(../img/headers/contact-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .product-range {background:url(../img/headers/products-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .global-reach {background:url(../img/headers/global-reach-sm.jpg) center center no-repeat; background-size:cover; overflow:hidden; clear:both;}
 .wrapper { padding: 50px 0 30px; }
}


/*Modify form styles*/
.modifyform .panel{
  border-radius: 0px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	margin-bottom:60px;
}

.modifyform .panel .panel-title{
	font-size: 20px;
}
/*form styles*/
.regform {
    position: relative;
    margin-top: 30px;
}

.regform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 90%;
    margin: 0 5%;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
.regform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
/*.regform input, .regform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

.regform input:focus, .regform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}*/

/*buttons*/
.regform .action-button {
    width: 100px;
    background: #f6bf00;
    font-weight: bold;
    color: #000;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 25px 5px 10px 5px;
	font-size:16px
}

.regform .action-button:hover, .regform .action-button:focus {
    box-shadow: 0 0 0 2px #f6bf00, 0 0 0 3px #f6bf00;
}

.regform .action-button-previous {
    width: 100px;
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.regform .action-button-previous:hover, .regform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 40px;
    letter-spacing: 2px;
    font-weight: bold;
	text-align:center;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
	text-align:center
}

#progressbar li {
    list-style-type: none;
    color: #448019;
    text-transform: uppercase;
    font-size: 9px;
    width: 25%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #fff;
    background: #ccc;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #448019;
    color: white;
}


.regform input,
.regform select option,
.regform select {
  /*width: 100%;*/
  /*padding: 1em;*/
  line-height: 1.4;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.regform input{height:3em}

.regform input[type="radio"],.regform input[type="checkbox"]{height:1.5em}

/*.regform label.radio-inline{padding:0.8em}*/
.regform input:focus {
  outline: 0;
  border-color: #64ac15;
}
.regform input:focus + .input-icon i {
  color: #7ed321;
}
.regform input:focus + .input-icon:after {
  border-right-color: #7ed321;
}
/*.regform input[type="radio"] {
  display: none;
}
.regform label.radio-inline,
.regform select {
  display: inline-block;
  width: 50%;
  text-align: center;
  float: left;
  border-radius: 0;
}
.regform label.radio-inline:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.regform label.radio-inline:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.regform label.radio-inline i {
  padding-right: 0.4em;
}
.regform label input[type="radio"]:checked,
.regform input:checked:before,
.regform select:focus,
.regform select:active {
  background-color: #7ed321;
  color: #fff;
  border-color: #64ac15;
}
.regform input[type="checkbox"] {
  display: none;
}
.regform input[type="checkbox"] + label {
  position: relative;
  display: block;
  padding-left: 1.6em;
}
.regform input[type="checkbox"] + label:before {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  width: 1em;
  height: 1em;
  padding: 0;
  content: "";
}
.regform input[type="checkbox"] + label:after {
  position: absolute;
  top: 0.45em;
  left: 0.2em;
  font-size: 0.8em;
  color: #fff;
  opacity: 0;
  font-family: FontAwesome;
  content: "\f00c";
}
.regform input:checked + label:after {
  opacity: 1;
}*/
.regform select {
  height: 3em;
  line-height: 2;
}
.regform select:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.regform select:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.regform select:focus,
.regform select:active {
  outline: 0;
}
/*.regform select option {
  background-color: #7ed321;
  color: #fff;
}*/
/*.regform .input-group {
  margin-bottom: 1em;
  zoom: 1;
}
.regform .input-group:before,
.regform .input-group:after {
  content: "";
  display: table;
}
.regform .input-group:after {
  clear: both;
}
.regform .input-group-icon {
  position: relative;
}
.regform .input-group-icon input {
  padding-left: 4.4em;
}
.regform .input-group-icon .input-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.4em;
  height: 3.4em;
  line-height: 3.4em;
  text-align: center;
  pointer-events: none;
}
.regform .input-group-icon .input-icon:after {
  position: absolute;
  top: 0.6em;
  bottom: 0.6em;
  left: 3.4em;
  display: block;
  border-right: 1px solid #e5e5e5;
  content: "";
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.regform .input-group-icon .input-icon i {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.container .regform  {
  max-width: 38em;
  padding: 1em 3em 2em 3em;
  margin: 0em auto;
  background-color: #fff;
  border-radius: 4.2px;
  box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2);
}*/
.regform .row {
  zoom: 1;
}
.regform .row:before,
.regform .row:after {
  content: "";
  display: table;
}
.regform .row:after {
  clear: both;
}
.regform .col-half {
  padding-right: 10px;
  float: left;
  width: 50%;
}
.regform .col-half:last-of-type {
  padding-right: 0;
}
.regform .col-third {
  padding-right: 10px;
  float: left;
  width: 33.33333333%;
}
.regform .col-third:last-of-type {
  padding-right: 0;
}
@media only screen and (max-width: 540px) {
  .regform .col-half {
    width: 100%;
    padding-right: 0;
  }
  .regform fieldset { padding:10px;}
  #progressbar li{text-transform:none;}
}


.no-js .multi-step-form fieldset button, .no-js .multi-step-form h2, .multi-step-form.edit-form fieldset button, .multi-step-form.edit-form h2 {
  display: none !important;
}
.no-js .multi-step-form fieldset, .multi-step-form.edit-form fieldset {
  display: block !important;
}
.no-js .multi-step-form [type="submit"], .no-js .multi-step-form [type="reset"], .multi-step-form.edit-form [type="submit"], .multi-step-form.edit-form [type="reset"] {
  display: inline-block !important;
}
.no-js .multi-step-form .steps, .multi-step-form.edit-form .steps {
  display: none;
}
.multi-step-form fieldset {
  display: none;
}
.multi-step-form fieldset:first-of-type {
  display: block;
}
.multi-step-form fieldset.hidden {
  display: none;
}
.multi-step-form fieldset.visible {
  display: block;
}

.error {
  color: red;
}

label .optional {
  font-weight: normal;
  font-size: 90%;
}


.benefits ul {
    padding-left: 30px; color: #fff; line-height: 24px; list-style-position: inside; list-style: none; margin-top:40px
}
.benefits ul li {
    position: relative;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 500;
}
.benefits ul li:before {
    position: absolute;
    content: '\2713';
    font-size: 20px;
    left: -30px;
    color: #fead00;
}

.viewheader h1 {
	font-size: 40px;
	font-weight: 600;
	color: #64237f;
	padding: 0;
	margin-top: 10px;
	text-align: center;
}
.viewheader p, .viewheader p a {
	font-size: 16px;
	line-height: 34px;
}
.viewheader .right ul, .viewheader .right li {
	line-height: 22px;
	padding-bottom: 15px;
	color: #6d747d;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 10px;
}
.viewheader .right ul li label {
	font-weight: 700;
	color: #6d747d;
}
.panel.panel-nav-tabs .panel-heading {
	padding: 5px 5px 0 5px;
}
.panel.panel-nav-tabs .nav-tabs {
	border-bottom: none;
}
.panel-nav-tabs.panel-warning .nav-tabs > li.active > a, .panel-nav-tabs.panel-warning .nav-tabs > li.active > a:hover, .panel-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.panel.panel-nav-tabs .tab-content{padding-top:15px;}

.lafilter .checkbox{margin-top:10px;margin-bottom:10px;}
.lafilter .checkbox label{position: unset;color: #333;padding-left: 20px;display: inline-block;line-height:1.42;}
.lafilter .checkbox input{opacity: unset;left: unset;}
.listbox {
  background: #fff;
  border-radius: 2px;
  display: block;
  margin-bottom: 2rem;
  width: 100%;
  line-height: 1.4;
}
.listbox .row{padding:15px;}
.listbox-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.listbox-shadow:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.listbox .list-title{margin-top: 0;font-size: 2rem;font-weight: 600;}
.listbox .list-id{margin-top: 0;font-size: 14px;font-weight: 600;text-align: center;letter-spacing: 1.2px;}
.row-table {
    display: table;
	height: 100%;
}
.col-align-center {
    display: table-cell;
    vertical-align: middle;
	float: none;
}