body{
	margin:0;
	padding:0;
	//-webkit-text-stroke-width: .05px;
	//-webkit-text-stroke-color: white;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif !important;
	background-color:#363636 !important;
}

h3{
	font-size:14px !important;
	line-height:14px !important;
	font-weight:400 !important;
}

h4{
	font-size:14px !important;
	line-height:14px !important;
	font-weight:300 !important;
}

div.header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:200;
	padding:0 !important;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
}

div.header .innerWrapper{
	background:#0288D1;
	height:60px;
}

div.header .outerWrapper{
	
}


div.header .btnWrapper{
	padding-right:0;
}

div.header .logo{
	width:155px;
	height:62px;
	position:relative;
	
}

div.header .login{
	padding-left:5px;
	padding-top:20px;
	
	height:45px;
}

div.header .login span{
	float:left;
	color:#fff;
}

div.header .login span.user{
	font-size:17px;
	line-height:12px;
}

div.header .login span.loginStatus{
	font-size:16px;
	font-weight:500;
	line-height:16px;
	clear:left;
}

div.header .login span.loginStatus:hover{
	text-decoration:underline;
	cursor:pointer;
}

div.header .breadcrumbWrapper ul{
	position:relative;
	float:left;
	padding:0;
	margin:15px 0 0;
}

div.header .breadcrumbWrapper ul li{
	position:relative;
	float:left;
	
	
	list-style:none;
	font-size:14px;
	font-weight:500;
	color:#666;
	background:url(../images/breadcrumb-icon.png) no-repeat right 4px;
}

div.header .breadcrumbWrapper ul li a{
	text-decoration:none;
	color:#666;
}

div.header .breadcrumbWrapper ul li a:hover{
	color:#999;
}

div.header .breadcrumbWrapper button{
	margin-top: 5px ;
	margin-bottom  :9px ;
	border:0;
	
	height:50px;
	width: 60px;
	font-weight:500;
	border-radius:3px !important;
	box-shadow:none;
}

div.header .breadcrumbWrapper button.btn-info{
	background:url(../images/arrow2.png) no-repeat 10px center !important;
	background-color:transparent !important;
}

div.header .breadcrumbWrapper button.btn-danger{
	background:url(../images/arrow.png) no-repeat 10px center !important;
	background-color:transparent !important;
}

div.header .breadcrumbWrapper button.btn-success{
	background:url(../images/like-icn.png) no-repeat 10px center #8BC24A !important;
}

div.header .breadcrumbWrapper button:hover{
	opacity:.8;
}

div.bodyContentWrapper{
	background:#EDEBEC;
	margin-top:130px;
}

div.pageHeaderContent{
	margin-top:10px;
	margin-bottom:30px;
}

div.bodyContentWrapper .prof-img{
	position:relative;
	background:#F6F6F6 !important;
	padding:20px;
	text-align:center;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
}

div.bodyContentWrapper .prof-img .bottomBar{
	position:relative;
	width:95%;
	height:46px;
	margin:-45px auto 0;
	background:#ffca28;
}

div.bodyContentWrapper .prof-img .bottomBar .editIcon{
	position:absolute;
	width:48px;
	height:48px;
	border-radius:50%;
	top:-15px;
	right:15px;
	background:url(../images/edit.png) no-repeat 10px center #fff !important;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(179,173,179,1);
	box-shadow: 0px 1px 3px 0px rgba(179,173,179,1);
	cursor:pointer;
}

div.bodyContentWrapper .prof-img .bottomBar .editIcon:hover{
 animation: roll 3s infinite;
  transform: rotate(-30deg);
	}

div.bodyContentWrapper .profDetails{
	position:relative;
	padding-top:10px;
	padding-left:30px;
	background:#fff;
	min-height:311px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
}

div.bodyContentWrapper .profDetails .age select{
	border:1px solid #ddd;
	cursor:pointer;
}
div.bodyContentWrapper .profDetails input,
div.bodyContentWrapper .profDetails .status select,
div.bodyContentWrapper .profDetails .gender select{
	border:1px solid #ddd;
	width:100%;
	cursor:pointer;
}

div.bodyContentWrapper .profDetails option{
	cursor:pointer;
}

div.bodyContentWrapper .profDetails .editContentIcon{
	position:absolute;
	bottom:10px;
	right:15px;
	width:26px;
	height:26px;
	background:url(../images/edit-content.png) no-repeat 0 0;
}

div.bodyContentWrapper .profDetails .editContentIcon:hover{
	opacity:.7;
	cursor:pointer;
}

div.bodyContentWrapper .profDetails .editIcon{
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
}

