@charset "utf-8";
/* CSS Document */
body, ul, li, ol, h1, h2, h3, h4, h5, h6, nav{ padding:0; margin:0;}
a, a:hover, a:visited, a:active, a:focus, button:visited, button:visited, button:focus{ color:inherit; cursor:pointer; text-decoration:none !important; outline:none !important;}
input:focus{ outline:none;}
ul, li{ list-style:none;}
img{ max-width:100%;}
a{ cursor: pointer; }


/****** Typography *****/

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('../fonts/DroidSerifItalic/DroidSerifItalic.eot');
    src: url('../fonts/DroidSerifItalic/DroidSerifItalic.eot') format('embedded-opentype'),
         url('../fonts/DroidSerifItalic/DroidSerifItalic.woff2') format('woff2'),
         url('../fonts/DroidSerifItalic/DroidSerifItalic.woff') format('woff'),
         url('../fonts/DroidSerifItalic/DroidSerifItalic.ttf') format('truetype'),
         url('../fonts/DroidSerifItalic/DroidSerifItalic.svg#DroidSerifItalic') format('svg');
}
@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('../fonts/DroidSerifBoldItalic/DroidSerifBoldItalic.eot');
    src: url('../fonts/DroidSerifBoldItalic/DroidSerifBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/DroidSerifBoldItalic/DroidSerifBoldItalic.woff2') format('woff2'),
         url('../fonts/DroidSerifBoldItalic/DroidSerifBoldItalic.woff') format('woff'),
         url('../fonts/DroidSerifBoldItalic/DroidSerifBoldItalic.ttf') format('truetype'),
         url('../fonts/DroidSerifBoldItalic/DroidSerifBoldItalic.svg#DroidSerifBoldItalic') format('svg');
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpensansBold/opensans-bold-webfont.eot');
    src: url('../fonts/OpensansBold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpensansBold/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/OpensansBold/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/OpensansBold/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight/opensans-light.eot');
    src: url('../fonts/OpenSansLight/opensans-light.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLight/opensans-light.woff') format('woff'),
         url('../fonts/OpenSansLight/opensans-light.ttf') format('truetype'),
         url('../fonts/OpenSansLight/opensans-light.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpensansRegular/opensans-regular-webfont.eot');
    src: url('../fonts/OpensansRegular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpensansRegular/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/OpensansRegular/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/OpensansRegular/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/open-lght-italic/OpenSansLightItalic.eot');
    src: url('../fonts/open-lght-italic/OpenSansLightItalic.eot') format('embedded-opentype'),
         url('../fonts/open-lght-italic/OpenSansLightItalic.woff2') format('woff2'),
         url('../fonts/open-lght-italic/OpenSansLightItalic.woff') format('woff'),
         url('../fonts/open-lght-italic/OpenSansLightItalic.ttf') format('truetype'),
         url('../fonts/open-lght-italic/OpenSansLightItalic.svg#OpenSansLightItalic') format('svg');
}

@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolitalic/lato-bolditalic-webfont.eot');
    src: url('../fonts/lato-bolitalic/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bolitalic/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolitalic/lato-bolditalic-webfont.woff') format('woff'),
         url('../fonts/lato-bolitalic/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-bolitalic/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato-Light/lato-light.eot');
    src: url('../fonts/Lato-Light/lato-light.eot') format('embedded-opentype'),
         url('../fonts/Lato-Light/lato-light.woff') format('woff'),
         url('../fonts/Lato-Light/lato-light.ttf') format('truetype'),
         url('../fonts/Lato-Light/lato-light.svg#LatoLight') format('svg');
}
@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/Lato-Regular/lato-regular.eot');
    src: url('../fonts/Lato-Regular/lato-regular.eot') format('embedded-opentype'),
         url('../fonts/Lato-Regular/lato-regular.woff') format('woff'),
         url('../fonts/Lato-Regular/lato-regular.ttf') format('truetype'),
         url('../fonts/Lato-Regular/lato-regular.svg#LatoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/robotothin/RobotoThin.eot');
    src: url('../fonts/robotothin/RobotoThin.eot') format('embedded-opentype'),
         url('../fonts/robotothin/RobotoThin.woff2') format('woff2'),
         url('../fonts/robotothin/RobotoThin.woff') format('woff'),
         url('../fonts/robotothin/RobotoThin.ttf') format('truetype'),
         url('../fonts/robotothin/RobotoThin.svg#RobotoThin') format('svg');
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed.eot');
    src: url('../fonts/RobotoCondensed/RobotoCondensed.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensed/RobotoCondensed.woff2') format('woff2'),
         url('../fonts/RobotoCondensed/RobotoCondensed.woff') format('woff'),
         url('../fonts/RobotoCondensed/RobotoCondensed.ttf') format('truetype'),
         url('../fonts/RobotoCondensed/RobotoCondensed.svg#RobotoCondensed') format('svg');
}

@font-face {
    font-family: 'LatoItalic';
    src: url('../fonts/latoitalic/LatoItalic.eot');
    src: url('../fonts/latoitalic/LatoItalic.eot') format('embedded-opentype'),
         url('../fonts/latoitalic/LatoItalic.woff2') format('woff2'),
         url('../fonts/latoitalic/LatoItalic.woff') format('woff'),
         url('../fonts/latoitalic/LatoItalic.ttf') format('truetype'),
         url('../fonts/latoitalic/LatoItalic.svg#LatoItalic') format('svg');
}
@font-face {
    font-family: 'LatoHairline';
    src: url('../fonts/latoHairline/LatoHairline.eot');
    src: url('../fonts/latoHairline/LatoHairline.eot') format('embedded-opentype'),
         url('../fonts/latoHairline/LatoHairline.woff2') format('woff2'),
         url('../fonts/latoHairline/LatoHairline.woff') format('woff'),
         url('../fonts/latoHairline/LatoHairline.ttf') format('truetype'),
         url('../fonts/latoHairline/LatoHairline.svg#LatoHairline') format('svg');
}

