﻿#preloader {

	position: fixed;
  
	display: none;
  
	text-align: center;
  
	width: 100%; height: 100%;
  
	top: 0; left: 0;
  
	background-color: rgba(255, 255, 255, 0.49);
  
	z-index: 999999999;
  
  }
  
  #page-loading p {
  
	text-align: center;
  
	text-transform: uppercase;
  
	z-index: 99;
  
	padding: 10px 0;
  
	color: black;
  
	font-size: 12px;
  
	overflow: hidden;
  
	margin-top: 5px;
  
  }
  
  #page-loading div {
  
	width: 40px;
  
	height: 40px;
  
	margin: auto;
  
	margin-top: 25%;
  
	border-right: 3px solid #246fc1;
  
	border-bottom: 3px solid transparent;
  
	border-radius: 100%;
  
	-webkit-animation: spin 0.9s linear infinite;
  
	-moz-animation: spin 0.9s linear infinite;
  
	-o-animation: spin 0.9s linear infinite;
  
	animation: spin 0.9s linear infinite;
  
  }
  
  
  
  @keyframes spin {
  
   0% {
  
	  transform: rotate(0deg);
  
	}
  
	50% {
  
	  transform: rotate(180deg);
  
	} 
  
	100% {
  
	  transform: rotate(359deg);
  
	}
  
  }
  
  @-webkit-keyframes spin {
  
   0% {
  
	  -webkit-transform: rotate(0deg);
  
	}
  
	50% {
  
	  -webkit-transform: rotate(180deg);
  
	} 
  
	100% {
  
	  -webkit-transform: rotate(359deg);
  
	}
  
  }
  
  @-moz-keyframes spin {
  
   0% {
  
	  -moz-transform: rotate(0deg);
  
	}
  
	50% {
  
	  -moz-transform: rotate(180deg);
  
	} 
  
	100% {
  
	  -moz-transform: rotate(359deg);
  
	}
  
  }
  
  @-o-keyframes spin {
  
   0% {
  
	  -o-transform: rotate(0deg);
  
	}
  
	50% {
  
	  -o-transform: rotate(180deg);
  
	} 
  
	100% {
  
	  -o-transform: rotate(359deg);
  
	}
  
  }
  
.logo{float: left;
padding-top: 5px;
width: 291px;}

.logo-two{	max-width:291px;width:100%;}
.logo-two img{width:100%;}


.home-banner{background: rgba(0, 0, 0, 0) url("../images/home_banner.jpg") no-repeat scroll center top / cover ;height: auto;}
.header {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#00000000) !important;
	background:-webkit-gradient(linear, 80% 0%, 80% 100%, color-stop(0%, rgba(0,0,0,0.9)), color-stop(80%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0))) !important;
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%) !important;
	background:-moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%) !important;
	background:-o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%) !important;
	background:-ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%) !important;
	background:linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.3) 80%,rgba(0,0,0,0) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#4d000000',GradientType=0 ) !important; /* IE6-8 */	
  width: 100%;
  position: relative;
    width: 100%;
    z-index: 1;
}
.hm-register{
background: rgba(255, 210, 0, 0.8) none repeat scroll 0 0;
float: right;
max-width: 480px;
position: relative;
width: 100%;
	}

.hm-register .login-bg{
background: #f57f00 none repeat scroll 0 0;
border-bottom: 3px solid #f57f00;
}
.hm-register .rg-tag{
	background: rgba(0, 0, 0, 0) url("../images/rg_tag.png") no-repeat scroll 0 0;
height: 59px;
margin: 0 auto;
max-width: 269px;
position: relative;
top: -22px;
width: 100%;}

.banner-text{
color: #ffffff;
font-size: 35px;
padding-top: 40%;
position: relative;
text-align: center;
text-shadow: 4px 4px 4px #000000;
-moz-text-shadow: 4px 4px 4px #000000;
-webkit-text-shadow: 4px 4px 4px #000000;}
.banner-text small{display:block; padding-top:10px;
	font-size:25px;color:#fff;
}
.box:hover .overlay{display:block;}

    .overlay
{background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
display: none;
left: 0;
margin: 0 auto;
max-width: 1170px;
padding: 10px 0;
position: absolute;
right: 0;
width: 100%;}
.overlay h4{color:#fff;	}

.overlay ol{padding:0; margin:0;	}
.overlay ol li{float:none;}
.overlay ol li i{padding-right:10px;}

.overlay ol li a{border-bottom: 1px solid #f57f00;
color: #ffffff !important;
font-size: 12px;
line-height: 20px;
padding: 5px;}
.overlay ol li a:hover{background: #f57f00 none repeat scroll 0 0;
color: #ffffff !important;}

/*********************** Adds*********************************/
.add_1{
	width:100%;
}
.add_1 img{
	width:100%;
}

/*********************** ./Adds*********************************/


.section-one{
padding:30px 0px;	
}
.section-two{
padding:0px;	
}


.about_we-bg{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#00000000) !important;
	background:-webkit-gradient(linear, 2% 0%, 2% 60%, color-stop(0%, rgba(0,0,0,0.0)), color-stop(2%, rgba(0,0,0,0.0)), color-stop(60%, rgba(0,0,0,0.9))) !important;
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 2%, rgba(0,0,0,0.9) 60%) !important;
	background:-moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 2%, rgba(0,0,0,0.9) 60%) !important;
	background:-o-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 2%, rgba(0,0,0,0.9) 60%) !important;
	background:-ms-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 2%, rgba(0,0,0,0.9) 60%) !important;
	background:linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 2%,rgba(0,0,0,0.9) 60%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#4d000000',GradientType=0 ) !important; /* IE6-8 */
	height:auto; 
	/* margin-top:30px; */
	padding:25px 0px 10px 0px;
}
.about_control{
	width:100%; padding:0px 0px 0px 0px; color:#fff;
}