div.bodyContentWrapper .profDetails h3{
	font-weight:600 !important;
	font-size:16px !important;
}

div.bodyContentWrapper .profDetails ul{
	margin:15px 0 0;
	padding:0;
	max-height:180px;
	overflow:auto;
	overflow-x:hidden;
}

div.bodyContentWrapper .profDetails ul li{
	margin:3px 0;
	padding:2px 0 2px 40px;
	list-style:none;
	color:#5e5e5e;
	font-weight:400 !important;
}

div.bodyContentWrapper .profDetails ul li.name{
	background:url(../images/name.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.city{
	background:url(../images/location.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.age{
	background:url(../images/age.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.gender{
	background:url(../images/gender.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.status{
	background:url(../images/status.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.occupation{
	background:url(../images/occupation.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.budget{
	background:url(../images/budget.png) no-repeat 0 center;
}

div.bodyContentWrapper .profDetails ul li.childs{
	background:url(../images/childs.png) no-repeat 0 center;
}

div.qstWrapper{
	height:310px;
	background:#66BB6A;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	text-align:center;
}

div.qstWrapper h3{
	float:left;
	width:100%;
	text-align:center;
	font-size:24px !important;
	color:#fff;
	font-weight:300 !important;
	margin-top:70px;
	line-height:24px !important;
}

div.qstWrapper label{
	color:#fff;
	font-weight:300 !important;
}

div.qstWrapper label.radioBtnLabel{
	font-size:20px;
}

div.qstWrapper label.chkBoxLabel{
	font-size:14px;
	font-weight:400 !important;
}

div.qstWrapper input[type=radio]{
	font-size:28px !important;
	cursor:pointer;
}

div.qstWrapper input[type=checkbox]{
	color:#fff;
	cursor:pointer;
	margin-top:60px !important;
	margin-bottom:20px;
}

div.qstWrapper button{
	padding-left:40px;
	padding-right:40px;
	margin:0 5px;
	background:#fff;
	font-weight:400 !important;
}

div.qstWrapper .btnWrapper{
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
}

div.qstWrapper .dntAskWrap{
	position:absolute;
	left:0;
	bottom:40px;
	width:100%;
}

div.qstWrapper button:hover{
	color:#999;
}

div.optionWrapper{
	position:relative;
	float:left;
	width:100%;
}

div.optionWrapper.onlyTwo{
	margin-top:20px;
}

div.optionWrapper.onlyTwo .select-option{
	position:relative;
	display:inline;
}

div.interestWrapper{
	background:#fff;
	margin-top:20px;
	padding-bottom:20px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
	box-shadow: 0px 1px 2px 0px rgba(179,173,179,1);
}

div.itemContainer .headWrapper h3,
div.interestWrapper h3{
	font-size:16px !important;
	font-weight:600 !important;
	margin-top:10px;
}

div.interestWrapper .headWrapper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:20px;
	background:#f4f4f4;
	height:90px;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
}

div.interestWrapper .contentWrap{
	width:100%;
	float:left;
	margin-top:120px;
}

div.interestWrapper .contentWrap ul{
	padding:0;
	margin:0;
}

div.interestWrapper .contentWrap ul li{
	margin:10px 0 10px 20px;
	padding:10px 0 5px 30px;
	color:#5e5e5e;
	list-style:none;
	background:url(../images/filter-icn.png) no-repeat left center;
	clear:left;
	width:220px;
}

div.interestWrapper .contentWrap ul li.sub-list-main{
	background-position:left 10px !important;
}

div.interestWrapper .contentWrap span.del{
	width:16px;
	height:16px;
	background:url(../images/del-icn.png) no-repeat 0 0;
	float:right;
	cursor:pointer;
}

div.interestWrapper .contentWrap span.del:hover{
	background:url(../images/del-icn-hover.png) no-repeat 0 0;
}

div.interestWrapper .contentWrap ul.sub-list li{
	margin-bottom:0 !important;
	margin-left:0 !important;
	margin-top:0 !important;
	float:left;
	width:100%;
	background: url(../images/filter-icn-sub.png) no-repeat left center !important;
	padding:5px 0 2px 20px;
}

div.interestWrapper .contentWrap ul.sub-list{
	float:left;
	width:100%;
}

div.itemContainer{
	margin-bottom:20px;
}

div.itemContainer .headWrapper{
	width:100%;
	padding:20px;
	margin-top:20px;
	background:#f4f4f4;
	height:90px;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
}

div.itemContainer .itemWrap{
	background:#fff;
	padding-top:20px;
	max-height:310px;
	border-bottom:20px solid #fff;
	overflow:auto;
	overflow-x:hidden;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
}

div.itemContainer  .item{
	position:relative;
	float:left;
	width:145px;
	height:130px;
	margin:0 5px 10px;
}

div.itemContainer  .item .itemOverlay{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:15px 20px 10px 20px;
	min-height:37px;
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:16px;
	font-weight:400;
}

div.itemContainer .itemOverlay .cornerIcon{
	position:absolute;
	right:10px;
	top:-25px;
	width:43px;
	height:43px;
	background:url(../images/selected.png) no-repeat 0 0;
}

div.itemContainer .item:hover img{
	border:3px solid #5cb4cb;
}

div.itemContainer .item:hover{
	cursor:pointer;
}

div.carouselWrapper{
	background:#fff;
	padding-top:20px;
	margin-top:20px;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
	box-shadow: 0px 0px 1px 0px rgba(179,173,179,1);
}

div.carouselWrapper .item{
	position:relative;
	float:left;
	width:145px;
	height:130px;
	margin:0 5px 10px;
}

div.carouselWrapper .item img:hover{
	border:3px solid #5cb4cb;
	cursor:pointer;
}

.footer{
	background:#363636;
	padding:30px 0;
}

.footer .footerMenu{
	margin:10px 0 0;
	padding:0;
}

.footer .footerMenu li{
	float:left;
	margin-right:20px;
}

.footer .footerMenu li a{
	color:#5d5d5d;
	font-size:12px !important;
	cursor:pointer;
}

.carouselWrapper .pager{
	float:left;
	width:100%;
}

.carouselWrapper .pager li a{
	width:18px !important;
	height:18px !important;
	padding:10px;
	border-radius:50%;
	background:#dbdbdb;
	overflow:hidden;
	text-indent:1000px;
	margin-top:20px;
}

.carouselWrapper .pager li.active a{
	background:#43a047;
}

.editView{
	border:1px dashed #FFB300 !important;
	cursor:text;
}
body .searchWrapper{
	width:100%;
	height:40px;
	padding:5px 10px;
	float:left;
	color:#999;
	font-family: 'Roboto', sans-serif !important;
	border:0;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(179,173,179,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(179,173,179,1);
	box-shadow: 0px 0px 2px 0px rgba(179,173,179,1);
	border-radius:3px;
}

body .search-btn{
	position:absolute;
	top:0;
	right:15px;
	width:24px;
	height:24px;
	border:0;
	padding:20px 30px;
	background:url(../images/Search1.png) no-repeat center center;
}
/*--------------------------- responsive styles ---------------------*/
    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.col-md-5.qst{
		background:#66BB6A;
	}
	
	div.bodyContentWrapper .prof-img{
		text-align:left;
	}
	
	div.bodyContentWrapper .prof-img .bottomBar{
		width:34% !important;
		margin:0;
	}
	
	div.itemContainer .headWrapper{
		float:left;
		}
		
	div.interestWrapper{
		width:100%;
	}
	
	div.interestWrapper .contentWrap ul li{
		float:left;
		width:200px;
		clear:none;
	}
	
	div.itemContainer{
		padding:0;
	}
	
	body.likeList .wishIcon,
	body.likeList .likeIcon{
		width:120px !important;
	}
	
	body.likeList .pageHeaderContent .col-md-9{
		margin-top:40px;
		padding:0;
	}
	
	div.interestWrapper .contentWrap{
		background:#ECEFF1;
	}
	
	div.interestWrapper{
		padding-bottom:8px;
	}
	
	body.likeList.questions .questionsWrapper .optionsWrapper,
	body.likeList.questions .questionsWrapper {
		width:100%;
	}
	
	body.likeList.questions .questionsWrapper {
		padding:0;
	}
	
	body.likeList.questions div.interestWrapper{
		margin-bottom:20px;
	}
}

 /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		div.bodyContentWrapper .prof-img .bottomBar{
			width:111%;
		}
    }
	
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		div.bodyContentWrapper .prof-img .bottomBar{
			width:231px !important;
		}
		div.interestWrapper .contentWrap ul li{
			padding-left:30px !important;
		}
		
		body.likeList .wishIcon,
		body.likeList .likeIcon{
			width:60px !important;
			border:0;
		}
		
		body.likeList .result .col-md-5{
			width:70%;
		}
    }
	
	 /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.breadcrumbWrapper .btnWrapper{
			margin-right:35px;
		}

		body.likeList .imgWrapper,
		body.likeList .imgWrapper img{
			width:100% !important;
			height:220px !important;
		}
		
		body.likeList .wishIcon,
		body.likeList .likeIcon{
			height:72px !important;
			margin-bottom:20px;
		}
		
		body.likeList .resultsWrapper h3{
			margin-top:15px;
		}
    }