h1, h2, h3, h4, h5, h6{color:#cecece; font-family: 'DroidSerifItalic';}
body{ color:#000; background:#fff; font-size:100%; font-family:'open_sansregular', Arial, Helvetica, sans-serif;}

.Common_tbl {
	display: table;
	width: 100%;
	height: 100%;
}
.Common_tbl_cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	
}
body, html{ height:100%;}
a{transition: all 0.7s ease;}
.wrapprer{ float:left; width:100%; height:100%; position:relative;} 
.grey-bg{ background:#bfbfbf;}

header{ position:relative; width:100%; float:left;}

.header-inner{ position:absolute; left:0; right:0; top:29px;}
.floating{ position:fixed !important; top:0px !important; z-index:999 !important; left:0; right:0; padding:5px 0; background:rgba(255, 255, 255, 0.9);     border-bottom: #dddddd 1px solid; }
.logo img{ width:50%;}
.menu-wrp{ padding-top:15px;}
nav{ float:right; padding-left: 0;
    padding-right: 0; margin:0;}
nav ul, nav ul li{ float:left;}
nav ul.main-nav li{ padding-right:12px;}
nav ul.main-nav li a{ color:#000000;}
nav ul.main-nav li a:hover{ color:#8c456e;}
nav a{font-family: 'DroidSerifItalic'; font-size:14px; line-height:29px;}
nav ul.log-nav{ background:#8c456e; border-radius:20px;padding:0 15px;}
nav ul.log-nav li a{ color:white; }
nav ul.log-nav li a:hover{color:black;}
nav ul.log-nav li i{ padding-right:5px;}
nav ul.log-nav li:first-child{ padding-right:4px;}
nav ul.log-nav li{ position:relative; color:white; font-size:14px;}

.home{ float:left; width:100%; height:100%; background:url(../images/home-banner.jpg) center center no-repeat; background-size:cover;}
.login-wrapper{font-family: 'DroidSerifItalic'; font-size:14px; color:#fff; float:left; width:375px; text-align:center; margin-top:100px; padding:25px 50px; height:375px; background:rgba(124, 49, 98, 0.9); border-radius:50%;}
.logo-sec{ float:left; width:100%; margin-bottom:15px; }
.form-wrp{ width:90%; margin:auto; color:#646c73;}
.form-wrp input[type="text"]{ padding:0 10px; float:left; width:100%; background:white; border:0; border-radius:25px; height:40px; margin-bottom:10px;}
.form-wrp input[type="password"]{ padding:0 10px; float:left; width:100%; background:white; border:0; border-radius:25px; height:40px; margin-bottom:10px;}

.form-wrp .sbmt{  width:66px; height:66px; line-height:66px; border-radius:50%; border:0; background:url(../images/go.png) center center no-repeat #dbb859; text-indent:-9999px;}
.floating .logo img{ width:70px;}
.form-wrp .sbmt:hover{ background-color:#000;}
.abt{ float:left; width:100%; min-height:100%; background:#f7f7f0; padding-top:100px; padding-bottom:100px;}
.inner-container{ margin:0 auto; width:70%;}
.inner-container-1{ margin:0 auto; width:85%;}
.top-sec{ text-align:center; color:#777777; padding-bottom:25px; font-size:18px; font-family: 'OpenSansLight';}
.abt h1{ font-size:45px; color:#84416b; margin-bottom:20px;}
.abt .circles{ text-align:center; font-family: 'open_sansregular'; font-size:13px;}
.abt .circles p{ margin-bottom:25px;}
.abt .circles a{ color:#777777; border:2px solid #84416b; float:left; width:380px; height:380px; border-radius:50%; padding:35px;}
.abt h2{ font-size:19px; color:#84416b; margin-bottom:10px; font-family: 'DroidSerifBoldItalic';}
.abt .icon{ float:left; width:100%; color: #84416b; font-size:50px;}
.abt .circles span{background:#84416b; color:white;  font-family: 'DroidSerifItalic'; font-size:14px; padding:0 15px; line-height:29px; display:inline-block; border-radius:25px;}
.abt h5{font-size:25px; font-family: 'DroidSerifItalic'; color:#777777; text-align:center; margin-top:25px;}
.abt h5 a{color:#84416b; }
.abt h5 a:hover{ text-decoration:underline;}
.abt .circles a:hover{ background:#84416b; color:white;}
.abt .circles a:hover i, .abt .circles a:hover h2{ color:white;}
.abt .circles a:hover span{background:#fff; color:#84416b;}

.tatr{ float:left; width:100%; min-height:100%; position:relative;}
.tatr video, .tatr img{ width:100%; position:relative;}

.about{ float:left; width:100%; min-height:100%; background:#f7f7f0; padding-top:90px;}
.margin-btm{ margin-bottom:50px;}
.about .left-cont{ color:#777777; font-size:14px; padding-top:25px;}
.about .left-cont p{ font-family: 'open_sansbold'; line-height:22px;}
.about h1{ color:#84416b; font-size:50px; margin-bottom:25px;}
.about h6, .abt h6{font-family: 'OpenSansLight'; font-size:25px; color:#777777; margin-bottom:15px;}
.abt h6, .abt p{    color: #8e5b7b;}
.text-box{font-family: 'OpenSansLightItalic'; color:#777777; font-size:15px; line-height:22px; border-radius:5px; position:relative; width:100%; background:white; padding:20px;}
.text-box:after{ position:absolute; content:""; left:43%; bottom:-32px;
	width: 0;
height: 0;
border-style: solid;
border-width: 32px 32px 0;;
border-color: #ffffff transparent transparent transparent;
	}
iframe input[type="button"]{

    background: #6e3e60;
    font-family: 'DroidSerifBoldItalic';
    font-size: 11px;
    display: inline-block;
    line-height: 33px;
    color: white !important;
    border-radius: 20px;
    padding: 0 20px; border:0; float:right;
}
#wrapper div.selector select{ background:white;}

.modal-footer .btn.btn-default, .modal-footer .deactivate{background: #6e3e60;
    font-family: 'DroidSerifBoldItalic';
    font-size: 11px; 
    display: inline-block;
    line-height: 33px;
    color: white !important;
    padding: 0 20px; border:0; float:right; margin-left:15px;}

.photo-box{ float:left; width:100%; text-align:center; margin-bottom:-65px; margin-top:40px;}
.photo-box img{ width:125px; height:125px; border-radius:50%; border:#fff 15px solid; }
	
.features{ float:left; width:100%; min-height:100%; background:
url(../images/bg-1.jpg) center center no-repeat; background-size:cover; padding-bottom:50px; padding-top:65px;}
.features-innr{ float:left; width:100%; padding-top:25px; text-align:center; color:white;}
.features h1{ font-size:51px; color:white;}
.features h3{ font-size:26px; color:white; margin-bottom:5px; padding:0 25px;}
.features .ftr-bx a{ display:inline-block; margin-bottom:20px; width:498px; height:498px; border:#fff 2px solid; border-radius:50%;}
.features .ftr-bx a:hover{ background:#8c456e;}
.features .ftr-bx .icon-bx{ margin-bottom:20px;}
.features .ftr-bx a p{ font-size:15px; font-family: 'OpenSansLight'; padding:0 25px;}
.col-lg-2-new{ text-align:center; width:12.5%;}
.icon-link-wrp a{ width:110px; height:110px; font-family: 'open_sansregular'; font-size:13px; padding:15px; color:#84416b; background:white; display:inline-block; border-radius:50%; cursor:default;}
.icon-link-wrp a p{ margin-top:5px; margin-bottom:0;}
/*.icon-link-wrp a:hover{ background:#c7c7c7;}*/
.icon-link-wrp span {
    font-size: 25px;
}
.dltmsgwrp{float:left; width:100%;}
.deleteMessage{ float:right; font-size: 13px;
    color: #7c466c; }

.features-innr .inner-container{ width:90%;}
footer{ float:left; width:100%; background:#f7f7f0; font-family: 'open_sansregular'; padding:30px 0; color:#84416b; font-size:14px;}
.footer-left li{ float:left; margin-right:5px; position:relative; border-right:#84416b 1px solid; line-height:11px;}
.footer-left li a{ padding-right:5px; line-height:10px;}
.footer-left li:last-child { border:0;}
.footer-mid ul{min-height:110px; border-left:#d7d7d7 1px solid;}
.footer-mid ul li{ margin-bottom:5px;}
.footer-right { text-align:right;}
.top-right-inner{ float:right; margin-bottom:15px;}
.top-right-inner p{ float:left; margin-right:25px; margin-bottom:0; line-height:25px;}
.top-right-inner a{ font-size:20px; margin-left:10px;}
.bottm-right a{ float:right; background:#8c456e; color:white;  font-family: 'DroidSerifItalic'; font-size:14px; border-radius:25px; padding:0 42px; line-height:34px;}
footer a:hover{ color:#000; text-decoration:underline;}
.bottm-right a:hover{ background:#000; color:white; text-decoration:none;}
.reg-text .panel-body {
 float: left;
    width: 100%;
    height: 276px;
    padding: 0px;
    padding-right: 5px;
    margin-bottom: 15px; overflow:hidden;
}
.reg-text .panel-body p{ color:#333333;}
.abt-me .panel-body {
 float: left;
    width: 100%;
    height:140px;
    padding: 0px;
}
.create-group .create-group label{width: 100%;
    margin-bottom: 15px;}
p.phn i, p.email i{color:#8c456e; margin-right:5px;}
.inpt-cnt{    float: left;
    width: 100%;
    margin-top: 10px;
    height:31px;
    border-radius: 5px;
    border: #ddd 1px solid;
    padding: 5px;}
.right-frm textarea{ float: left;
    width: 100%;
    margin-top: 10px;
    height:80px;
    border-radius: 5px;
    border: #ddd 1px solid;
    padding: 5px;}
.btn-cont{ float:left; width:100%; margin-top:10px;}
.btn-cont .cnt-btn{    float: left;
    background: #8c456e;
    color: white;
    font-family: 'DroidSerifItalic';
    font-size: 14px;
    border-radius: 25px;
    padding: 0 42px;
    line-height: 34px; border:0;}
.left-adrs h6{ margin-bottom:10px !important;}
.left-adrs h5{ margin-bottom:0px !important;}
.center-align{ text-align:center;}
#citywrapedit .selector {
    background-image: none !important;
    border: 1px solid #f1f1f1;
    border-radius: 10px; width:150px !important; margin-top:5px;
}
#citywrapedit .selector span {
    background: none;
    text-shadow: none;
    color: white; position:relative;
}
#citywrapedit .selector span:after{content: "\f107"; font-family: 'FontAwesome'; position:absolute; right:0; top:0; color:#fff;}
#main_div p {
    float: left;
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #7c466c; position:relative;
}
#main_div p:nth-child(even) {
    background: white;
}
#main_div p  input[type="button"]{position: absolute;
    right: 15px;
    bottom: 10px; color:#fff;
	    font-family: 'DroidSerifBoldItalic';
    border: none;
    float: none;
    padding: 0 15px;
    line-height: 25px;
    background: #7c466c;
    font-size: 14px;
}
@media (max-width: 1200px) {
.inner-container-1{ width:100%;}
.abt .circles a{ padding:0 15px; width:312px; height:312px; float:none; display:inline-block;}
.abt .circles p{ margin-bottom:10px;}
.inner-container{ width:80%;}
	}	
@media (max-width: 1024px) {
.inner-container{ width:90%;}
	}	


@media (max-width:1199px) {
.abt .circles a {
    height: 270px;
    padding: 0 20px;
    width: 270px;
	border-width:5px;
}	
.abt .icon {
    font-size: 30px;
}
.abt h2 {
    font-size: 16px;
	 margin-bottom: 5px;
}
.features .ftr-bx a {
    height: 418px;
    padding: 0 25px;
    width: 418px;
	border-width: 5px;
}
.features .ftr-bx .icon-bx {
    margin-bottom: 10px;
}
.features .ftr-bx .icon-bx img {
    width: 40%;
}
.features h3 {
    font-size: 25px;
    margin-bottom: 5px;
}
.logo img {
    width: 100%;
}
.abt .circles span {
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
}
		}
@media (max-width:980px) {	.features-innr .inner-container{ width:100%;}	}
@media (max-width:899px) {
.abt .circles a {
    height:230px;
    width: 230px; padding:0 20px;
}
.abt .icon {
    font-size: 20px;
}
.abt h2 {
    font-size: 14px;
	margin-bottom:0;
   
}
.abt .circles p{ margin-bottom:5px;}

.features .ftr-bx a {
    
    height:351px;
    padding: 0 20px;
    width:351px;
}
.features .ftr-bx .icon-bx{ margin-bottom:5px;}
.features h3 {
    font-size: 20px;
}
.features .ftr-bx a p{ font-size:14px;}
.inner-container{ width:100%;}
.navbar-collapse{ padding-left:0; padding-right:0;}
nav a{ font-size:13px;}
.tatr{ height:100%;}
.icon-link-wrp a{ width:120px; height:120px;}
.col-lg-2-new {
    width: 25%; padding-bottom:10px;
}
.icon-link-wrp a img{ width:70%;}
.top-right-inner a{ margin-left:5px;}
.top-right-inner p{ margin-right:0;}
.bottm-right a{ padding:0 30px;}
.footer-mid ul li{ margin-bottom:8px;}
.footer-mid ul{ min-height:130px;}

	}						
@media (max-width:767px) {
.logo img {
    width: 70%;
}
.navbar-collapse{ padding:0; z-index:99; background:#8c456e; width:50%; border:0;}
.navbar-collapse li{ width:100%; text-align:center; padding-left:15px; padding-right:15px; border-bottom:1px solid #d2d5dc;}
.navbar-collapse li a{ width:100%; float:left; padding:5px 0;}
.navbar-collapse li ul{ border-radius:0; position:relative;  width:100%; top:0;}
.navbar-collapse li ul li{ border-bottom:#666 1px dashed;}

.bttn-wrp{ float:right; padding-top:0px;}
.navbar-toggle{
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0px;
    padding:10px; width:45px; border-radius:50%; height:45px; background:#8c456e;}

.navbar-toggle .icon-bar {
    background: #fff; transition: all 0.3s ease 0s;
}	
.close1 .none-cls{ background:none !important;}
.close1 .icon-bar{ background:#fff;}
.close1 .cls1 {
    position: absolute;
    top: 20px;
    transform: rotate(45deg);
}.close1 .cls2 {
    position: absolute;
    top: 16px;
    transform: rotate(-45deg);
}
nav{ margin-right:-44px; margin-top:50px; }
.navbar-collapse li{ text-align:right; padding-left:0; padding-right:0;}
nav ul.main-nav li{ padding-right:0;}
nav ul.log-nav{ padding-left:0; padding-right:0; width:100%;}
nav ul.log-nav li{ color:#8c456e;}
nav ul.log-nav li i{ display:none;}
nav ul.main-nav li a:hover {
    color: #fff;
}
nav ul a{ padding:0 15px !important;}
.login-wrapper{ width:330px; height:330px;}
.logo-sec > img {
    width: 70%;
}
.logo-sec{ margin-bottom:10px;}
.form-wrp input[type="text"]{ height:35px;}
.form-wrp .sbmt{ width:60px; height:60px; line-height:60px;}
.abt .circles a {
    height: 330px;
    padding: 25px;
    width: 330px; margin-bottom:15px;
}
.abt .icon {
    font-size: 35px;
}
.abt h2 {
    font-size: 18px;
    margin-bottom: 5px;
}
.abt .circles p {
    margin-bottom: 10px;
}
.right-cont{ text-align:center;}
.col-xs-12.col-sm-3.col-lg-3.right-cont > img {
    width: 20%;
}
.photo-box{ margin-bottom:15px;}
.text-box::after{ left:45%;}
.features-innr{ padding-top:0;}
.icon-link-wrp a{width:100px; height:100px;}
.icon-link-wrp a img {
    width: 55%;
}
.icon-link-wrp a{ font-size:12px;}
.footer-left{ margin-bottom:15px; text-align:center;}
.footer-left ul, .top-right, .bottm-right{ width:100%; text-align:center;}
.footer-left ul li, .top-right-inner, .bottm-right a{ float:none; display:inline-block;}
.home{ height:auto; min-height:100%; padding-bottom:15px;}	
	}
@media (max-width:568px) {
.icon-link-wrp a {
    width: 100px;
    height: 100px; font-size: 12px; padding:10px;
}
.navbar-collapse{ width:75%;}
.col-lg-2-new {
    width: 33.33%; float:left; 
}
	}	
@media (max-width:414px) {
.col-lg-2-new {
    width: 50%;
}
	}	
@media (max-width:375px) {
.login-wrapper {
    width: 290px;
    height: 290px; padding:5px 25px;
}
.navbar-collapse{ width:100%; position:relative; z-index:9999;}
nav {
    margin-right: 0;
    margin-top: 5px;
}
.features .ftr-bx a p{ font-size:13px;}
.features h3 {
    font-size: 18px;
}
.features .ftr-bx .icon-bx{ display:none;}
.features .ftr-bx a{ padding:0; width:280px; height:280px;}
.features h3{ padding:34px; padding-bottom:0;}
.abt .circles a{ width:280px; height:280px;}
.footer-mid ul {
    min-height: auto;
    width: 100%;
    border-left: 0; text-align:center;
	}	
.footer-mid { border-top:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid; padding-top:15px; padding-bottom:15px; margin-bottom:15px;}		}
/**** Create an account ***/
.reg-left{ padding:50px 0 0 62px; float:left; width:70%; height:100%; background:url(../images/bg-2.jpg) center center no-repeat; background-size:cover;}
.reg-left .left-inner{ float:left; width:350px; height:100%; position:relative;}
.reg-logo{ padding-bottom:40px;}
.reg-logo img{ width:25%;}
.reg-text{ color:#777777; font-size:14px; font-family: 'OpenSansLight'; }
.reg-text h1{ color:#83426a; line-height:24px; font-size:20px; margin-bottom:7px; font-family: 'DroidSerifBoldItalic';}
.reg-text h2{ color:#83426a; font-size:18px; margin-bottom:7px; font-family: 'DroidSerifBoldItalic';}
.reg-text h3{ color:#83426a; font-size:14px; line-height:20px; margin-bottom:10px; font-family: 'DroidSerifItalic';}
.reg-text ul{ margin-top:15px;}
.reg-text ul li{ width:20%; float:left;}
.reg-text ul li a{ float:left;  background-size:cover; background-image:url(../images/sprite1.png); background-position:0 0; background-repeat:no-repeat;}
.reg-text ul li a.t{width:28px; height:34px;}
.reg-text ul li a.cm{width:35px; height:30px; background-position:0px -45px;}
.reg-text ul li a.ch{width:43px; height:37px; background-position:0px -93px;}
.reg-text ul li a.md{width:35px; height:36px; background-position:0px -109px;}
.reg-text ul li a.li{width:33px; height:33px; background-position:0px -137px;}
.reg-text ul li a.t:hover{background-position:0px -153px;}
.reg-text ul li a.cm:hover{background-position:0px -235px;}
.reg-text ul li a.ch:hover{background-position:0px -331px;}
.reg-text ul li a.md:hover{background-position:0px -299px;}
.reg-text ul li a.li:hover{background-position:0px -318px;}
.reg-text .panel-body ul li{ position:relative; width:100%; padding-left:20px;}
.reg-text .panel-body ul li:before{ position:absolute; width:11px; height:11px; content:''; background:#8b466d; left:0; top:5px;}
.reg-footer{ position:absolute; bottom:20px;  font-family: 'open_sansregular'; color:#84416b; font-size:12px;}
.reg-footer p{ margin-bottom:5px;}
.reg-footer li{ float:left; margin-right:5px; position:relative; border-right:#84416b 1px solid; line-height:11px;}
.reg-footer li a{ padding-right:5px; line-height:10px;}
.reg-footer li:last-child { border:0;}
.reg-right{ position:relative; float:right; width:30%; min-height:100%; background:#8b466d; text-align:center; }

.step-1{  float:left; width:100%; position:absolute; background:#8b466d;}
.reg-right h2{font-family: 'open_sansregular', sans-serif; font-size:17px; color:white; padding-bottom:12px;}
.nav-cntrl{ padding-bottom:15px; position:relative; float:left; width:100%; text-align:center;}
.nav-cntrl:before{ position:absolute; height:3px; top:6px; background:#7b335c; width:59px; content:"";}
.nav-cntrl a{ position:relative; z-index:2; display:inline-block; margin:0 4px 0 0; width:15px; height:15px; border-radius:50%; background:#7b335c; border:3px solid #7b335c;}
.nav-cntrl a.active{background:#d5b357;}
.repeat{ float:left; padding-bottom:15px; width:100%;}
.inpt-1{ padding:0 15px; background:#fff; height:28px; float:left; width:100%; border:0; border-radius:25px; line-height:28px; font-family: 'OpenSansLightItalic'; font-size:13px; color:#6d6d6d;}
.inpt-1::-webkit-input-placeholder {
   color: #000 !important;
}

.inpt-1:-moz-placeholder { 
   color: #000 !important;  
}

.inpt-1::-moz-placeholder {
   color: #000 !important;  
}

.inpt-1:-ms-input-placeholder {  
   color: #000 !important;  
}
.inpt-2{ width:48%; float:left; border-radius:0; -webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;}
.inpt-3{ width:48%; float:right; border-radius:0; -webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;}
.inpt-4{ /*background-image:url(../images/calender.png); background-position:right center;*/ padding-right:25px; background-repeat:no-repeat;}
.bg-2{ background:#79325a;}
.section-dv{ float:left; width:100%; position:relative;}
.step-1 p{ color:#b58ba3; font-size:12px;  font-family: 'OpenSansLightItalic', sans-serif; }


.step-2{display:none;  float:left; width:100%; position:absolute; background:#8b466d;}
.reg-right h3{font-family: 'RobotoThin', sans-serif; font-size:41px; color:white; padding-bottom:5px;}
.reg-right h4{ margin-bottom:10px;}
.reg-right h6{font-family: 'open_sansregular', sans-serif; font-size:14px; color:white; padding-bottom:12px;}
.upld{ margin-bottom:15px; display:inline-block; background:#efefef; width:190px; height:190px;  border-radius:50%;}
.upld p{ color:#8b466d; font-size:12px; font-family: 'open_sansregular', sans-serif;}
.upld:hover p{ color:black;}

.step-3{display:none;  float:left; width:100%; position:absolute; background:#8b466d;}
.check-wrp p, .check-wrp input[type="checkbox"]{ float:left;}
.conceive, .Pregnant, .Parent, .Blogger{ float:left; width:100%;}
.Pregnant, .Parent, .Blogger, .for-blogger{ display:none;}
.reg-right .filename{ display: none !important; }
.reg-right  div.uploader{ background: none !important; width: 100%; text-align: center; cursor: pointer; }
.reg-right div.uploader span.action{ background: none !important; cursor: pointer; color: #8b466d; display: inline-block; float: none; width: auto; }
.reg-right div.uploader:hover span.action{ color: black; }
.upld img{ width: 40%; }
.success-box{ float: left; width: 100%; height: 100%; position: absolute; display: none;  }

.green-bg{ background:#733157; text-align: center; }
.line-hgt{ line-height: 22px; }
.hlf{ height: 50%; }	
#share_with_friends .form-group, #share_with_groups .form-group{ padding:0 15px;}
#share_with_friends .form-group div.selector{ width:240px !important;}
#share_with_friends .form-group div.selector span{ width:100% !important;}
#share_with_friends .btn-book, #share_with_groups .btn-book{ background:#6e3e60; border-color:#6e3e60;}
/******* uniform flugin ***/
.reg-right div.checker{ float:left; margin-right:0; width:13px; height:13px;}
.reg-right .step-1 div.checker{ float:none;}
.reg-right div.checker, .reg-right div.checker span, .reg-right div.checker input {
    height: 13px;
    width: 13px;
}
.reg-right div.checker span, .reg-right div.checker.hover span, .reg-right div.checker.focus span {
    background:url(../images/unchecked.png) center center no-repeat;
    display: inline-block;
    text-align: center;
}
.reg-right div.checker span.checked, .reg-right div.checker.hover span.checked, .reg-right div.checker.focus span.checked {
    background:url(../images/checked.png) center center no-repeat;
}
.reg-right div.selector{ height:28px; width:100% !important; line-height:28px; padding-left:0; background:none; text-align:left;}
#share_with_friends div.selector{ width:125px !important;}
.login-wrapper  div.selector{height:40px; width:100% !important; line-height:40px; padding-left:0px; background:none; text-align:left;}
.reg-right .step-1 div.selector{ height:28px; width:48% !important; float:left; }

.reg-right div.selector span, .login-wrapper  div.selector span{ width:100% !important;}
.reg-right div.selector.hover span, .reg-right div.selector.focus span, .login-wrapper  div.selector.focus span{ background:url(../images/dwn-ar.png) right center no-repeat #fff;}
.reg-right div.selector span, .login-wrapper  div.selector span{
   background:url(../images/dwn-ar.png) right center no-repeat #fff;
    cursor: pointer;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding:0 25px 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; border-radius:25px; 
}
#share_with_friends div.selector span { width:100% !important;}
.login-wrapper  div.selector span{ height: 40px; padding-left: 10px; line-height: 40px; }
.login-wrapper div.selector select{ height: 40px; line-height: 40px; }
.reg-right .step-1 div.selector span{border-radius:0; -webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;}
.reg-right div.selector select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 28px;
    left: 3%;
    opacity: 0;
    position: absolute; background:#fff; border:0;
    top: 0px;
    width: 95%;
}
.reg-right .step-1 div.selector select { width:97%;}
.reg-right div.selector select option{ padding:5px; border:0;}
.reg-right div.radio{ float: left; margin-right: 0; }
.reg-right .radio input[type="radio"], .reg-right .radio-inline input[type="radio"], .reg-right .checkbox input[type="checkbox"], .reg-right .checkbox-inline input[type="checkbox"]
{ margin-left: -7px; }
.reg-right div.radio, .reg-right div.radio span, .reg-right div.radio input {
    width: 13px;
    height: 13px;
}
.reg-right div.radio span{ background:url(../images/radio-un.png) center center no-repeat;}
.reg-right div.radio span.checked, .reg-right div.radio.hover span.checked{background:url(../images/radio-ckd.png) center center no-repeat;}
.reg-right select.uniform-multiselect{ width: 100%; background: #fff; }
.reg-right select.uniform-multiselect.hover, 
.reg-right select.uniform-multiselect.focus
{background: #fff;}
.reg-right select option{ padding: 5px; }
 /****** common class ****/
 .p-cls{ color:white !important;}
 .p-cls-1{ font-size:12px;  font-family: 'OpenSansLightItalic'; color:#b2869f;}
.p-cls-2{ font-size:14px;  font-family: 'OpenSansLightItalic'; color:#fff;}
.link-2{ margin-left:10px; font-size:13px; color:#FFF !important;  font-family: 'OpenSansLightItalic', sans-serif; font-style:italic;}
.p-cls-3{  font-size:13px; color:#FFF !important;  font-family: 'OpenSansLightItalic', sans-serif; }
.mrngn-right{ margin-right:10px;}
.mrngn-top-bttm{ margin-bottom:10px; margin-top:10px;}
.bttn, .bttn-1{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbb859+0,c0a14e+100 */
background: #dbb859; /* Old browsers */
background: -moz-linear-gradient(top,  #dbb859 0%, #c0a14e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dbb859 0%,#c0a14e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dbb859 0%,#c0a14e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb859', endColorstr='#c0a14e',GradientType=0 ); /* IE6-9 */
 width:100%; height:33px; line-height:33px; text-align:center; color:#83426a; font-size:16px; font-family: 'DroidSerifBoldItalic'; border-radius:25px; border:0;}
.bttn:hover, .bttn-1:hover{ color:black;}
.bttn-1{ width:auto; padding:0 15px; font-size:14px;}
.bttn-2{ background:#6e3e60;    font-family: 'DroidSerifBoldItalic'; font-size:11px; float:right; line-height:33px; color:white !important; border-radius:20px; padding:0 20px;}
.link-1{ font-family: 'latobold_italic', sans-serif;   color:#ffffff !important; font-size:13px;}
a.link-1:hover, a.link-2:hover{ color:#000 !important;}
.link-3{ font-size:13px; color:white;  font-family: 'OpenSansLightItalic', sans-serif; }
.padding{  padding:15px 25px;}
.padding-1{ padding:15px 25px;}
.padding-3{ padding:15px;}
.padding-2{ padding-bottom:15px;}
.padding-0{ padding-bottom:0 !important;}
.txt-dcrtn{ text-decoration:underline;}
.txt-algn{ text-align:left;}
.mobile-logo{ display:none;}
.success-box p{font-size:14px;  font-family: 'OpenSansLightItalic'; color:#fff;}
.success-box a{font-family: 'latobold_italic', sans-serif;   color:#ffffff !important; font-size:14px; text-decoration: underline;}
.success-box a:hover{color: black !important;}
#forgot_msg{background: #dbb859; /* Old browsers */
background: -moz-linear-gradient(top,  #dbb859 0%, #c0a14e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dbb859 0%,#c0a14e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dbb859 0%,#c0a14e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb859', endColorstr='#c0a14e',GradientType=0 ); /* IE6-9 */
 width:100%; line-height:20px; font-size:12px; color:#fff; padding:0 5px;}
.product-images li{ float:left; width:20%; padding:15px;}
.product-images li a{height:130px; overflow:hidden; float:left; width:100%; border:#e1e1e1 1px solid; padding:5px;}
.product-images li a img{ min-width:100%; min-height:100%;}
.product-images h4{ color:#7c466c; padding:15px 15px 0;}
.seller-info p.loc{    color: #646464;
    font-family: 'LatoItalic';
    font-size: 15px;}
@media(min-width:768px) and (max-width:800px){
	.reg-left{ padding:50px 25px 0; width:60%;}
	.reg-left .left-inner{ width:100%;}
	.reg-right{ width:40%;}
	}
@media(max-width:767px){
.mobile-logo{ display:block; background:#fff; width:100%;  text-align:center; padding:15px; }
.mobile-logo img{ width:15%;}
.reg-logo{ display:none;}	
.reg-left{ float:right; width:100%; height:auto; padding:25px;}
.reg-right{float:left; width:100%; height:auto; padding-bottom:15px;}
.step-1, .step-2, .step-3{ position:relative;}
.reg-left .left-inner{ width:100%;}
.reg-footer{ position:relative; bottom:0;}
.reg-text ul{ float:left; width:100%; margin-bottom:15px;}
		}
@media(max-width:414px){.mobile-logo img{ width:30%;}}		

/****** Profile ****/
.profile-wrapper{background:#bfbfbf;}

.left-profile{ min-height:100%; float:left; background:#7c466c; position:relative; text-align:center; width:25%;}
a.left-tog-btn{ z-index:1; position:absolute; background:#7c466c; padding:8px; padding-left:0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; color:white; top:25px; right:-10px; font-size:15px;}
a.left-tog-btn:hover{ right:-13px;}
.profile-pic { float:left; width:100%; margin-bottom:7px; position:relative;}

.profile-pic-inner{ position:relative; display:inline-block; width:161px; height:161px; overflow:hidden; border-radius:50%; border:7px solid #fff;}
.profile-pic a{ width:100%; height:100%; float:left;}
a.inner-a-link{
	position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: auto;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 0;
    color: white;
    font-size: 18px;
    }	
a.ad-frnd{ position:absolute; right:53px; width:31px; height:31px;
font-size: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: white;
    line-height: 27px;}	
.profile-pic a img{ width:100%; min-height:100%;}
.left-profile h1{ color:#fff; font-size:20px; margin-bottom:3px; font-family: 'DroidSerifBoldItalic';}
.pro-info p{ font-family: 'OpenSansLight'; color:#b090a7; font-size:12px; margin-bottom:0;}
.notification-info{ border-top:1px solid#633857; float:left; width:100%;}
.notification-info li{ float:left; width:33.333%; border-right:1px solid#633857;}
.notification-info li:last-child{ border:none;}
.notification-info li a{ float:left; width:100%; padding:16px 0; position:relative;}
.notification-info li a .not-bubble{ position:absolute; right:3px; top:3px; width:25px; height:25px; line-height:25px; background:#dbb859; color:white; border-radius:50%; }
.notification-info li a .not-bubble:after{width: 0; display:none !important;
height: 0;
border-style: solid;
border-width: 10px 7px 0 7px;
border-color: #dbb859 transparent transparent transparent; content:""; bottom:-5px; left:4px;}
.notification-info li a .not-bubble .not-dropdwn{ padding:2px 5px;  position:absolute; width:200px; top:25px; z-index:9; background:#dbb859; border-radius:5px;}
.notification-info li a .not-bubble .not-dropdwn li{ float:left; width:100%; padding:5px; border-bottom:#633857 1px solid; border-right:0;}
.notification-info li a .not-bubble .not-dropdwn li .left-img{ float:left; padding-right:5px; width:20%;}
.notification-info li a .not-bubble .not-dropdwn li .left-img img{ width:100%;}
.notification-info li a .not-bubble .not-dropdwn li h5{ color:white;  font-family: 'DroidSerifItalic'; font-size:13px;}
.notification-info li a .not-bubble .not-dropdwn li p{ color:#633857;}
.notification-info li a .not-bubble .not-dropdwn li p span:hover{ text-decoration:underline;}
.notification-info li a .not-bubble .not-dropdwn li .right-txt{ float:left; width:80%; padding-left:5px; text-align:left;}
.notification-info li a .not-bubble .not-dropdwn li:last-child{ border:none;}

.notification-info li a .not-bubble{ position:absolute; right:3px; top:3px; width:25px; height:25px; line-height:25px; background:#dbb859; color:white; border-radius:50%; }
.notification-info li a .not-bubble:after{width: 0; display:none !important;
height: 0;
border-style: solid;
border-width: 10px 7px 0 7px;
border-color: #dbb859 transparent transparent transparent; content:""; bottom:-5px; left:4px;}
.h-cls-new{ float:left; width:100%; position:relative;}
.right-profile .not-bubble{ position:absolute;     left: 72px;
    top: 3px; text-align:center; width:25px; height:25px; line-height:25px; background:#dbb859; color:white; border-radius:50%; cursor:pointer; }
.right-profile .not-bubble .not-dropdwn li .left-img, .right-profile .not-bubble .not-dropdwn li .right-txt{ cursor:default;}
.right-profile .not-bubble .not-dropdwn{ padding:2px 5px;  position:absolute; width:200px; top:25px; z-index:9; background:#dbb859; border-radius:5px; height:150px; overflow-y:scroll;}
.right-profile .not-bubble .not-dropdwn li{ float:left; width:100%; padding:5px; border-bottom:#633857 1px solid; border-right:0;}
.right-profile .not-bubble .not-dropdwn li .left-img{ float:left; padding-right:5px; width:20%;}
.right-profile .not-bubble .not-dropdwn li .left-img img{ width:100%;}
.right-profile .not-bubble .not-dropdwn li h5{ color:white;  font-family: 'DroidSerifItalic'; font-size:13px;}
.right-profile .not-bubble .not-dropdwn li p{ color:#633857;}
.right-profile .not-bubble .not-dropdwn span {
    cursor: pointer;
}
.right-profile .not-bubble .not-dropdwn li p span:hover{ text-decoration:underline;}
.right-profile .not-bubble .not-dropdwn li .right-txt{ float:left; width:80%; padding-left:5px; text-align:left;}
.right-profile .not-bubble .not-dropdwn li:last-child{ border:none;}
.link-sec{ float:left; width:100%; text-align:center;}
.link-sec a{ display:inline-block; background: #8c456e;
    border-radius: 20px;
    padding: 0 15px; color: white; font-family: 'DroidSerifItalic';
    font-size: 14px;
    line-height: 29px;}

.left-profile h2{ color:#fff; font-size:24px; margin-bottom:0px; font-family: 'RobotoCondensed';}
.notification-info li a p{ margin-bottom:0; color:#b090a7; font-size:11px; font-family: 'DroidSerifItalic';}
.abt-me{ float:left; width:100%; background:#6d385d; font-size:12px; color:white;}
.left-profile h3{ font-size:16px; font-family: 'DroidSerifItalic';}
.abt-me h3{font-family: 'open_sansregular', sans-serif;}
.tool-bar{ float:left; width:100%; position:relative;}
.tool-bar a{ display:inline-block; width:31px; height:31px; font-size:14px; margin:0 7px; border-radius:50%; border:2px solid #fff; color:white; line-height:27px;}

.mid-profile{ float:left; padding-top:15px; background:#fff; position:relative; text-align:center; width:50%; min-height:100%;}
.comment_input_Wrap textarea, .comment_input_Wrap input[type="text"]{ font-family: 'open_sansregular', sans-serif;
    color: #b9b9b9;
    font-size: 13px;
    resize: none;
    padding: 15px;
    height: 60px;
    border-radius: 5px;
    position: relative;
    float: left;
    width: 100%;
    background: #f3f3f3;
    border: #9a9495 1px solid; margin-bottom:3px;
}
.comment_input_Wrap input[type="button"]{ background: #6e3e60;
    font-family: 'DroidSerifBoldItalic';
    font-size: 11px;
    float: right;
    line-height: 33px;
    color: white !important;
    border-radius: 20px;
    padding: 0 20px; border:0; position:relative;}

.right-profile{ float:left; background:#bfbfbf; position:relative; text-align:center; width:25%; min-height:100%;}
.right-profile h1{ border-bottom:1px solid #fff; font-family: 'LatoItalic'; color:white; font-size:12px; background:#7c466c; height:37px; line-height:37px;}
.right-profile h1 a .fa-user{ width:19px; height:19px; background:white; border-radius:50%; color:#7c466c; line-height:19px; margin-right:5px;}
.right-profile h1 a .fa-angle-down{ margin-left:5px;}
.right-profile h1 a{ float:left; width:100%;}
.right-profile h1 ul{ float:left; width:100%; background:#6d385d; display:none; position:absolute; top:37px;}
.right-profile h1 ul li{ float:left; width:100%; text-align:center; padding:0; border-bottom:#fff 1px solid;}
.right-profile h1 ul li a{ float:left; width:100%; height:auto;}
.right-profile h1 a:hover{ color:black;}
.right-profile h1 a:hover .fa-user{ color:white; background:black;}
.right-profile h2{ font-size:13px; color:#474747; line-height:31px; text-align:left; padding:0 15px; font-family: 'DroidSerifItalic'; background:#e1e1e1;}
.right-profile h2 a:hover{color:black; }
.right-profile ul{background:#e1e1e1; float:left; width:100%;}
.right-profile ul li{ float:left; width:33.33%; padding:0 1px 1px 0;}
.right-profile ul li a{ width:100%; float:left; color:white; height:89px; overflow:hidden;}
.right-profile ul li a.yellow{ background:#caa237; color:white;}
.right-profile ul li a.violet{ background:#7c466c; color:white;}
.right-profile ul li a:hover img{opacity:0.7;}
.right-profile ul li img{ width:100%; min-height:100%;}
.right-profile ul li:nth-child(3){ padding-right:0;}
.right-profile h3{ color:#fff; line-height:13px; font-size:24px; margin-bottom:0; font-family: 'open_sansregular';}
.mid-profile h4{
    color: #7c466c;
    font-size: 16px;
    font-family: 'DroidSerifBoldItalic'; margin-bottom:10px;
}
.mid-profile h3, .mid-profile-new h3{
    color: #7c466c;
    font-size:24px;
    margin-bottom:10px; text-align:left;
}
.right-profile ul li a p{ font-size:13px; margin-bottom:0;}
.right-profile ul li a:hover, .right-profile li a:hover h3{ color:black;}
.search-wrp{ padding:0px 15px 5px; float:left; width:100%; background:#bfbfbf;}
.search-inner{ float:left; width:100%; background:#fff; padding:7px 15px; border-radius:20px; border:#9f9f9f 1px solid;}
.search-cl .search-inner{ background:none;}
.search-inner input[type="text"]{font-family: 'LatoItalic'; font-size:14px; float:left; width:80%; background:none; border:0; line-height:16px; padding:0; margin:0;}
.serch-btn{ float:right; width:16px; height:16px; background:url(../images/search-btn.png) center center no-repeat; border:none;  text-indent:-9999px;}
.mid-profile .repeat{ padding-bottom:15px; float:left; width:100%; padding-right:25px; padding-left:25px;}
.mid-profile .repeat.link-wrap a { float:left; height:35px; font-family: 'LatoItalic'; font-size:14px; margin-right:6px; border:#a8a8a8 1px solid; border-radius:20px; padding:0 15px; line-height:33px; color:#bfbfbf;}
.mid-profile .repeat.link-wrap a:hover, .mid-profile .repeat.link-wrap a.active{ color:#7c466c;}
.new-wrap .tp-sec{ float:left; width:100%; margin-bottom:15px; position:relative;}
.new-wrap .tp-sec textarea{font-family: 'open_sansregular', sans-serif; color:#4a4949; font-size:13px; resize: none; padding:15px; height:60px; border-radius:5px; position:relative; float:left; width:100%; background:#f3f3f3; border:#9a9495 1px solid;}
.new-wrap .tp-sec textarea::-webkit-input-placeholder {
   color: #4a4949 !important;
}

.new-wrap .tp-sec textarea:-moz-placeholder { 
   color: #4a4949 !important;  
}

.new-wrap .tp-sec textarea::-moz-placeholder {
   color: #4a4949 !important;  
}

.new-wrap .tp-sec textarea:-ms-input-placeholder {  
   color: #4a4949 !important;  
}
.new-wrap .tp-sec:after{ position:absolute; content:""; width:17px; height:13px; background:url(../images/arrow.png) center center no-repeat; left: 24px;
    bottom: -10px;}
.new-wrap .bottom-sec{ float:left; width:100%;}
.new-wrap .bottom-sec .update-btn{ float:left; width:30%;}
.new-wrap .bottom-sec .icon-set{ float:left; width:70%; padding-right:15px;}
.new-wrap .bottom-sec .icon-set a{ text-indent:-9999px; margin-left:20px; float:left; width:26px; height:23px; background:url(../images/sprite2.png) center top no-repeat;}
.new-wrap .bottom-sec .icon-set a:hover{background-position:center -115px;}
.new-wrap .bottom-sec .icon-set a.camera-icon{ background-position:center -22px;}
.new-wrap .bottom-sec .icon-set a.camera-icon:hover{background-position:center -137px;}
.new-wrap .bottom-sec .icon-set a.chat-icon{ background-position:center -47px;}
.new-wrap .bottom-sec .icon-set a.chat-icon:hover{background-position:center -162px;}
.new-wrap .bottom-sec .icon-set a.media-icon{ background-position:center -69px;}
.new-wrap .bottom-sec .icon-set a.media-icon:hover{background-position:center -184px;}
.new-wrap .bottom-sec .icon-set a.link-icon{ background-position:center -91px;}
.new-wrap .bottom-sec .icon-set a.link-icon:hover{background-position:center -206px;}
.new-wrap .bottom-sec .icon-set a.article-icon{ background-position:center -233px;}
.new-wrap .bottom-sec .icon-set a.article-icon:hover{background-position:center -264px;}
.new-link-wrap{ margin-bottom:15px; float:left; width:100%; background:#f3f3f3; border:#dddddd 1px solid; border-right:none; border-left:none;}
.new-link-wrap a{line-height:14px; padding:10px 3px; color:#767676; font-size:12px; font-family: 'open_sansregular', sans-serif; border-right:#dddddd 1px solid;}
.new-link-wrap a:hover{ color:#6d385d;}
.repeated-feed{ text-align:left; float:left; width:100%; margin-bottom:15px;}
.repeated-feed video {
    max-width: 100%;
}
#DeletepostModal p, .Deactivate p{ padding-left:15px; padding-right:15px; text-align:center; font-size:16px;}
#DeletepostModal .deletepostprofile, .message-model .send-msg{background: #6e3e60;
    font-family: 'DroidSerifBoldItalic'; border:0;}
.message-model .form-group{ padding-left:15px; padding-right:15px;}	
.message-model .form-group textarea{ float:left; width:100%; resize:none; padding:5px; height:100px; border-radius:5px;}
.s-cl{ float:left; width:70%;}
.s-cl div.selector, .s-cl div.selector span{ width:100% !important}
.message-model div.selector{ width:150px !important;}
.message-model div.selector span{ width:140px !important; }
.info-sec{ float:left; width:100%; margin-bottom:7px;}
.repeated-feed h1{ float:left; color:#7c466c; font-size:16px; font-family: 'DroidSerifBoldItalic';}
.repeated-feed h1:hover a, .repeated-feed h2:hover a{ color:#000;}
.repeated-feed h1 img{  margin-right:5px; border-radius:50%; width:31px; height:31px;}
.repeated-feed span{font-family: 'DroidSerifItalic'; font-size:12px; color:#868686; line-height:34px; float:left; margin-left:7px;}
.repeated-feed .place-sec{ text-align:right;}
.repeated-feed .place-sec p{font-family: 'DroidSerifItalic'; font-size:12px; color:#868686;}
.repeated-feed .place-sec p:hover a{color:#7c466c;}
.repeated-feed .place-sec i{ margin-right:10px;}
.repeated-feed .content-sec{ float:left; width:100%; background:#f3f3f3; padding-top:15px; padding-bottom:15px;}
.repeated-feed .content-sec .photo-sec img{ width:100%; }
.repeated-feed h2{font-family: 'DroidSerifItalic'; font-size:16px; margin-bottom:2px; color:#7c466c;}
.repeated-feed h6{ color:#aeaeae; font-size:12px; font-family: 'DroidSerifBoldItalic'; margin-bottom:10px;}
.repeated-feed .text-sec p{font-family: 'LatoItalic';  color:#aeaeae; font-size:13px;}
.text-sec p strong{color:#7c466c;}
p.profilepostdesc{ float:left; width:100%; padding:10px; margin-bottom:0;}
.repeated-feed .response{ float:left; width:100%; margin-top:15px;}
.article-class .article-image{ margin-top:0; border-bottom:#ddd 1px solid; margin-bottom:5px; text-align:center;}
a.article-class {
    float: left;
    width: 100%;
    border: #ddd 1px solid;
}
.article-link{float: left;
    width: 100%;
    padding: 10px;}

.repeated-feed .response a{ float:left; color:#aeaeae; margin-right:15px; font-family: 'DroidSerifBoldItalic'; font-size:12px;}
.repeated-feed .response i{ color:#7c7c7c; margin-right:2px;}
.repeated-feed .response a:hover, .repeated-feed .response a:hover i{color:#7c466c;}
.profile-wrapper.maximize .mid-profile{ width:75%;}
.profile-wrapper.maximize .left-profile{ width:0%;}
.profile-wrapper.maximize .left-profile .hide-dv{ display:none;}
.profile-wrapper.maximize a.left-tog-btn{ padding:8px 8px 8px 3px; right: -20px;}
.left-profile textarea{  
    color: #b9b9b9;
    resize: none;
    padding: 15px;
    height: 60px;
    border-radius: 5px;
    position: relative;
    float: left;
    width: 100%;
    background: #f3f3f3;
    border: #9a9495 1px solid; margin-top:7px;}
.left-profile select{width: 100%;
    border-radius: 5px;
    background: white;
    border: #9a9495 1px solid;
    padding: 5px;
    margin-top: 5px;}	
.dlt-all a {
    float: right;
    color: #7c466c;
    font-size: 12px;
}
.dlt-all {
    float: left;
    width: 100%;
}
.modal-body .form-group .selector{ width:240px !important;}
.modal-body .form-group .selector span, .modal-body .form-group .selector select{ width:100% !important}
/********* Login **********/
.login-cover{ background:url(../images/bg-3.jpg) center center no-repeat #c8c8c8; background-size:cover;}
.login-cover .login-center{ margin:auto; width:308px;}
.login-cover .login-inner{ float:left; width:100%; background:url(../images/login-bg.jpg) center top no-repeat #8b466d; padding:127px 35px 80px; position:relative;}
.login-cover .login-center-new{ margin:auto; width:750px;}
.login-cover .login-inner-new{ float:left; width:100%; background:url(../images/bg-new.jpg) center top no-repeat #8b466d; background-size:cover !important; padding:25px 0; position:relative;}
.login-cover .login-inner-new p{ text-align:center; color:#fff;
    font-size: 13px;}
.login-logo {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}
.login-cover .login-inner-new .no-margin{ margin-bottom:0;}
 .login-cover .login-inner-new h6{   font-size: 17px;
    text-align: center; margin-bottom:15px;}
	
.login-cover .login-inner-new h1{font-family: 'DroidSerifBoldItalic'; font-size:22px; margin-bottom:18px;}
.login-cover h1{font-family: 'LatoHairline'; font-size:37px; color:white; margin-bottom:20px; text-align:center;}
.search-repeat{ position:relative; float:left; width:100%; border-bottom:#dddddd 1px solid; padding:10px 0; min-height:65px;}
.search-repeat:nth-child(odd){ background:#f3f3f3;}
.search-repeat .dp{ float:left; width:25%; padding:0 15px;}
.mid-profile .repeat.link-wrap .search-repeat a{float: left;
    height:auto;
    font-family: 'DroidSerifItalic';
    font-size: 14px;
    margin-right: 0;
    border:none;
    border-radius:0;
    padding:0;
    line-height:20px;
    color: #767676; width:100%;}	
.search-repeat .dp img{ width:100%;  border:#dddddd 1px solid; padding:2px;}
.search-repeat .dn{ float:left; width:40%; font-size: 14px;
    font-family: 'DroidSerifItalic'; color:#767676; padding:0 15px; position:absolute; top:15px; bottom:15px; overflow:hidden; left:25%;}
.mid-profile .repeat.link-wrap .search-repeat .dn a:hover{ color:#6d385d;}	
.search-repeat .rqst{ float:left; width:35%; font-size: 14px;
    font-family: 'DroidSerifBoldItalic'; color:#6d385d; padding:0 15px; position:absolute; top:15px; bottom:15px; overflow:hidden; right:0;}
.mid-profile .repeat.link-wrap .search-repeat .rqst a{font-family: 'DroidSerifItalic'; display:inline-block; color:#fff; float:none; width:auto; background:#6d385d; border-radius: 20px;
    padding: 0 20px; line-height:31px; font-size:11px; }	
.mid-profile .profileSearchWrap .repeat{ padding-left:0; padding-right:0;}
.profileSearchWrap .repeat .ui-tabs-nav {padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    border-bottom: #dddddd 1px solid;
}
tr.tr-repeat {
    float: left;
    width: 100%;
    padding-bottom: 15px; position:relative;
}
td.td-photo {
    float: left;
    width: 50px;
   border:#dddddd 1px solid; padding:2px; background:#fff; border-radius:50%;
}
td.td-photo img{ width:100%; border-radius:50%;}
.td-comment{ float:left; padding-left:15px; padding-right:15px; width:88%; }
.td-comment tr{float:left; width:100%; 
    font-size: 12px;
    color: #868686;}
.td-comment tr td{ width:100%;}	
.td-comment tr.tr-name{ font-family: 'DroidSerifItalic'; padding-bottom:3px; color:#7C466C; font-size:14px;}
.tr-comment{ font-family: 'open_sansregular';}
.latest-feed table{ float:left; width:100%;}
.powered{ float:left; width:100%; padding:7px 0; font-size:13px; color:#000;}
.powered a{ color:#7c466c;}
div#requestsenddiv, div.requestsenddiv {
    color: white;
    position: absolute;
    top: 0;
    right: 0;
	background: #dbb859;
    background: -moz-linear-gradient(top, #dbb859 0%, #c0a14e 100%);
    background: -webkit-linear-gradient(top, #dbb859 0%,#c0a14e 100%);
    background: linear-gradient(to bottom, #dbb859 0%,#c0a14e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb859', endColorstr='#c0a14e',GradientType=0 );
	padding:5px; font-size:11px; border-radius:5px;
}
div.requestsenddiv{ right:40%; top:15px;}
.repl-dlt, .repl-info{ width:100%;}
.repl-info span{ float:left; width:30px;  margin:0 10px 0 0;}
.repl-cmnt{ float:left;}
.repl-cmnt p.nme{    color: #7C466C;
    font-size: 12px; font-family: 'DroidSerifItalic'; margin-bottom:0;}
.reply-cl-repeat{ padding-top:10px; padding-bottom:10px; border-bottom:#eee 1px solid;}	
.tr-repeat .commentReplyLink{    float: right;
    color: #7C466C;
    margin-left: 15px;
    font-family: 'DroidSerifItalic';}
.reply-cl-repeat .deleteComment{ color: #7C466C;}
.repl-dlt p{ margin-bottom:0;}
.repl-cmnt p{ font-size: 12px;}
.edit_image{ width:100% !important;}
p.upload_link_wrp{ float:left !important; width:100% !important;  text-align:center !important;}
p.upload_link_wrp div{ float:left !important; width:100% !important; text-align:center !important;}
p.upload_link_wrp a{ display:inline-block !important; color:white !important;}
#uploaded_image{ float:left !important; width:100% !important; margin-bottom:10px !important;}
#uploaded_image img{ width:100% !important;}
img#thumbnail {
    float: left;
    width: 100%;
}
.repl-info{ float:left; width:100%;}
.create-group{ float:left; width:100%; padding:0 25px;}
.create-group label{ font-size:13px !important; float:left; width:30%; padding-right:15px; font-weight:normal !important;}
.create-group input[type="file"], .create-group  input[type="text"], .create-group textarea { float:left; width:70%; 
 padding: 0 15px;
 border: #9a9495 1px solid !important;
    background: #f3f3f3;
    height: 28px;
    border: 0;
    border-radius: 5px;
    line-height: 28px;
    font-family: 'OpenSansLightItalic';
    font-size: 13px;
    color: #b9b9b9;}
.create-group textarea{ resize:none; height:60px; line-height:16px; padding-top:5px; padding-bottom:5px;}
.form-group {
    margin-bottom: 15px;
    float: left;
    width: 100%; text-align:left;
}
.create-group .bttn-2 {
    background: #6e3e60;
    font-family: 'DroidSerifBoldItalic';
    font-size: 11px; display:inline-block; float:none;
    line-height: 33px;
    color: white !important;
    border-radius: 20px;
    padding: 0 20px;
}
.sub-footer{ float:left; left:25%; position:fixed; bottom:0; width:50%; border-top:#dddddd 1px solid; padding:15px; background:#f3f3f3;     font-family: 'LatoItalic';
    color: #333;
    font-size: 13px;}
.sub-footer p{ margin-bottom:0px;}	
.sub-footer a{ color:#7c466c;}
.sub-footer a:hover{ color:black; text-decoration:underline;}
.wdh-70{ max-width:70%;}
.wdh-90{ width:90%;}
.content-container{ margin:auto; width:95%;}
.inner-content{background:#f7f7f0; padding-bottom:50px; float:left; width:100%; font-size:13px; border-bottom:#dddddd 1px solid; line-height:22px;}
.inner-banner{ float:left; width:100%; overflow:hidden; padding-bottom:5px; background:white; margin-bottom:30px; border-bottom:#dddddd 1px solid;}
.inner-banner img{ width:100%;}
.inner-content h1{ color:#8c456e; margin-bottom:15px;}
.inner-content h2{ color:#8c456e; margin-bottom:10px; font-size:27px; font-family: 'DroidSerifBoldItalic';}
.inner-content h3{ color:#8c456e; margin-bottom:10px; font-size:25px; font-family: 'DroidSerifBoldItalic';}
.inner-content h4{ color:#8c456e; margin-bottom:10px; font-size:22px; font-family: 'DroidSerifBoldItalic';}
.inner-content h5{ color:#8c456e; margin-bottom:10px; font-size:20px; font-family: 'DroidSerifBoldItalic';}
.inner-content h6{ color:#8c456e; margin-bottom:0px; font-size:18px; font-family: 'DroidSerifBoldItalic';}
.inner-content a {color:#8c456e; cursor:pointer; font-family:'DroidSerifItalic';}
.inner-content strong{color:#8c456e; font-family: 'DroidSerifBoldItalic';}
.mrgn-btm-30{ margin-bottom:30px;}
.inner-content .top-cnt{ float:left; width:100%; margin-bottom:15px;}
.inner-content .top-cnt p{ margin-bottom:0;}
ul.listing-1{ float:left; width:100%; margin-bottom:5px; padding-left:15px; margin-top:15px;}
ul.listing-1 li{ position:relative; float:left; width:100%; margin-bottom:20px; padding-left:15px;}
ul.listing-1 li:before{ position:absolute; width:8px; height:8px; content:""; background:#8c456e; top:4px; left:0;}
ul.listing-2 li{ margin-bottom:15px;}
ul.listing-1 li h5{margin-bottom: 5px;
    font-size: 15px; color:#333;}
.create-bttn{ background:#e1e1e1; float:left; width:100%; padding:10px 0;}
.create-bttn a {
    background: #6e3e60;
    font-family: 'DroidSerifBoldItalic';
    font-size: 11px; display:inline-block;
    line-height: 33px;
    color: white !important;
    border-radius: 20px;
    padding: 0 20px;
}
.create-bttn a:hover{ background:black;}
.repeated-feed iframe{ width:100% !important;}
.share-wrp{ float:left; position:relative;}
.share-tgle{ display:none; z-index:9; float:left; background:#f3f3f3; position:absolute; top:16px; border-radius:5px;}
.share-tgle a{ float:left; width:100%; margin-right:0 !important; padding:5px; border-bottom:#dddddd 1px solid;}
.share-tgle a i{ padding-right:5px;}
.share-tgle a:last-child{ border:none;}
.hd-shw-hd{ display:block;}
.sub-footer.mbl{ display:none;}	
.support-popup h4{ color:#7c466c;}
.support-popup form{ padding:0 15px;}
.support-popup form label{ font-weight:normal !important; font-size:14px;}
.support-popup .btn-success {
    color: #fff;
    background-color: #6e3e60;
    border-color: #6e3e60;
}
.support-popup .success:hover {
    color: #fff;
    background-color: #7c466c;
    border-color: #6e3e60;
}

input#profilestatusimage, input#profilestatusvideo {
    display: none;
}
input#profilearticletitle, input#profilearticlelink{ width:48%; float:left;
font-family: 'open_sansregular', sans-serif;
    color: #b9b9b9;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 5px;
    position: relative;
    background: #f3f3f3;
    border: #9a9495 1px solid; line-height:30px; margin-bottom:8px;}
input#profilearticlelink{ float:right;}	
.repeated-feed h1 {
    float: left;
    color: #7c466c;
    font-size: 16px;
    font-family: 'DroidSerifBoldItalic'; line-height:35px;
}
.article-link a {     color: #7c466c; font-size:13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block; }
.article-image{ float:left; width:100%;  margin:10px 0;}
#profileallarticlewrap{padding-bottom: 15px;
    float: left;
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;}
.mid-profile-new{ float:left; width:75%; background:white; position:relative; left:25%; min-height:100%;}	
.left-nav{ float:left; width:100%; text-align:left; }	
.left-nav a{ float:left; width:100%; padding:12px 15px; font-family: 'LatoItalic'; color:white; font-size:13px; background:rgba(255, 255, 255, 0.05); }
.left-nav a:hover{ color:black; background:rgba(255, 255, 255, 0.1);}
.left-nav h6{ float:left; width:100%; padding:15px; background:#633355; color:white; font-size:16px; }
	
.online-store-wrap{ float:left; width:100%; padding:0 25px; position:relative;}
.online-top{position:fixed; left:25%; right:0; padding:15px 25px; z-index:99; background:#fff; border-bottom:#f1f1f1 1px solid;}
.online-top h3{ float:left; margin-bottom:0; line-height:33px;}

.online-top h1{ position:relative; border-bottom:1px solid #fff; float:right; padding:0 15px; border-radius:25px; font-family: 'LatoItalic'; color:white; font-size:12px; background:#7c466c; height:32px; line-height:32px;}
.online-top h1 a .fa-user{ width:19px; height:19px; text-align:center; background:white; border-radius:50%; color:#7c466c; line-height:19px; margin-right:5px;}
.online-top h1 a .fa-angle-down{ margin-left:5px;}
.online-top h1 a{ float:left; width:100%;}
.online-top h1 ul{ float:left; width:100%; z-index:9; background:#6d385d; display:none; position:absolute; top:32px; left:0; right:0; border-radius:5px;}
.online-top h1 ul li{ float:left; width:100%; text-align:center; padding:0; border-bottom:#fff 1px solid;}
.online-top h1 ul li:last-child{ border-bottom:0;}
.online-top h1 ul li a{ float:left; width:100%; height:auto;}
.online-top h1 a:hover{ color:black;}
.online-top h1 a:hover .fa-user{ color:white; background:black;}
.online-top .head-cl{ padding-left:0;}
.online-top .drpdwn-cl{ padding-right:0;}
.product-wrp{ float:left; width:100%; margin-top:67px;}
.product-repeat{ padding-bottom:15px; padding-top:15px;}
.product-repeat .prdct-inner{ float:left; width:100%; padding:10px; background:#e1e1e1;}
.product-repeat .prdct-inner:hover{background:#c3c2c2;}
.product-repeat .prdct-inner:hover .product-image{ opacity:0.7;}
.product-repeat .prdct-inner .product-image{ margin-bottom:15px; float:left; width:100%; height:160px; text-indent:-9999px; background-position:center 50% !important; background-repeat:no-repeat !important; background-size:cover !important;}
.product-repeat .prdct-inner .product-info{ float:left; width:100%; text-align:left;}
.product-repeat .prdct-inner .product-info .product-name{ float:left; width:70%; padding-right:10px;}
.product-repeat .prdct-inner .product-info .product-name h1{ font-size:18px; line-height:25px; color:black; margin-bottom:0;  overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.product-repeat .prdct-inner .product-info .product-name p{ color:#646464; font-family: 'LatoItalic'; margin-bottom:0; font-size:12px;  overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.product-repeat .prdct-inner .product-info .product-price{ overflow:hidden; float:left; width:30%; padding-left:10px;}
.product-repeat .prdct-inner .product-info .product-price div{ float:right;}
.product-repeat .prdct-inner .product-info .product-price div p{ margin-bottom:0; float:left; color:#7c466c; font-size:15px; line-height:29px;}
.product-repeat .prdct-inner .product-info .product-price div span{font-family: 'DroidSerifItalic'; float:left; color:#7c466c; line-height:29px; font-size:18px;}
.single-prdct{ text-align:left; margin-top:25px;}
.product-image-lrg .product-image-inner{float:left; width:100%; padding:10px; background:#e1e1e1;}
.product-image-lrg img{ width:100%;}
.product-dtl h1{ color: #7c466c;
    font-size: 18px;
    font-family: 'DroidSerifBoldItalic'; margin-bottom:5px;}
.product-dtl p{color: #646464;
    font-family: 'LatoItalic'; line-height:18px;
    font-size: 13px;}	
.seller-info, .price-info{ float:left; width:100%; }	
.seller-info span{ text-indent:-9999px; border:#a8a8a8 1px solid;  width:50px; margin-right:10px; height:50px; float:left; border-radius:50%; background-position:center 50%; background-repeat:no-repeat; background-size:cover;}
.seller-info p{ color: #7c466c; font-family:'DroidSerifItalic'; font-size:15px; line-height:16px;}
.seller-info:hover p{ color:black;}
.price{ float:left; width:100%; font-family:'DroidSerifItalic'; margin-top:10px; font-size:35px; color:#7c466c;}
.price p{ float:left; font-size:18px; line-height:34px; color:#000; margin-bottom:0; padding-right:5px;}
.price a{ font-size:16px; float:right; line-height:28px;}
.price a span{ font-size:35px;}
.price-info a{ float:left;}
.price-info1 a{background: #6e3e60;
    font-family: 'DroidSerifBoldItalic';
    font-size: 11px; float:right;
    line-height: 33px;
    color: white !important;
    border-radius: 20px;
    padding: 0 20px;}
.cnt-seller	{ float:left; width:100%; text-align:center; margin-top:10px;}
.product-dtl .bttn-2{ float:none; display:inline-block;}
.product-dtl .bttn-2:hover{ background:black;}
.message-wrap{ float:left; width:100%;}
.message-wrap .online-top{  margin-bottom:0; 
position: static; 
     left:0; 
     right: 0; 
     padding:0; 

     z-index: 99; 
     background: #fff; 
     border-bottom:#dddddd 1px solid;  padding-bottom:15px;}
.message-wrap .online-top a {
    float: right;
    font-family: LatoItalic;
    font-size: 14px;
    line-height: 33px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(124, 70, 108);
    border-radius: 20px;
    padding: 2px; margin-right:15px;
}
.message-wrap .online-top a span {
    float: left;
    background: rgb(124, 70, 108);
    border-radius: 20px;
    padding: 0px 20px;
}	
.message-wrap .online-top a:hover{ border-color:#000;}
.message-wrap .online-top a:hover span { background:#000;} 
.message-wrap .frnd-list a{ float:left; width:100%; text-align:left; padding:10px 7px; border-bottom:#dddddd 1px solid; position:relative;}
.message-wrap .frnd-list a:nth-child(even) {background: #f1f1f1}
.message-wrap .frnd-list a .prf-pic{ float:left; width:40px; height:40px; background-position:center 50%; background-repeat:no-repeat; background-size:cover; text-indent:-9999px;}
.message-wrap .frnd-list a .name-dtl{ padding-left:10px; float:left; width:75%;}
.message-wrap .frnd-list a .name-dtl h2{ text-overflow: ellipsis;
    white-space: nowrap; float:left; width:100%; overflow:hidden; font-size:14px; color:#7c466c; margin-bottom:3px;}
.message-wrap .frnd-list a:hover, .message-wrap .frnd-list a.active{ background:#7c466c;}
.message-wrap .frnd-list a .name-dtl p{font-family: 'LatoItalic';
    color: #aeaeae;
    font-size: 13px; margin-bottom:0;}
.frnd-list{ position:static; padding:0;}	
.message-wrap .frnd-list a:hover h2, .message-wrap .frnd-list a.active h2{ color:#fff;}
.message-wrap .frnd-list a span{     position: absolute;
    right: 3px;
    top: 3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #dbb859;
    color: white;
    border-radius: 50%; text-align:center;}
.frnd-list-inner{ width:33.33%; position:absolute; top:70px; bottom:0; border-right: #ccc 1px solid;}
.msg-history{ float:left; width:100%; margin-bottom:15px; padding:0 15px 15px; border-bottom:#dddddd 1px solid;}
.mesg-dtl{ padding:15px 0;}
.mesg-dtl .repeat {
    padding-bottom: 0px;
    float: left;
    width: 100%;
    padding-right:0px;
    padding-left: 0px;

}
.mesg-dtl .repeat h6{ position:relative; float:left; width:100%; }
.mesg-dtl .repeat h6:before{left:0; right:0; position:absolute; top:40%; content:''; width:100%; height:1px; background:#dddddd;}
.mesg-dtl .repeat h6 span{ background:white; font-size:11px; padding:0 5px; position:relative; z-index:9;}
.chat-room{ float:left; width:100%; text-align:left; padding-bottom:15px;}
.chat-room .chat-lft{ float:left; width:80%; padding-right:15px;}
.chat-room .dp-sec{ float:left; width:50px;}
.chat-room .dp-sec .dp{ float:left; width:50px; height:50px; background-position:center 50%; background-repeat:no-repeat; background-size:cover; text-indent:-9999px;}
.chat-msg{ float:left; width:80%; padding-left:10px;}
.chat-msg a{font-size:13px; color:#7c466c; margin-bottom:3px; font-family: 'DroidSerifBoldItalic';}
.chat-msg p{    font-family: 'LatoItalic';
    color: #aeaeae;
    font-size: 13px;
    margin-bottom:15px;}
.chat-time{ float:left; width:20%; text-align:right;  color: #aeaeae; }
.new-msg{ float:left; width:100%;  padding:0px 15px 0;}
.new-msg textarea, .chat-room .textarea {
    font-family: 'open_sansregular', sans-serif;
    color: #b9b9b9;
    font-size: 13px;
    resize: none;
    padding: 5px 15px;
    height: 70px;
    border-radius: 5px;
    position: relative;
    float: left;
    width: 100%;
    background: #f3f3f3;
    border: #dddddd 1px solid; margin-bottom:15px;
}
.inpt-5{ float:left; width:100%; font-family: 'open_sansregular', sans-serif;
    color: #b9b9b9;
    font-size: 13px; background: #f3f3f3;
    border: #dddddd 1px solid;  border-radius: 5px; line-height:28px; padding:0 15px; margin-bottom:15px;}
.new-msg .bttn-2{ float:left; border:none;}	
.new-msg .bttn-2:hover{ background:black;}


/**** Packages **/
.popup-fade{ position:fixed; background:rgba(0, 0, 0, 0.6);top:0; bottom:0;  left:0; right:0;}
.popup-center{ margin:0 auto; width:549px;}
.popup-center .inner{ text-align:center; background:white; float:left;  width:100%; border-radius:5px; overflow:auto; padding-bottom:20px;}
.popup-center .inner h1{ position:relative; font-family: 'DroidSerifBoldItalic';  color:#7c466c; font-size:20px; line-height:60px; background:#dddddd; margin-bottom:20px;}
.popup-center .inner h1 a{ position:absolute; left:15px;}
.popup-center .inner h1 a i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #7c466c;
    color: white;
    line-height: 30px;
}
.popup-center .inner h2{  color:#7e7d7d; font-size:18px;  margin-bottom:15px;}
.popup-center .inner h3{float:left; width:100%; font-family: 'DroidSerifBoldItalic';  color:#7c466c; font-size:20px; line-height:50px; background:#dddddd; margin-bottom:15px;}
.package-container{ position:absolute; z-index:9; left:0; top:0; right:0; bottom:0;}
.package-container .repeat{ padding-right:20px; padding-left:20px;}
.package-container .inpt-1{ background:#efefef; color:#7c7c7c; height:38px; line-height:38px;}
.package-container .inpt-2, .package-container .inpt-3{ border-radius:25px;}
.package-container .inpt-5{ margin-bottom:5px; font-family: 'LatoItalic'; font-size:13px; color:#7c7c7c; background:#efefef; float:left; width:100%; border:none; resize:none; padding:15px; border-radius:25px; height:109px;}
.package-container .inpt-5::-webkit-input-placeholder, .package-container .inpt-1::-webkit-input-placeholder {
   color: #7c7c7c;
}

.package-container .inpt-5:-moz-placeholder, .package-container .inpt-1:-moz-placeholder { /* Firefox 18- */
   color: #7c7c7c;  
}

.package-container .inpt-5::-moz-placeholder, .package-container .inpt-1::-moz-placeholder {  /* Firefox 19+ */
   color: #7c7c7c;  
}

.package-container .inpt-5:-ms-input-placeholder, .package-container .inpt-1:-ms-input-placeholder {  
   color: #7c7c7c;  
}
.package-container .a-cls{ float:left; width:33.33%; padding:7px;}
.package-container .a-cls-1{ float:left; width:25%; padding:7px;}
.package-container .upld-image{ color:#efefef; font-size:30px; line-height:100px; border:#efefef 15px solid; border-radius:25px;  float:left; width:100%;}
.package-container .upld-image:hover{ color:#fff; background:#efefef;}
.package-container .bttn-2{font-family: 'DroidSerifBoldItalic';  border:none; display:inline-block; float:none; padding:0 75px; line-height:42px; background:#7c466c; font-size:15px; }
.package-container .top-sec {
    color: #7c466c;
    font-family: 'LatoItalic';
    font-size: 13px; padding:0 20px;
    padding-bottom:20px;
    text-align: center; float:left; width:100%;
}
.package-container .bottom-sec {
    color: #a9a9a9;
    font-family: 'LatoItalic';
    font-size: 13px; padding:0 20px 20px;
    text-align: center; float:left; width:100%;
}
.package-container .bottom-sec p{ margin-bottom:5px;}
.package-container .top-sec a{ float:left; width:100%;}
.package-container .top-sec a span{ margin-bottom:5px; line-height:80px; font-family: 'DroidSerifBoldItalic'; font-size:34px; display:inline-block; width:100px; height:100px; border-radius:50%; border:#7c466c 10px solid;}
.package-container .top-sec a:hover span, .package-container .top-sec a:focus span{ background:#7c466c; color:white;}
.package-container .top-sec .text-sec{ float:left; width:100%; padding:0 15px;}
.package-container .top-sec .text-sec p{ margin-bottom:2px; color:#a9a9a9;}


.popup-center td {
    border: 1px solid #efefef;
    padding: 10px; font-size:12px;
}
.table-cover{ float:left; width:100%; padding:10px;}
.tr-head{
    color: #7c466c;
    background: #dddddd;}
.tr-head tr{ font-size:14px;}	
.table-cover h2{ margin-right:15px;}
.table-cover h2 a {
    float: right;
    background: #8c456e;
    color: white;
    font-family: 'DroidSerifItalic';
    font-size: 14px;
    border-radius: 25px;
    padding: 0 42px;
    line-height: 34px;
}
.for-packg{background:url(../images/bg-3.jpg) center center no-repeat #c8c8c8; background-size:cover; float:left; width:100%; height:100%; background-attachment:fixed;}

.sl-overlay{ opacity:0.8 !important; background:#000 !important;}
.sl-wrapper .sl-navigation button.sl-prev, .sl-wrapper .sl-navigation button.sl-next{ font-size:45px !important;}
.sl-wrapper button{ font-size:30px !important;}
.sl-wrapper .sl-counter{ font-size:15px !important;}
.sl-wrapper{ color:white;}
@media (max-width:1350px){
.product-repeat .prdct-inner .product-info .product-price div span{ font-size:19px;}	
.product-repeat .prdct-inner .product-info .product-name h1{ font-size:19px;}
	}	
@media (max-width:960px){
.product-repeat .prdct-inner .product-image{ height:160px;}
.product-repeat .prdct-inner .product-info .product-name h1{ font-size:15px;}
.product-repeat .prdct-inner .product-info .product-price div p{ font-size:12px;}
.product-repeat .prdct-inner .product-info .product-price div span{ font-size:16px;}
	}
@media (max-width:830px){
}	
@media (min-width:768px) and (max-width:830px){
	.product-repeat .prdct-inner .product-image {
    height: 150px;
}
.product-repeat .prdct-inner .product-info .product-price div {
    float: right;
    width: 100%; text-align:center;
}
.product-repeat .prdct-inner .product-info .product-price div p {
    font-size: 12px;
    width: 100%;
    line-height: 14px;
}
.product-repeat .prdct-inner .product-info .product-price div span {
    font-size: 16px;
    width: 100%;
    line-height: 18px;
}
	}
@media (max-width:767px) and (orientation: landscape){
.login-cover{min-height:100%; height:auto;}
.login-cover .login-inner{ margin-top:25px; margin-bottom:25px;}
	}
@media (max-width:767px) and (orientation: portrait){
	
	}
@media (max-width:1100px){a.ad-frnd{ right:0;}
.message-wrap .frnd-list a .prf-pic{ width:30px; height:30px;}
.chat-msg {
    width: 75%;
    padding-left: 5px;
}
.chat-room .dp-sec .dp{ width:40px; height:40px;}
.chat-room .dp-sec{ width:40px;}
}	
@media (max-width:900px){
.new-wrap .bottom-sec .update-btn a.bttn-2{ padding:0 7px;}
.message-wrap .frnd-list a .name-dtl {
    width: 100%;
    padding-left: 0;
    padding-top: 5px;
}
.chat-msg {
    width: 100%;
    padding-left: 0;
    padding-top: 5px;
}
div#requestsenddiv{ top:-15px;}
	}
@media (max-width:800px){
.new-wrap .bottom-sec .icon-set a{ margin-left: 10px;}
.new-wrap .tp-sec:after{ left:14px;}
.new-link-wrap a{ padding:12px 5px; line-height:15px;}
.right-profile ul li a{ height:69px;}
a.ad-frnd{ right:-14px;}
.profile-pic-inner{ width:130px; height:130px;}
.left-profile h1{ font-size:18px;}
	}
@media (min-width:768px){
.left-profile{ position:fixed; z-index:9; left:0;}
.mid-profile{ left:25%;}		
.right-profile{ position:fixed; z-index:9; right:0;}
.profile-wrapper.maximize .mid-profile{ left:0;}
.profile-wrapper.maximize .mid-profile .product-repeat{ width:33.33%;}
.profile-wrapper.maximize .sub-footer{ left:0; width:75%;}
	}		
@media (max-width:767px){
	.sl-wrapper .sl-navigation button.sl-next{ z-index:99999; right:15px !important; }
	.sl-wrapper .sl-navigation button.sl-prev{ left:15px !important; z-index:99999;}
.login-cover .login-center-new{width:95%;}	
.sub-footer.dsktp{ display:none;}	
.sub-footer.mbl{ display:block; position:static; width:100%;}	
.left-profile, .mid-profile, .right-profile{ width:100%; min-height:auto;}
.notification-info li a .not-bubble .not-dropdwn{ right:0;}
a.left-tog-btn{ display:none;}
.mid-profile .repeat{ padding-left:15px; padding-right:15px;}
.new-wrap .bottom-sec .icon-set{ width:100%; margin-bottom:10px;}
.new-wrap .bottom-sec .update-btn{ width:100%;}
.new-wrap .bottom-sec .update-btn .bttn-2{ float:left;}
a.ad-frnd {
    right: 30%;
}
.profile-pic-inner {
    width: 161px;
    height: 161px;
}
.right-profile ul li a {
    height: 150px;
}
.frnd-list{ width:33.33%;}
.mesg-dtl{ width:66.66666667%;}
.message-wrap .frnd-list a .name-dtl {
    width: 80%;
    padding-left: 10px;
    padding-top: 0;
}
.chat-msg {
    width: 80%;
    padding-left: 7px;
    padding-top: 0;
}
.mid-profile-new {
    width: 100%;
    left: 0;
}
.online-top {
    position: absolute; left:0; float:left; width:100%;
}
.online-top .head-cl, .online-top .search-cl, .online-top .drpdwn-cl{ width:33.33%;}
.tatr {
    height: auto; min-height:auto;
}
	}	
@media(max-width:600px){
.popup-center {
    width: 90%;
}
.package-container .upld-image{line-height: 80px;}
.package-container .top-sec a span{line-height:60px; border-width:5px; width:70px; height:70px; font-size:25px; }
.package-container .bttn-2{ padding:0 50px;}
	}	
@media (max-width:568px)  and (orientation: landscape){	
.message-wrap .frnd-list a .name-dtl {
    width: 100%;
    padding-left: 0;
    padding-top: 5px;
}
.chat-msg {
    width: 100%;
    padding-left: 0;
    padding-top: 5px;
}
}
@media (max-width:414px){
	a.ad-frnd {
    right: 20%;
}
.profile-pic-inner {
    width: 130px;
    height: 130px;
}
.repeated-feed .content-sec .photo-sec{ width:100%; margin-bottom:10px;}
.repeated-feed .content-sec .photo-sec img{ width:100%;}
.repeated-feed .content-sec .text-sec{ width:100%;}
.right-profile ul li a {
    height: 130px;
}
.search-repeat .dn, .search-repeat .rqst{ left:0; right:0; position:relative; width:100%;}
.search-repeat .dp{ width:100%;}
.mid-profile .repeat.link-wrap .search-repeat .dp a{ width:75%; display:inline-block; float:none;}
.mid-profile .repeat.link-wrap .search-repeat .dn a{font-size: 16px; margin-bottom:10px;}
input#profilearticletitle, input#profilearticlelink{ width:100%;}
.product-image-lrg, .product-dtl{ width:100%; margin-bottom:15px;}
.frnd-list{ width:100%;}
.frnd-list-inner{ width:100%; border-right:0; float:left; position:static;}
.mesg-dtl{ width:100%;}
.mesg-dtl .repeat{ padding-left:0; padding-right:0;}
.chat-msg {
    width: 100%;
    padding-left: 0;
    padding-top: 5px;
}
.package-container .top-sec a span{line-height:46px; border-width:2px; width:50px; height:50px; font-size:15px; }	
.online-top .head-cl, .online-top .search-cl, .online-top .drpdwn-cl{ width:100%; padding:0 0 10px 0;}
.online-top h1{ text-align:center; width:100%;}
.online-top h3{ text-align:center; float:none;}
.online-top .head-cl{ padding-bottom:0;}
.product-wrp{ margin-top:147px;}
.photo-gallery li{ height:110px;}
	}
@media (min-width:376px) and (max-width:413px){
	.product-repeat .prdct-inner .product-image {
    height: 150px;
}
.product-repeat .prdct-inner .product-info .product-price div {
    float: right;
    width: 100%; text-align:center;
}
.product-repeat .prdct-inner .product-info .product-price div p {
    font-size: 12px;
    width: 100%;
    line-height: 14px;
}
.product-repeat .prdct-inner .product-info .product-price div span {
    font-size: 16px;
    width: 100%;
    line-height: 18px;
}
	}	
@media (max-width:375px){.product-repeat{ width:100%;}}	
@media (min-width: 1024px) {
.abt .circles {
    width: 25% ;
    float: none;
    display: inline-flex;
}
.abt .circles a {
    height: 270px;
    padding: 0 20px;
    width: 270px;
    border-width: 2px;
}
.features .ftr-bx a{ width:420px; height:420px;}
.icon-bx img {
    width: 41%;
}
	}
.video-repeat video{ width:100%;}
.video-repeat{ float:left; width:100%; position:relative;}
.video-repeat a{    position: absolute;
    right: 8px;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    line-height: 25px;
    font-size: 14px; top:0;}		
.photo-gallery{ margin:0 -8px;}		
.photo-gallery li{ padding:8px; float:left; width:25%; height:175px; position:relative; }
.maximize .photo-gallery li{ width:12.5%; height:150px;}
.photo-gallery li a{ float:left; width:100%; height:100%; background-position:center 50% !important; background-size:cover !important; background-repeat:no-repeat !important;}
.photo-gallery li a{ }
.photo-gallery li .dlt-photo {
    position: absolute;
    right: 8px;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    line-height: 25px;
    font-size: 14px;
}
.listing-3{ float:left; width:100%;}
.listing-3 li{ float:left; width:100%;}
.prvcy-li{ background:#f1f1f1; border-bottom:#fff 2px solid;}
.prvcy-box{ border-right:#fff 1px solid; padding-top:15px; padding-bottom:15px;}
.prvcy-link{ float:left; width:100%; padding:15px; text-align:center;}
.prvcy-link a{ float:none; display:inline-block;
    background: #8c456e;
    color: white;
    font-family: 'DroidSerifItalic';
    font-size: 14px;
    border-radius: 25px;
    padding: 0 42px;
    line-height: 34px;
}
.readmore{ float:left; width:100%; display:none;}

/*Sujith*/
.validationred{ border: 2px solid red !important; }
#login_msg{    font-size: 14px; color: white; margin-top: -36px; padding:5px 0; text-align:center; position:absolute; left:0; right:0;}





/**** Account Detail ----*/
.acnt-dtl{ float:left; width:100%;}
.acnt-dtl table{ border-bottom:#f1f1f1 1px solid;}
.acnt-dtl tr:nth-child(odd){ background:#f1f1f1; }
.acnt-dtl tr:nth-child(odd) td{ border-color:#fff;}
.acnt-dtl tr{ font-size:13px;}
tr.title-bar{ font-family: 'RobotoCondensed'; color:#7c466c; font-size:14px;}
.acnt-dtl tr td{ border-right:#f1f1f1 1px solid; padding:15px 5px; vertical-align:top;}
tr.title-bar td{ padding:10px 5px; border-color:white;}
.acnt-dtl ul{ margin:0 -5px;}
.acnt-dtl ul li{ padding:5px; float:left; width:60px; height:60px;}
.acnt-dtl ul li a{ position:relative; border:#bdbdbd 1px solid; float:left; width:100%; height:100%; background-position:center 50%!important; background-repeat:no-repeat!important; background-size:cover !important;}
.acnt-dtl ul li a i{ position:absolute; right:0px; bottom:0; background:#7c466c; padding:3px 5px; color:white;}
.acnt-dtl span{ float:left; width:100%; color:#7c466c;}
.bold-txt{color:#7c466c;}
/**** Account Detail ----*/

/* Bibin Added */


.mid-profile h4{
	text-align: left;
    position: relative;
    padding-left: 25px;   
}
.mid-profile h4 a {
    margin-left: 0;
}
.mid-profile h4 a:after{
	content: "\f055";
	font-family:fontAwesome;
	position:absolute;
	left:0px;
}
.mid-profile h4 a[aria-expanded="true"]:after{
	content: "\f056";
	font-family:fontAwesome;
	position:absolute;
	left:0px;
}
.panel-collapse.in {    
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border-top: 1px solid #efefef;
}
.panel-collapse  .box-body{
	padding: 10px;
	transition:all 0.5s;
	text-align:left;
}
#accordion {
    padding-top: 15px;
}
.tatr {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.tatr iframe, .tatr html, .tatr object, .tatr embed {
    position: absolute;
    top: 0;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.tatr iframe .player .vp-player-layout, .player .vp-player-layout, #player  .vp-player-layout{
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    left: 0 !important;
}
.vp-sidedock, .tatr iframe .vp-sidedock, .player .vp-title .vp-title-header, #player .vp-title .vp-title-header{
    display: none !important;
}
.selector{opacity: 1 !important;}
/*Bibin Ended */