.about_control h3, .about_control p{padding:0px; margin:0px;}
.about_control h3{font-size: 16px;
font-weight: 900;
/* padding-bottom: 6px; */
padding-top: 35px;
text-transform: uppercase;}
.about_control p{}
.about_control i{float: left;
font-size: 70px;
color: #f57f00bf;
height: 76px;
padding-right: 10px; }

.hm-head-text{
	padding:0px;
}
.hm-head-text h1{
	padding:0px; margin:0px; color:#000;font-weight:bold;text-align:center;font-size:26px; padding-bottom:10px;
}
.hm-head-text h1 span{
color:#f57f00;
}
.hm-head-text h1 strong{
color:#14a859;
}
.hm-head-text p{padding:0px; margin:0px auto; color:#444;text-align:center;font-size:15px; width:73%;}



.matched-by{
border-bottom: 1px dashed #d9d9d9;cursor:pointer;
padding: 15px 0 25px;}
.matched-by img{box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);background:#fff;
float: left;
margin-right: 10px;
padding: 4px;
-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

}

.matched-by a{color:#00aeff;}
.matched-by a:hover{color:#f57f00; text-decoration:underline;}

.matched-by:hover img{
		-webkit-transform: scale(1.2);
	transform: scale(1.2);
	
	  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition: .3s ease-out;

}
.matched-by a{
	  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition: .3s ease-out;

}

.matched-by:hover a{
	padding-left:20px;

}
.footer-contact{
	background:#f57f00; padding:10px 10px 0;color:#fff;
}
.footer-contact p{float:left;}
.footer-contact p:nth-child(2){font-size:15px; line-height:26px; color:#000000;}
.footer-contact p:nth-child(3){font-size: 2.5vw;
line-height: 54px;
padding-left: 31px;}
.footer-contact i{float: left;
font-size: 40px;
line-height: 55px;
padding-right: 16px; }

.logout{float: right;z-index:9;
list-style: outside none none;
margin-bottom: -30px;
margin-top: 10px;
position: relative;}
.logout li{float:left;}
.logout .li{float:left;}
.logout a{color:#fff;}

.logout .upgrade{background: #ffffff none repeat scroll 0 0;
color: #333333;
margin-right: 30px;
padding: 7px;
position: relative;
z-index: 1;}
.logout .upgrade:hover{
box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);

color: #333333;
}
.logout li .dropdown-menu li{
	float:none !important;
}


.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;
}
/**************************** Footer **************************/
footer{
	background:#eaebeb; 	
}
footer .apink-link{
color:#14a859; text-decoration:none;	font-size:20px; padding-left:10px;
}
footer .apink-link:hover{
color:#14a859; text-decoration:underline;	
}

footer h3{
font-size:15px; text-transform:uppercase;color:#000;
}


footer ul{
padding:0px; margin:0px; list-style:none;	
}
footer ul a{color: #444444;
font-size: 13px;
line-height: 22px;}

footer ul a:hover{color: #f57f00; text-decoration:underline;
}

.footer-links-bg{
	background: #d9dadc none repeat scroll 0 0;
min-height: 220px;
}
.social-icons{padding:0px; text-align:center;}
.social-icons a i{color:#878a8d;-webkit-transition: -webkit-transform .8s ease-in-out;font-size:20px; padding:0px 5px;
  transition: transform .8s ease-in-out;}
  .social-icons a i:hover{color:#f57f00;
	 -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}


footer .sublinks{margin: 0;padding: 10px 0 0; color:#000;}
footer .sublinks a{color:#000; padding:0px 3px;}
footer .sublinks a:hover{color:#f57f00; text-decoration:underline;}
.copyright{
border-top: 2px solid #000000;
color: #000000;
margin-top: 15px;
padding: 10px 0;
text-align: center;}




    .scrollbox3 {
    overflow: auto;
    width: 100% !important;
    height: 140px;
    padding: 0 10px 0 0!important;
}

.chatscroll{height: 450px !important;width: 100% !important;}
.register-scroll{height:581px !important;width: 100% !important; padding-right:20px !important;}
.chatscrollCnt{height: 100px !important;width: 100% !important;}


.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: #14A859;
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}

/********************************* Header Two *************************************************/
.header-two{
	background:#fff;padding:10px 0px;
}

.header-contact{color: #8a8a8a;
float: right;
padding-top: 6px;}
.header-contact i{color: #8a8a8a;font-size: 42px;width: 54px; float:left;}
.header-contact h3{margin:0px; padding:0px; font-weight:normal; font-size:20px; }
.header-contact h3 small{display:block; font-size:14px;}
.head-contact{list-style:none !important;color: #888888;
margin: 0;
padding: 10px 0 0 !important;
width: 100%;}
.head-contact li{float:right; font-size:20px; width:49%; margin-left:5px; line-height:15px;}
.head-contact li figure{float:left; font-size:200%; margin-right:15px;;}
.head-contact li label{display:block; font-size:12px;}

/********************************* ./Header Two ************************************************/
.div-panel{
	border:1px #d7d7d7 solid;background:#fff;
}
.div-panel .div-padding{
	padding:15px;
}

.ul-detail{
	color: #444444;
font-size: 13px;
line-height: 22px;
list-style: outside none none;
margin: 0;
padding: 0 0 0 10px;
}
.ul-detail h3, .ul-detail h4{padding:0px; margin:0px;}
.ul-detail h3{font-size:18px; color:#f57f00; padding-bottom:8px; font-weight:bold;}
.ul-detail h4{font-size:15px; color:#14a859; padding-bottom:5px;}

/************************************** Register *****************************************/
.registr-Table {  display: table;width:100%;}
.registr-Heading {display: table-row; }
.registr-Row {display: table-row; }
.registr-Cell {display: table-cell;}
.registr-Table .left-td{	width:30%;background:#14a859; vertical-align: top;}
.registr-Table .right-td{	vertical-align: top;width: 70%;}
.registr-Table .rs-text-color{display:none;}


.register-list{list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;}
.register-list li{border-bottom: 1px solid #0a8c47;cursor:pointer;
float: none;
min-height: 57px;
padding: 10px 0;
width: 100%;}
.register-list li img{float:left; max-width:46px; margin-right:10px;}
.register-list li span{display:block;}
.register-list li a{font-size:14px; line-height:24px; color:#fff; font-weight:bold;}

.register-list .active{
	position: relative;
	background: #f57f00;
}
.register-list .active:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(232, 38, 140, 0);
	border-left-color: #f57f00;
	border-width: 10px;
	margin-top: -10px;
}
.rg-form{
	padding:0px 5px 0px 25px;
}
.rg-form .bold{
font-weight:bold;
}
.SiblinksForm select{display: inline-block !important;
width: 44% !important;}


.rg-form-group{
	padding:0px;margin-bottom:20px;
}
.rg-form-group input[type=text], .rg-form-group textarea, .rg-form-group select {
border: 1px solid #14a859;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 5px;
width: 100%;
}
.rg-form-group input[type=file], .rg-form-group textarea, .rg-form-group select {
border: 1px solid #14a859;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 5px;
width: 100%;
}
.rg-form-group input[type=date], .rg-form-group textarea, .rg-form-group select {
border: 1px solid #14a859;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 5px;
width: 100%;
}



.rg-form .requerd{
color:#f57f00;
}

.multisend{	background: #dcd599 none repeat scroll 0 0;
margin: -10px;
padding: 10px;
}
.rg-form label{font-size:14px; color:#444; font-weight:normal; display:block;}

.rg-abot-cnt{
	list-style:none; padding:0px; margin:0px;
}
.rg-abot-cnt li{margin-bottom:20px;}

.rg-abot-cnt i{float: left;
font-size: 50px;
margin-right: 10px;
text-align: right;color:#777776;
width: 50px;}

.rg-abot-cnt h3, .rg-abot-cnt p{padding:0px; margin:0px;}
.rg-abot-cnt h3{color:#f57f00; font-size:16px; text-transform:uppercase; font-weight:bold;}
.rg-abot-cnt p{color:#777776;}
.matchSeekers{
	background:#faf3b7; padding:10px;
}
.matchSeekers h4{
	color: #f57f00;
font-size: 24px;
font-weight: normal;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.matchSeekers ul{list-style:none; margin:0px; padding:0px;}
.matchSeekers ul li{margin-bottom:20px; border-bottom:1px silver solid;}
.matchSeekers ul li img{
	border: 1px solid #aaaaaa;
border-radius: 50%;
float: left;
margin-right: 10px;
}

.matchSeekers ul li h5{
	color: #f57f00;
font-size: 18px;
font-weight: normal;
}
.matchSeekers ul li p{
	color: #666;
font-size: 14px;
font-weight: lighter;
}

/****************** Search Page**********************/
.filter-panel{margin: 0 auto;
padding: 0;
width: 95%;}
.filter-panel h4{border-bottom:1px silver solid; font-size:16px; padding-bottom:6px; padding-left:10px;}
.filter-ul{	list-style:none; padding:0px; margin:0px;}

.filter-ul label{color:#000; width:100%;}
.filter-ul li span{float:right !important; font-weight:normal;}
.filter-ul li:hover label, .filter-ul li:hover span{color:#1FAC61}

.sr-result-show{padding:0px; margin:0px; margin-bottom:20px; overflow:hidden;}
.sr-result-show figure{position:relative;}
.sr-result-show figure img{width:100%;}

.addwishlist {color: green;  }
.addconpare{color:#aaa;} 
.wishlishShow{background:transparent url('../images/wishlist_show.png') no-repeat;}
.addwishlist{background:transparent url('../images/wishlist_select.png') no-repeat !important;}

.wish-com-control{position: absolute;
right: 5px;
top: 5px;
	
}

.wishlishShow, .compareIconShow{width:15px; height:14px; float:left; margin:0px 2px; cursor:pointer;}

.compareIconShow{background:transparent url('../images/compare_show.jpg') no-repeat; }
.addconpare{background:transparent url('../images/compare_select.jpg') no-repeat !important;}


.sr-result-show img{
  -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;

}
.sr-result-show:hover img{
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}


.sr-result-show h4{background: #f57f00 none repeat scroll 0 0;
color: #ffffff;
font-size: 14px;
margin: 0;
padding: 14px 10px;
position: relative;
z-index: 9;}

.sr-result-show h4 small{
color: #ffd5ff;
display: block;
padding-top: 6px;
}

.sr-result-show .sr-overlay{
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
height: 100%;
position: absolute;visibility:hidden; top:0;z-index:9;
width: 100%;margin-top:1px;
  -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;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
   
}

.sr-result-show:hover .sr-overlay{visibility:visible;
  -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;
  -webkit-transform: translate(0, 0px);
  -moz-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);

 
}

.sr-result-show .sr-overlay ul{
padding:6px 0 0 10px; margin:0px; list-style:none; line-height:20px;color:#fff;
}
.last-viewd{background: #14a859 none repeat scroll 0 0;color: #ffffff;font-size: 13px;padding: 6px; position: relative;
    z-index: 9; margin:0px;}
.last-viewd strong{font-size:15px; font-weight:bold;}



.viewd-date{background: #efeeec none repeat scroll 0 0;
clear: both;
color: #999;position:relative; z-index:9;
font-size: 12px;
margin: 0;
padding: 5px 8px;}

.viewd-date strong{font-size:13px; font-weight:bold;}


.last-viewd-list{background: #f57f00 none repeat scroll 0 0;
clear: both;
color: #ffffff;
margin: 0;
padding: 5px 8px;font-size:13px;
}

.last-viewd-list strong{font-size:15px; font-weight:bold;}



.sr-result-show .sr-overlay .overlay-btn{margin: 4px 0 0;
padding: 2px 10px !important;
	
}
.com-wish{
	position:absolute; right:0;
	
}
.sort-select{
	border: 1px solid #14a859;
border-radius: 6px;
padding: 5px;
width: 100%;
}
.list-view{
	font-size:28px;
}
.list-view i{
float:right; margin-left:10px; margin-top:4px;
}
.sort-panel{
	padding:0px 20px 10px 20px;
}

.photo-change{list-style:none; padding:0px; margin:0px;}
.photo-change li{float:left; width:33%; margin:0px;}
.photo-change li figure{width:92%; margin:10px auto; margin-bottom:20px;}
.photo-change li figure img{width:100%;}

.profile-page{width:100%; margin-bottom:10px;}
.profile-page figure{width:100%; margin-bottom:10px;}
.profile-page img{width:100%;}
.profile-page p{padding:10px 0}
.profile-page .photo-edit{padding:0px 10px;}
.profile-page .photo-edit a{color:#444;}
.profile-page .photo-edit a:hover{text-decoration:underline;}

.photo-change li .make-profile{padding:0px 10px; visibility:hidden;}
.photo-change li:hover .make-profile{visibility:visible;}


/************* Search List ***************/
.sr-result-list{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #d7d7d7;
padding:10px;margin-bottom:20px;
}

.sr-result-list figure .list-overlay{
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
height: 100%;
position: absolute;visibility:hidden; top:0;z-index:9;
width: 100%;
  -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;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);}

.sr-result-list:hover figure .list-overlay{visibility:visible;
  -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;
  -webkit-transform: translate(0, 0px);
  -moz-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);}
  
  .sr-result-list img{
  -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;

}
.sr-result-list:hover img{
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}



.sr-result-list figure{float: left;overflow:hidden;position:relative;
margin-right: 9px;
max-width: 150px;}
.sr-result-list figure img{width:100%;}
.sr-result-list figure a{left: 16%;
margin: 0 auto !important;
top: 35%;}

.sr-result-list ul{
	color: #444;
line-height: 22px;font-size:13px;
list-style: outside none none;
margin: 0;
padding: 0px 0 0 10px;
}
.sr-result-list ul h3{font-size:14px; color:#14a859; font-weight:bold; margin:0px; padding:0px;}
.sr-result-list .overlay-btn{margin: 2px 0 0;padding: 4px 14px;}


.well-div{display:none;}

/************* Detail Page ***************/
.div-detail{
	padding:10px !important;
}
.interest-panel{margin:0px;padding:0px; margin-top:10px;}
.interest-panel li{float:right; list-style:none; margin-left:8px;}
.interest-panel li i{font-size:26px; padding-left:8px; color:#14a859;}
.interest-panel .Interest{border:1px #14a859 solid; padding:5px 8px;}
.interest-panel .Interest:hover{background:#14a859; color:#fff;}
.interest-panel .Not-Interest{border:1px #f57f00 solid; padding:5px 8px;}
.interest-panel .Not-Interest:hover{
	background: #f57f00 none repeat scroll 0 0;
border: 1px solid #f57f00;
color: #ffffff;
padding: 5px 8px;
}

.contact-detail{background: #fde9f3 none repeat scroll 0 0;
border: 1px dashed #f8b5d6;
margin-top: 30px;
padding: 0 10px 10px;}
.contact-detail h4{color: #f57f00;
font-size: 14px;
font-weight: 900;
margin: 0;
padding: 0; margin-bottom:15px;
text-align: center;
text-decoration: underline;
text-transform: uppercase;}
.contact-detail p{color: #f57f00;
text-align: center; font-size:14px; font-weight:normal;}
.contact-detail i{padding-right:5px; font-size:20px;}

.contact-detail .border{
	border-top: 1px solid #aaaaaa;
clear: both;
margin-top: 16px;
padding: 10px 0;
}
.contact-detail span{
	display: block;
padding-left: 22px;
}


.detail-tabs .active {
	position: relative;
	background: #f57f00;
}
.detail-tabs .active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f57f00;
	border-width: 10px;
	margin-left: -10px;
}

.detail-tabs > li {
 background:#14a859; margin-right:3px;color:#fff;
}
.detail-tabs > li i {padding-right:5px;font-size:21px; 
	
}
.detail-tabs > li a{
color:#fff;font-size:16px; font-weight:normal;
}
.detail-tabpanel{	padding:0px; margin-top:20px;}
.detail-tabpanel h4{font-size:18px; margin-bottom:15px;color:#f57f00;}
.detail-tabpanel p{font-size:14px; margin-bottom:15px;color:#444;}
.detail-tabpanel .ul{list-style:none; margin:0px; padding:0px;}
.detail-tabpanel .ul li{width:24%; display:inline-block;}
.detail-tabpanel .ul{list-style:none; margin:0px; padding:0px;}
.detail-tabpanel .ul li i{font-size:20px; padding-right:8px;}
.detail-tabpanel .ul .green{color:#14a859;}
.detail-tabpanel .ul .red{color:#ff0000;}
.Matching-Preferences{	padding:0px; margin:0px; list-style:none;}
.Matching-Preferences li{padding-bottom:10px;}
.Matching-Preferences h3{color:#f57f00; font-size:18px; font-weight:bold; margin:0px;}
.Matching-Preferences span{font-weight:bold;}

/******************** Similar Profiles *************************/
.Similar-Profiles{width:100%;}
.Similar-Profiles figure{float: left;
margin-bottom: 12px;
margin-right: 10px;
max-width: 68px;
width: 100%;}
.Similar-Profiles figure img{width:100%; }

.Similar-Profiles ul{list-style:none; }
.Similar-Profiles p{display: block;
font-size: 11px;
line-height: 16px;
margin: 0;
padding: 0;
text-align: left; }

.Similar-Profiles p strong{
	font-size:14px; font-weight:bold;
}
.Similar-bg{
	margin-top: 30px;
padding: 10px 0;
}

.Similar-text{
	border-bottom: 1px solid #cccccc;
color: #f57f00;
font-size: 20px;
margin: 0 0 12px;
padding: 0 0 10px;
}

.detail-slide img{
	width:100%;
}






    .div1{
  display:none;   
}

.detail-heading{
border-bottom: 1px solid #cccccc;
color: #f57f00;
font-size: 18px;
margin: 0 0 10px;
padding: 0 0 15px;}
.basic-details{padding:0px; margin:0px; list-style:none; line-height:24px;}
.basic-details li{display:block; clear:both;}
.edit-div-btn{
	color: #ffffff;
font-size: 14px;
padding: 8px 17px !important;
}
.dtailview-tabs{
	line-height: 38px;
padding-left: 20px;
}
.kama-show{float:right;}



/************* Menu Two****************/
.menu-bg{	background:#f57f00;}
.DailRecommendat{background:#fff; padding:10px; margin-bottom:10px;}
.dailReportDisable .Disable{opacity:0.2}



/***************** Inbox ****************/
.inbox-tabs{padding:; margin:0px;}
.inbox-tabs li{clear: both;float: none;}
.inbox-tabs .active{background:#14A859;}
.inbox-tabs .active p strong{color:#fff;}

.inbox-pg-list{list-style:none; padding:0px;}
.inbox-pg-list li{border-bottom: 1px solid #dddddd;
list-style: outside none none;
padding: 12px;
width: 100%;}
.inbox-pg-list .active a{color:#fff !important;}

.inbox-pg-list a{color:#444;}

.inbox-pg-list .active{background:#f57f00;}

.inbox-tabs .activex {
	position: relative;
	background: #f57f00 !important;
}
.unreadBG .active{
		background: #f57f00 !important;

}
.inbox-tabs .active:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(232, 38, 140, 0);
	border-left-color:#14A859;
	border-width: 10px;
	margin-top: -10px;
}
.inbox-tabs .checkbox{
	float:left; margin-left:10px;
}
.inbox-tabs a{
	padding:10px !important;
}
.inbox-content{
	min-height:300px;
}
.inbox-content .meail-content{
	padding:15px;
}

.inbox-content .meail-content .hover-show{
	display:none;
}
.inbox-content .meail-content:hover .hover-show{
	display:block;
}

.inbox-content .meail-content h6{
	font-size:16px; color:#f57f00;
}
.inbox-content .meail-content h6 small{
	font-size:12px; color:#aaa;display:block; padding-top:6px;
}
.inbox-content textarea{margin: 15px 0;
padding: 10px;
width: 100%;}
.inbox-content .hvr-shutter-out-vertical{margin:0px; padding:8px 25px;}

.delet-msg{
	margin: 0 !important;
padding: 10px !important; text-align:left;
}
.delet-msg .compose-btn{margin:0px; padding:5px 12px; margin-right:10px;}
/********************** Dashboard **************************/
.dab-detailview{padding:0;}
.dab-detailview figure{float:left;  width:100%;}
.dab-detailview figure img{width:100%;}
.dab-detailview a{margin:0px;}

/************************ Partner Search *******************************/
.PartnerSearch{padding:0px; margin:0px 0px 10px 0px;}
.PartnerSearch .textspace{padding:0px 10px; display:inline-block;}
.PartnerSearch label{display:block; width:100%; font-weight:bold; font-size:14px;}
.PartnerSearch input[type=text], .PartnerSearch select, .PartnerSearch input[type=textaria]
{padding:6px; margin:0px;border:1px #14a859 solid; display:inline-block;width:100%;}
.PartnerSearch .select{max-width:100px;}
.PartnerSearch .search-btn{padding:6px 40px; margin:0px;}

.hm-matches{margin:0px auto; padding:0px;}
.hm-matches li{width:24%; margin:0 5px; background:#fff;}
.hm-matches li a{color: #14a859;
font-size: 16px;
line-height: 26px;
padding: 0 !important;}
.hm-matches li img{float: left;
margin-right: 10px;
max-width: 60px !important;
width: 100%;}
.hm-matches li span{color: #f57f00;
float: right;
font-size: 24px;
padding-right: 8px;}
.hm-matches .shadow{
	clear: both;
max-width: 100% !important;
width: 100%;
}
.hm-matches .active a{color:#14a859 !important;}
.hm-matches .active{background:#fff url('../images/top_arrow.jpg') no-repeat;}
.hm-matches .active-arrow{background: #efeeec none repeat scroll 0 0 !important;
clear: both;
height: 20px;
margin: 0;
text-align: center;}
.hm-matches .active-arrow img{left: 47%;
max-width: 27px !important;visibility:hidden;
position: relative;
width: 100%;}

.hm-matches .active .active-arrow img{visibility:visible !important;}

.head-tab-cnt{margin:0px;padding:0px 0px 15px 0px !important}
.hm-tab-div{position: relative;
top: -18px;}


/*********************** Table ********************/
.compare-table{padding:0px; margin:0px;}
.compare-table table{width:100%;}
.compare-table table td{padding:10px; border:1px #dad9d9 solid; vertical-align:top; width:20%;}
.compare-table table .border{border:0px;}
.compare-table table figure{width:100%;}
.compare-table table figure img{width:100%;}
.compare-table table .td-white{background:#fff;}
.compare-table table .td-gray{background:#ececec;}
.compare-table table p{padding:0px; margin:0px;}
.compare-table table .u-profile{background:#cee4d6;}
.compare-table table h3{margin:0px; padding:0px; font-size:16px; color:#f57f00;}
.compare-table table .cm-btn{padding:10px 0px; text-align:center; width:92%;}


.drawer {
	bottom: 0px;
	height: 90px;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 5; /* make this what you need to */
}

.drawer > header {
background: #007eff none repeat scroll 0 0;
color: #ffffff;
display: block;
line-height: 25px;
margin-left: 85%;
overflow: hidden;
padding: 8px;
right: 0;
text-align: center;
top: 0;
width: 150px;}

.drawer-content {
	background:#333;
	border-collapse: collapse;
	border-top: 5px solid #333;
	height: 60px;
	width: 100%;
}

.clickme {
  cursor: pointer;
}

.drawer-items {
	margin: auto;
	width: 100%;
}
.drawer-items .ul{
	margin: 0;
	width: 100%;color:#fff;
}
.drawer-items .ul li{float:left;width:23%; margin-right:1%; list-style:none;}
.drawer-items .ul .cmr-btn{margin:0; width:70%; text-align:center;}

/* Don't need these below it is just for full size image
-------------------------------------------------------- */
.background-image {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 1;
}

.background-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

/********************** Chatting ***********************************/
.chatting-panel{padding:0px;}

.chatting-panel .left-chat, .chatting-panel .right-chat{width:100%; padding:10px; }
.chatting-panel .left-chat figure, .chatting-panel .right-chat figure{max-width:60px;}
.chatting-panel .left-chat figure img, .chatting-panel .right-chat figure img{width:100%;}
.chatting-panel .left-chat figure{float:left; margin-right:15px;} 
.chatting-panel .massege-left{float:left; padding:10px; background:#cfd8dc;max-width:80%; }
.chatting-panel .massege-right{float:right; padding:10px; background:#9CFFE1;max-width:63%; }

.chatting-panel .left-chat{float:left;background:#fff;}
.chatting-panel .right-chat{float:right;background:#fff;}
.chatting-panel .right-chat figure{float:right; margin-left:15px;} 


.chatting-panel .massege-left {
	position: relative;
	background: #FFE0FF;
}
.chatting-panel .massege-left:after {
	right: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #FFE0FF;
	border-width: 8px;
	margin-top: -8px;
}

.chatting-panel .massege-right {
	position: relative;
	background: #9CFFE1;
}
.chatting-panel .massege-right:after {
	left: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(156, 255, 225, 0);
	border-left-color: #9CFFE1;
	border-width: 8px;
	margin-top: -8px;
}


.chat-time{background: #ffffff none repeat scroll 0 0;
color: #aaaaaa !important;
font-size: 12px !important;
margin: 10px -10px -10px;
padding: 1px !important;}

.send-msg textarea{width:100%; border:1px silver solid;  resize:none; padding:0 10px;}
.send-msg a{margin: 0;
padding: 19px 0;
text-align: center;
width: 100% !important; }


/************************************************************************/

			#carousel, #thumbs {
				overflow: hidden;
			}
		

			#carousel span, #carousel img,
			#thumbs a, #thumbs img  {
				display: block;
				float: left;
			}
			#carousel span, #carousel a,
			#thumbs span, #thumbs a {
				position: relative;
			}
			#carousel img,
			#thumbs img {
				border: none;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			#carousel img.glare,
			#thumbs img.glare {
				width: 102%;
				height: auto;
			}

			#carousel span {
				width: 100%;
			}

			#thumbs-wrapper {
				padding: 20px 20px;
				position: relative;
			}
			#thumbs a {
				border: 2px solid #ffffff;
height: 100px;
margin: 0;
overflow: hidden;
transition: border-color 0.5s ease 0s;
width: 150px;
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;

				
				-webkit-transition: border-color .5s;
				-moz-transition: border-color .5s;
				-ms-transition: border-color .5s;
				transition: border-color .5s;
			}
			#thumbs a:hover, #thumbs a.selected {
				opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
			}
			
			#wrapper img#shadow {
				width: 100%;
				position: absolute;
				bottom: 0;
			}

			#prev, #next {
				background: transparent url('../images/carousel_nav.png') no-repeat 0 0;
				display: block;
				width: 19px;
				height: 20px;
				margin-top: -10px;
				position: absolute;
				top: 50%;
			}
			#prev {
				background-position: 0 0;
				left: 0px;
			}
			#next {
				background-position: -19px 0;
				right: 0px;
			}			
			#prev:hover { 
				background-position: 0 -20px;				
			}
			#next:hover {
				background-position: -19px -20px;				
			}
			#prev.disabled, #next.disabled {
				display: none !important;
			}
			
			#donate-spacer {
				height: 100%;
			}
			#donate {
				border-top: 1px solid #999;
				width: 750px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 650px;
			}
			#donate form {
				width: 100px;
			}



@media only screen and (max-width:992px){
.add_1 {
display:none;
}
.interest-panel li {
  float: right;
  list-style: outside none none;
  margin-bottom: 15px;
  margin-left: 8px;
}
.head-contact{list-style:none;}
.head-contact li{float:right; font-size:20px; width:49%;  line-height:15px;}
.contact-num{clear: both;
float: none !important;
position: relative;
width: 100% !important;}


.hm-matches li{width:48%; margin:0 5PX; background:#fff;}



}



@media only screen and (max-width:550px){



.head-contact{list-style:none;}
.head-contact li {float:left; font-size:20px; width:48%;  line-height:15px;}
.head-contact li figure{display:none;}

.footer-contact p:nth-child(2) {
 display:none;
}
.list-view {
  font-size: 18px;
}
.modifyrs-btn{
font-size: 12px !important;
padding: 8px 1px !important;}



}

@media only screen and (max-width:480px){


.footer-contact i {
  padding-right: 0;
}
.footer-contact i {
  font-size: 29px;
  line-height: 30px;
}
.footer-contact p:nth-child(3) {
  line-height: 29px;
  padding-left: 31px;
}
.footer-contact p:nth-child(3) {
  font-size: 17px !important;
}

.head-contact{list-style:none; display:none;}

.register-scroll .btnNext{font-size: 11px;
padding-left: 4px;
padding-right: 4px;
text-align: center;
width: 49% !important;}
.register-scroll .btnPrevious{width:38% !important; padding-left: 8px;   padding-right: 4px; font-size:11px;}


}


@media only screen and (max-width:767px){


.logo {text-align: left;
margin: 6px 0;
width: 170px;}
.logo img{width:90%;}


.logo {  width: 70%;}
.about_control{
	clear:both; margin-bottom:10px;
}

.about_control i{
width:80px; text-align:right; margin-right:10px; }

.hm-register {
  max-width: 100%;
}
.hm-register .login-bg {
  padding: 0 16px 16px;
}
.banner-text {
  padding: 3% 0;
}
.footer-links-bg {
  border-bottom: 1px dashed #aaaaaa;
  min-height: 190px;
  padding: 16px;
}
footer h3 {
  font-size: 12px;
}
.header-contact {
  margin-bottom: 10px;
}

.detail-tabs > li {
  width: 100%;
}
.mainMenu li i{
	display:none;
}
.add_1 {
display:none;
}

.interest-panel li {float: left;}

.footer-contact p:nth-child(3) { font-size: 23px;}



.hm-matches li{width:100%; margin:0; background:#fff;}



.registr-Table {  display: table;width:100%;}
.registr-Heading {display: table-row; }
.registr-Row {display: table-row; }
.registr-Cell {display: table-cell;}
.registr-Table .left-td{	width:10%;background:#14a859; vertical-align: top;}
.registr-Table .right-td{	vertical-align: top;width: 90%;}
.registr-Table .rs-text-none{display:none;}


.registr-Table .rs-text-color{display:block; font-size:18px; font-weight:bolder; color:#f57f00}

.dtailview-tabs{display:none !important;}


.rg-form-group {
  margin-bottom: 0px;
  padding: 0;
}

.logout {
float: right;
list-style: outside none none;
padding: 4px 0 !important;}

.logout .upgrade {
  margin-right: 12px;
}
.mobi-hd-contct{display:none;}

.dab-detailview figure{margin:20px 0}

#mrova-feedback{display:none !important;}

.chat-pepule-bg {
display:none;}


.contact-detail {
margin-top:0px;
}

.detail-tabpanel .ul li {
  margin-bottom: 7px;
  width: 100%;
}

.display{display:none;}

.PartnerSearch .select {
  max-width: 40%;
}
.kama-show{float:none;}


}
/*----------------------------.welcome-to -section-------------*/

.welcome-to-section
{
  width: 100%;
  display: flex;
  min-height: 500px;
  /*background-color: #00aeff;*/
  justify-content: space-around;
}
.welcome-to-section-img
{
  width: 100%;
}
.welcome-to-section-heading img
{
  width: 350px;
  height: 400px;
  margin-top: 50px;
  border-radius: 10px;
}
.welcome-to-section-heading h1
{
  width: 100%;
  text-align: center;
  color: #22b14c
}
 /* .welcome-to-section-img 
{
  color: #000;
  font-size: 40px;
  text-align: center;
  margin-left: 10px;
  margin-top: 20px;
} */
.welcome-to-section-img {
    font-size: 16px;
    margin-top: 50px;
    margin-left: 10px;
    overflow: auto;
    border: 3px solid #f57f00;
	scrollbar-color: #ecc81f #f57f00;
    scrollbar-width: thin;
    padding: 15px;
    border-radius: 10px;
    height: 400px;
}
.youtube_video
{
	width: 100%;
	margin-top: 100px;
}

@media (max-width: 600px) {
	.welcome-to-section {
	  display: block;
	}
  }




