/****Style for joysale****/
@charset "UTF-8";

html
{
	overflow-x:hidden;
	width:100%;
	height:100%;
}

body
{
	background-color:#f4f4f4;
	font-family: Campton_Light;
	font-size:1.4rem;
	width:100%;
	height:100%;

}
a{
	text-decoration:none !important;
}
ul
{
    list-style-type: none;
	padding:0px;
	margin:0px;
}
.clear
{
	clear: both;
}
.no-hor-padding
{
	padding-left:0px;
	padding-right:0px;
}
#trackingdetails-form
{
	float: left;
	width: 100%;
}

.navbar-nav > li > a {
    font-style: normal !important;
}

.bold{
	font-family:Campton_Medium;
}
.text-align-right{
	text-align:right;
}
.text-align-center{
	text-align:center;
}
.padding-right-10{
	 padding-right: 10px;
 }
.padding-left-10{
	 padding-left: 10px;
 }
 .padding-bottom-5{
	 padding-bottom:5px;
 }
.padding-bottom-10{
	 padding-bottom:10px !important;
 }
.padding-top-20{
	padding-top:20px !important;
 }
 .padding-top-10{
	padding-top:10px !important;
 }
 .padding-top-5{
	 padding-top:5px !important;
 }
 .padding-bottom-0{
	 padding-bottom:0px !important;
 }
 .margin-top-15{
	 margin-top:15px;
 }
 .margin-top-10{
	 margin-top:10px;
 }
.margin-bottom-0{
	margin-bottom:0px !important;
}

.margin-left-20
{
	margin-left:20px;
}

.g-color{
	color:#2bc248!important;
}
.gray{
	color:#b9c3cc!important;
}

/***fonts***/

@font-face {
    font-family:Campton_Light;
    src: url("../fonts/Campton_Light.eot");
	src: local('☺'), url('fonts/Campton_Light.woff') format('woff'), url('fonts/Campton_Light.ttf') format('truetype'), url('fonts/Campton_Light.svg') format('svg');
	line-height: 0;
}

@font-face {

    font-family:Campton_Medium;
    src: url("../fonts/Campton_Medium.eot");
	src: local('☺'), url('fonts/Campton_Medium.woff') format('woff'), url('fonts/Campton_Medium.ttf') format('truetype'), url('fonts/Campton_Medium.svg') format('svg');
	line-height: 0;
}
/***E O fonts***/

/***Header style***/

.joysale-header{
	background-color:#334a5d;
	height:64px;
	border-radius: 0px !important;
}
.joysale-header-bar{
	padding-top:12px;
	padding-bottom:12px;
	margin:0px !important;
}
.joysale-search-icon{
	background:url("../images/design/search.png") no-repeat 95% 12px !important;
	height:16px;
	width:16px;
}
.joysale-search-bar input {
    background-color:#2a3f50!important;
   	height:40px;
	border:1px solid #2a3f50 !important;
	border-radius:5px;
	color:#677b8c !important;
	width:100%;
	padding-left:15px;
	width:80%;
}

.joysale-header-nav {
    display: none;
}

.joysale-search-bar input:focus {
    /*background-color:#fff;*/
	color:#515e6a;
	border:1px solid #2a3f50 !important;

}
.joysale-search-bar-mobile{
	display:none;
}

.joysale-logo{
	text-align:center;
}

.joysale-logo img{
	height:35px;
	width:auto;

}
.navbar-nav a{
	color:#ffffff!important;

}
.joysale-user-nav{
	float:right;
}
.joysale-header-login{
	padding-right:25px !important;
	padding-top:10px;
}
.joysale-header-signup{
	padding-right:25px !important;
	padding-top:10px;
}
.joysale-header-stuff{
	background-color: #2bc248;
    border-radius: 5px;
    height: auto;
    padding: 10px 8px 10px 12px;
    text-align: center;
    width: auto;
}
.joysale-header-stuff a{
	padding-left:20px;
}

.joysale-header-stuff a:active, .joysale-header-stuff a:focus, .joysale-header-stuff a:visited {
    color: #fff !important;
}


.joysale-camera-icon{
	background:url("../images/camera.png") no-repeat 0px 14px ;
	height:16px;
	padding-left:5px;
	padding-right:5px;
}

#wrapper{
	display:none;
}
#menu-toggle{
	display:none;
}

/****Loading css for joysale****/

.joysale-loader{
	padding-left: 0em;
	padding-right: 0em;
	margin: auto;
	width: 95px;
	margin: 40px auto 72px auto;
	display: none;
}

.cssload-loader {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 1em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.cssload-loader {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 1em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
	animation: 1.15s infinite ease-in-out;
		-o-animation: 1.15s infinite ease-in-out;
		-ms-animation: 1.15s infinite ease-in-out;
		-webkit-animation: 1.15s infinite ease-in-out;
		-moz-animation: 1.15s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
		background-color:#2bc248;
		transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		animation: cssload-animation 1.73s infinite ease-in-out;
		-o-animation: cssload-animation 1.73s infinite ease-in-out;
		-ms-animation: cssload-animation 1.73s infinite ease-in-out;
		-webkit-animation: cssload-animation 1.73s infinite ease-in-out;
		-moz-animation: cssload-animation 1.73s infinite ease-in-out;
}
.cssload-loader:after { animation-delay: 0.86s;
		-o-animation-delay: 0.86s;
		-ms-animation-delay: 0.86s;
		-webkit-animation-delay: 0.86s;
		-moz-animation-delay: 0.86s; }



@keyframes cssload-animation {
	0%	 { transform: translateX(-100%) scale(0); }
	50%	{ transform: translateX(0%)		scale(1); }
	100% { transform: translateX(100%)	scale(0); }
}

@-o-keyframes cssload-animation {
	0%	 { -o-transform: translateX(-100%) scale(0); }
	50%	{ -o-transform: translateX(0%)		scale(1); }
	100% { -o-transform: translateX(100%)	scale(0); }
}

@-ms-keyframes cssload-animation {
	0%	 { -ms-transform: translateX(-100%) scale(0); }
	50%	{ -ms-transform: translateX(0%)		scale(1); }
	100% { -ms-transform: translateX(100%)	scale(0); }
}

@-webkit-keyframes cssload-animation {
	0%	 { -webkit-transform: translateX(-100%) scale(0); }
	50%	{ -webkit-transform: translateX(0%)		scale(1); }
	100% { -webkit-transform: translateX(100%)	scale(0); }
}

@-moz-keyframes cssload-animation {
	0%	 { -moz-transform: translateX(-100%) scale(0); }
	50%	{ -moz-transform: translateX(0%)		scale(1); }
	100% { -moz-transform: translateX(100%)	scale(0); }
}

/******Sticky header drop down style*********/

.joysale-header-nav > a.sticky-header-menu-icon
{
	float:left;
	padding-top:2px;
	padding-bottom:15px;
}

.sticky-header-dropdown
{
	float:left;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	height:400px;
	overflow-y:auto;
}



.joysale-header-nav > ul.sticky-header-dropdown > li
{
	float:left;
	width:100%;
}

.joysale-header-nav > ul.sticky-header-dropdown > li > a
{
	float:left;
	padding:9px 45px;
	width:100%;
}

.joysale-header-nav > ul.sticky-header-dropdown > li > a:hover
{
	color:#2bc248;
}

.joysale-header-nav > ul.sticky-header-dropdown > li > a.sticky-header-dropdown-others
{
	padding-left:38px ! important;
}

.sticky-header-dropdown-height
{
	height:39px ! important;
}


/******************************************************Menu style***************************************************************************/


.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px !important;
    min-height: 0px !important;

}
.joysale-menu{
	background-color: #ffffff;
}

.joysale-menu li ul li a{
	font-family: Campton_Light;
	font-size:1.5rem;

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #fff;
    border-color: #fff;
}


.joysale-menu li a{
	color: #515e6a !important;
	font-family:Campton_Medium;
	font-size:1.5rem;
    padding: 10px 15px 10px 35px;
	margin-left:15px;
	border-right: 1px solid #f4f4f4;
}

.joysale-menu ul li ul li a{
	border-right:none !important;
}
.joysale-menu ul li ul li a{
	margin-left:10px;
}
.joysale-menu li.dropdown:first-child a {
    margin-left: 0;
}

.joysale-menu li a:focus{
	background-color:#fff !important;
}
.joysale-menu li a:hover{
	color:#2bc248 !important;;

}
.joysale-dropdown-submenu li a{
	padding:10px 15px;
	font-size:1.4rem;
}

.joysale-dropdown-submenu li a:hover{
	background:none;
}
.joysale-dropdown-submenu {
	border:none;
}
.sidebar-nav .body{
	overflow-y:hidden;
}
.sidebar-nav{
	overflow-y:scroll !important;
}
.dropdown:hover #dropdown-block.dropdown-menu {
	display: block;
}
.navbar-nav > li > .dropdown-menu {
	height:auto;
	max-height: 300px;
    overflow-y: auto;
}



/******************sticky menu*******************************/

.affix{
    top: 0;
    left: 0;
    right: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;
	z-index:999;
  }

.affix .joysale-header-nav {
	display:block;
	width:60px;
	padding-top:7px;
}

/*.affix .joysale-search-bar.col-md-9.col-lg-9.no-hor-padding {
    transition: all 500ms ease-in-out !important;
    left: 20px;
}

.joysale-search-bar.col-md-9.col-lg-9.no-hor-padding {
    transition: all 500ms ease-in-out !important;
    position: relative;
    left: 0;
}*/


/******************E O sticky menu*******************************/

/*****E O Header style******/



/*****App section style******/

.joysale-app-download{
	background-color:#334a5d;
	border-top:1px solid #f4f4f4;
}
.joysale-app-section{
	padding-bottom: 15px;
    padding-top: 15px;
	background-color:#334a5d;

}
.joysale-app-heading{
	color:#fff;
	font-size:3rem !important;
	//font-weight:900;
	font-family:Campton_Medium; /**DS**/
	margin:0;
	padding-bottom: 5px;
}
.joysale-app-text{
	color:#fff;
	font-size:1.7rem !important;
	margin:0;
}
.joysale-app-logo{
	text-align:right;
	padding-top: 25px;
}
.joysale-app-store{
	float: right;
	padding-left:10px;
}
.joysale-play-store{
	float: right;
}
/*****E o App section style******/



/************************************************************Near me******************************************************/
.find-near-you.affix {
    top: 60px;
	box-shadow:none;
	width:60%;
	margin:0 auto !important;
	z-index: 444 !important;

}
.dropdown-location-find{
	margin:0 auto;
	padding-top: 20px;
	text-align: center;
}

.dropdown-near-you{
	display: block;
    margin: 0 auto;
    text-align: center;
    float: none;
	/*border-radius: 5px;
	height:36px;
	width:225px;
	border:1px solid #e7edf2;
	background-color:#fff !important;
	float:left;
	color:#334a5d;
	left: 50%;
    margin-left:-120px;
	margin-top: 20px;*/
	border-radius: 5px;
	height:36px;
	border:1px solid #e7edf2;
	background-color:#fff !important;
	color:#334a5d;
	margin-top: 20px;
	max-width: 300px;
}

.dropdown-near-you img{
	padding-right:5px;
	float:left;
	padding: 9px 8px
}
.miles{
	float: left;
    font-size: 1.4rem;
    overflow: hidden;
    padding-bottom: 7px;
    padding-top: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 74%;

}
.hiddencls
{
	display: none;
}
.dropdown-btn img{
	padding: 0;
}
.dropdown-btn img:focus{
	background:url("../images/design/up-arrow.png") no-repeat 0 0;
}

.dropdown-btn{
	background-color: #2bc248;
    border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	float:right;
	padding: 10px 10px 10px;
	margin-right: -1px;
	margin-top: -1px;

}

.modal.fade .modal-dialog {
    //transform: translate(0px, 100%);
    transition: transform 0.3s ease-out 0s;
}


/************************************************************E O Near me******************************************************/



/************************************************************Google map******************************************************/

#googleMap{
	height:500px;
}
.pac-container {
		z-index: 9999;
	}
.map-mylocation-button{
	background-color: #fff;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    right: 40px;
    bottom: 50px;
    z-index: 999;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #334a5d!important;
  border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #334a5d !important;
}

.map-location-icon{
	position: absolute;
    left: 40px;
    top: 200px;
    z-index: 999;
}

.modal-header{
	padding:0px;
}
.nearmemodal-content {
    margin:40px auto;
    width: 700px;

}
.map-search-fleld{
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 0px;
}
.map-close{
	display:none;
}

.location-section{
	display:inline;
	top: 15px;
    z-index: 1;
	position:absolute;
	left:0;
}
.map-input-box{
	padding-left: 15px;
	width:80%;
	float:left;
}

.map-input-box input {
    background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #677b8c !important;
    height: 40px;
    padding-left: 15px;
	width: 100%;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;
	-moz-box-shadow:    0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;
}

.map-select-box{
    color: #677b8c !important;
	margin-left: -3px;
	background-color:#fff;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	width:20%;
	float:left;
}

.map-select-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height:40px;
    overflow: hidden;
	border:none;
	width:100%;
	padding-left: 5px;
	cursor:pointer;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;
	-moz-box-shadow:    0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 transparent;

}
.select-box-arrow{
	background:url("../images/design/down-arrow-fill.png") no-repeat 90% 15px;
	height:12px;
}
.location-button{
	margin-top:9px;
}
.location-button a:hover{
	color: #fff !important;
}
.location-submit-button{
	background-color: #2bc248;
    border-radius: 5px;
    padding: 11px 15px;
	margin-left:5px;
	color:#fff !important;
}
.location-find-button{
	background-color: #334a5d;
    border-radius: 5px;
    padding: 11px 20px;
	margin-left:5px;
	color:#fff !important;
}

/************************************************************Login modal******************************************************/
.login-modal-content{
	padding-top:15px;
	padding-bottom:15px;
	background-color:#fff;
	color: #515e6a !important;
	border-radius: 5px;
	vertical-align:middle;
	margin:40px auto;
}
.login-sub-header-text{
	padding-left:15px;
	margin-bottom: 0px;
    margin-top: 0px;
	float:left;
	padding-right:5px;
}
.login-modal-header{
	padding-bottom:10px;
}
.login-line{
	background-color: #e7edf2;
    height: 1px;
    width: 100%;
}
.login-header-text{
	font-size: 1.8rem;
    //font-weight: bold;
    font-family:Campton_Medium;
	padding-left:15px;
	margin-bottom: 0px;
    margin-top: 0px;
	padding-bottom:5px;
	float:left;
	width:80%;
}
.login-close{
	margin-top: -10px;
    padding-right: 15px !important;
	font-size: 3rem;
	font-family: Campton_Light;
}

.login-box input{
	background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #8b9baa !important;
	border: 1px solid #e7edf2;
    height: 40px;
    padding-left: 15px;
    width: 100%;
	margin-bottom:10px;
}
.login-content{
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:10px;
}
.login-box .login-btn, .payment-promote-btn{
	background-color: #2bc248;
    border-radius: 5px;
    height: 40px;
	float:left;
	padding: 10px 0;
	border: medium none;
	text-align:center;
	color:#fff !important;
}
.login-btn:hover{
	background-color: #2bc248;
	color:#fff !important;
}
.remember-me-checkbox{
	float:left;
	padding-right:5px;
	margin: 2px 0 !important;
}
.remember-div{
	float: left;
    margin-top: 7px !important
}
.remember-pwd{
	padding-top:15px;
	padding-bottom:20px;
	float:left;
	font-size:13px;
}
.remember-me-txt {
	padding-left: 5px;
    padding-right: 10px;
	float: left;
}
.remember-me-checkbox label{
	padding-left: 0;

}
.forgot-pwd {
	color: #515e6a;
	padding-left: 6px;
	padding-top:6px;
	float: left;
}
.forgot-pwd:hover {
	color: #2bc248;
}

.left-div-line{
	background-color: #e7edf2;
    height: 1px;
	width:45%;

}
.right-div-line{
	background-color: #e7edf2;
    height: 1px;
	float:right;
    width:45%;
}
.login-or{
	float: left;
    margin-top: -10px;
    text-align: center;
    width: 100%;
}
.social-login{
	padding-left: 5px;
	padding-right:5px;
    padding-top: 30px;
}
.social-login-center{
	float:none;
	text-align:center;
}
.facebook-login{
	display:inline-block;
	padding-right: 10px;
}
.twitter-login{
	display:inline-block;
	padding-right: 10px;
}
.googleplus-login{
	display:inline-block;
}
.new-signup{
	text-align:center;
	color: #515e6a;
}
.new-signup{
	padding-top:15px;

}
.login-line-2{
	background-color: #e7edf2;
    height: 1px;
    width: 100%;
	margin-top:30px;
}
.new-signup a{
	color:#2bc248;
	padding-left:3px;
}
.signup-or{
	float: left;
    margin-top: -10px;
    text-align: center;
    width: 100%;
}

/************************************************************signup modal******************************************************/

.modal-dialog-width{
	width:450px;
	margin:0 auto;
	padding:25px 10px;
}
.modal-big-width-dialog
{
    width:650px;
}
.signup-close{
	margin-top: -10px;
    padding-right: 15px !important;
	font-size: 3rem;
	font-family: Campton_Light;
}

.signup-modal-content{
	padding-top:15px;
	padding-bottom:15px;
	background-color:#fff;
	color: #515e6a !important;
	border-radius: 5px;
	margin:40px auto;
}
.signup-modal-header{
	padding-bottom:15px;
}
.sigup-line{
	background-color: #e7edf2;
    height: 1px;
    width: 100%;
}
.signup-header-text{
	font-size: 1.8rem;
    //font-weight: bold;
    font-family:Campton_Medium;
	padding-left:15px;
	margin-bottom: 0px;
    margin-top: 0px;
	padding-bottom: 5px;
	float:left;
}
.signup-sub-header-text{
	padding-left:15px;
	margin-bottom: 0px;
    margin-top: 0px;
	float:left;
}
.signup-box input{
	background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #8b9baa !important;
	border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 15px;
    width: 100%;
	margin-bottom:10px;
}
.signup-content{
	padding: 15px 15px 30px;
}
.signup-btn{
	background-color: #2bc248;
    border-radius: 5px;
    height: 40px;
	float:left;
	padding: 10px 0;
	text-align:center;
}
.signup-btn:hover{
	color:#fff !important;
}
.user-login{
	padding-top:15px;
	text-align:center;
}
.login-line-2{
	background-color: #e7edf2;
    height: 1px;
    width: 100%;
	margin-top:30px;
}
.user-login a{
	color:#2bc248;
	padding-left:3px;
}
.signup-or{
	float: left;
    margin-top: -10px;
    text-align: center;
    width: 100%;
}
/************************************************************forgot  modal******************************************************/
.modal-open { position:fixed; overflow:hidden; }
.forgot-dialog-width{
	width:450px;
	margin:0 auto;
}
.forgot-close{
	margin-top: -10px;
    padding-right: 15px !important;
	font-size: 3rem;
	font-family: Campton_Light;
}

.forgot-modal-content{
	padding-top:15px;
	padding-bottom:15px;
	background-color:#fff;
	color: #515e6a !important;
	border-radius: 5px;
	margin:40px auto;
}
.forgot-modal-header{
	padding-bottom:15px;
}
.forgot-line{
	background-color: #e7edf2;
    height: 1px;
    width: 100%;
}
.forgot-header-text{
	font-size: 1.8rem;
    //font-weight: bold;
    font-family:Campton_Medium;
	padding-left:15px;
	margin-bottom: 0px;
    margin-top: 0px;
	padding-bottom: 5px;
	float:left;
}
.forgot-sub-header-text{
	padding-left:15px;
	margin-bottom: 0px;
    margin-top: 0px;
	float:left;
}
.forgot-box input{
	background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #8b9baa !important;
	border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 15px;
    width: 100%;
	margin-bottom:10px;
}
.forgot-content{
	padding: 15px 15px 0px;
}
input.forgot-btn{
	background-color: #2bc248 !important;
    border-radius: 5px;
    height: 40px;
	float:left;
	padding: 10px 0;
	text-align:center;
	color:#fff !important;
	border:medium none;
}
.forgot-btn:hover{
	color:#fff !important;
}
.forgot-login{
	padding-top:15px;
	text-align:center;
}


/************************************************************After login header******************************************************/
.joysale-header-message{
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	float:left;
}
.joysale-header-message img{
	float:left;
}
.joysale-login-user-nav > ul.navbar-nav {
    float: right;

}
.message-counter{
	background-color: #fa7e22;
    color: #ffffff !important;
    float: left;
    line-height: 13px;
    margin-left: -10px !important;
    margin-top: -10px !important;
    height:20px;
	width: 20px;
	letter-spacing: -1px;
    line-height: 18px;
	padding: 1px 2px 0 0;
    text-align: center;
	font-size: 1.3rem;
	border-radius:50%;
    text-transform: uppercase
}
.joysale-header-profile-img{
	background:url("../images/user-profile-img.jpg") no-repeat;
	border-radius: 50%;
	height:39px;
	width:39px;
	float:none;
	background-size: cover;
	display: inline-block;
}
.joysale-header-profile{
	padding-left:10px;
	padding-right:15px;
	height:40px;
	color: #515e6a;
}
.joysale-header-profile .dropdown-menu{
	padding: 0px 5px !important;
	margin-top: 5px !important;
}
.logout a{
	border-top:1px solid #f4f4f4;
}
.joysale-header-profile a:hover{
	color: #2bc248 !important;
}
.joysale-header-profile li a{
	color: #515e6a !important;
	padding:10px;
}

.joysale-header-har-line{
	width:1px;
	background-color:#415b71;
	height:40px;
	float:left;
	margin-left: 5px;
    margin-right: 5px;
}
.joysale-header-down-arrow{
	background:url("../images/down-arrow-fill.png") no-repeat;
	height:12px;
	width:12px;
	float:none;
	margin-top: 15px;
	margin-left:7px;
	vertical-align: top;
	display: inline-block;
}

/************************************************************E O login header******************************************************/
/***review designs***/

.write-review{
	padding-bottom:5px;
	font-size: 16px;
}
.write-review span{
	padding-left:3px;

}
.write-review-1 span{
	padding-left:3px;

}
.product-review-text{
	text-align:center;
}
.product-review-text-area{
	line-height:24px;
}
.product-review{
	color: #334a5d;

}
.product-review:hover,.product-review:focus{
	color: #334a5d;
}
.product-review-p{
	padding:10px 20px;
	float:right;
}
.phone-number {
    color: #515e6a;
    float: left;
    text-align: center;
    width: 100%;
}
.review-content-bg{
	background-color:#fff;
	padding:10px 15px;
	margin-top:10px;
	border-radius:4px;

}
.review-content-heading{
	padding-bottom:3px;
}
.review-date{
	color: #8b9baa;
	font-size:12px;
}
.edit-review{
	float:right;
}
.edit-review a{
	color:#334a5d;

}
.edit-review a:hover{
	color:#2bc248;

}
.reviwer-name {
    color: #334a5d;
    font-size: 1.125em;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-name-review{
	padding-right:5px;


}
#user-pic-2
{
	background:url("../images/profile-page-profile-icon.png") no-repeat;
	width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.write-review-1{
	font-size: 16px;
	padding-bottom:5px;
	padding-top:5px;
}

@media(min-width:320px) and (max-width:767px)
{
.reviewer-content{
	text-align:center;
}
/*.map-mylocation-button{
	bottom: -430px;
	}*/
		.location-button {
	    padding-left: 15px;
	    padding-top: 20px;
	}
}
@media(min-width:1199px)
{
.web-none{
	display:none;
}
}

@media(min-width:320px) and (max-width:1199px)
{
.mobile-none{
	display:none;
}
.mobile-none{
	display:none;
}
.product-review-p{
	padding-top:20px;
}
}
@media(min-width:320px) and (max-width:639px)
{
.product-review-p{
	float:left;
}
}

@media(min-width:992px) and (max-width:1023px)
{
.joysale-login-user-nav{
	width:50%;
}
}

/***E O review designs***/
/************************************************************Footer******************************************************/

.footer{
	background-color:#fff;
	color: #515e6a;
	margin-top:25px;
}
.footer a{
	color: #515e6a;
	float:left;
}
.joysale-footer-head{
	padding-bottom: 30px;
    padding-top: 40px;
}

.joysale-social-icon{
	padding-top:10px;
}
.joysale-social-icon img{
	padding-right:10px;
}

.joysale-app-icon img{
	padding-right:12px;

}
.joysale-app-icon{
	padding-top:10px;
}
.joysale-android-app{
	padding-left:13px;

}
.joysale-footer-vertical-line{
	background-color: #e7edf2;
    float: left;
    height: 24px;
    width: 1px;
}
.joysale-new-account-info{
	font-size: 1.7rem;
}
.joysale-new-account a{
	background-color: #2bc248;
    border-radius: 5px;
    color: #fff;
    float: right;
    height: auto;
    width: auto;
	padding:10px 15px;

}

.joysale-new-account a:active, .joysale-new-account a, .joysale-new-account a:visited {
    color: #fff !important;
}
.joysale-footer-horizontal-line {
	background-color: #e7edf2;
    height:1px;
	width:100%;
}
.padding-left-none{
	 padding-left: 0px !important;
}
.joysale-footer-menu-links a {
  padding-left: 10px;
  padding-right: 10px;
}
.joysale-footer-menu-links a:hover {
  color: #91a7b9;
}
.joysale-footer-dev{
	float:left;
}

.joysale-footer-menu-links{
	padding-bottom:5px;
	padding-top: 30px;
}
.joysale-footer-Copyright{
	padding-bottom:40px;
}


.language{
	float:right;
	padding-bottom: 5px;
    padding-top: 30px;
}

.language-select-box-heading{
	color: #515e6a;
	font-weight: normal;
	float:left;
	padding-top: 8px;
	padding-left: 15px;
}

.language .form-control{
	background-color: #fff;
    border: 1px solid #e7edf2 !important;
    border-radius: 5px;
   color: #8b9baa !important;
    height: 40px;
	font-size: 1.4rem;
    padding-left:8px;
	-moz-appearance:none;
	-webkit-appearance: none;
	width:50%;
	float:right;
}

/************************************************************Media Query Responsive Styles******************************************************/
/***Mobile style***/
.joysale-search-bar-bg{
	background-color: #2a3f50;
}
.joysale-search-icon-mobile{
	background:url("../images/design/search.png") no-repeat 12px ! important;
	height:40px ! important;
	width:100% ! important;
	padding-left:40px;

}
.joysale-search-bar-mobile input {
    background-color: #2a3f50;
   	height:40px;
	border:none;
	color:#677b8c;
	width:100%;


}
.joysale-search-bar-mobile input:focus {
    background-color: #2a3f52;
	color:#fff;
	border: none;
}
.mobile-user-area{
	padding: 20px 10px 60px;
	float:left;
}
.mobile-user-area a:hover{
	color:#fff;
}
.user-area a:hover{
	color:#fff;

}

.joysale-login{
	background-color: #2bc248;
    border-radius: 5px;
    color: #fff !important;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
}
.joysale-signup{
	background-color: #334a5d;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
	margin-left:10px;
}

/* Sidebar Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1005;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;

}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.joysale-mobile-Category{
	color:#515e6a;
	font-family:Campton_Medium;
	font-size:2rem;
	background-color:#fff;
	padding-left: 0px ! important;
	border-bottom: 1px solid #f4f4f4;
	line-height:50px ! important;
}

.noscroll { overflow: hidden; }

.overlay {
   position: fixed;
   overflow-y: scroll;
   top: 0; right: 0; bottom: 0; left: 0; }

/* [aria-hidden="true"]  { display: none; }
[aria-hidden="false"] { display: block; } */

.sidebar-nav {

    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
	width: 100%;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;


}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #515e6a !important;
	font-family:Campton_Medium;
	font-size:1.5rem;
	line-height: 35px !important;
    padding-left: 25px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-toggle.joysale-for-sale.disabled {
    margin-left: 10px;
}
.sidebar-nav li a:hover {
   color:#2bc248 !important;
}
.sidebar-nav li a:focus {
   color:#2bc248 !important;
}

.dropdown-submenu li a{
	font-size:1.5rem;
	font-family: Campton_Light;
}
.dropdown-submenu li a:hover{
	background-color:#fff;
}

/************************************************************320px to 1023******************************************************/

@media(min-width:320px) and (max-width:1023px)
{
	
.tooltip
{
	display:none ! important;
}	
	
.affix .joysale-header-nav {
	display:none;
}


.full-vheader
{
	display:none;
}

.joysale-user-nav .navbar-nav{
	display:block;
}

.joysale-user-nav .navbar-nav .joysale-header-login,.joysale-user-nav .navbar-nav .joysale-header-signup
{
	display:none;
}

.joysale-search-bar-mobile{
	display:block;
}
.joysale-header-stuff{
	display:none;
}
.joysale-menu {
	display:none;
}
#menu-toggle img{
	float:right;
}
#menu-toggle{
	display:block;
}

#wrapper{
	display:block;
}
div.form .errorMessage {
    color: red;
    font-size: 0.9em;
}
.joysale-stuff-mob{
	background-color: #2bc248;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width:211px;
	margin-top:10px;
}

a.joysale-stuff-mob:active, a.joysale-stuff-mob:focus, a.joysale-stuff-mob:visited {
    color: #fff !important;
}

.joysale-account{
	background-color: #fff;
	border: 1px solid #e7edf2;
    border-radius: 5px;
	color: #515e6a;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width:211px;
	margin-top:10px;
}
.joysale-exchange{
	background-color: #fff;
	border: 1px solid #e7edf2;
    border-radius: 5px;
	color: #515e6a;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width:211px;
	margin-top:10px;
}


.joysale-logout{
	background-color: #fff;
	border: 1px solid #e7edf2;
    border-radius: 5px;
	color: #515e6a;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width:211px;
	margin-top:10px;

}



.joysale-account:hover{
	color: #515e6a;
}
.joysale-stuff-mob:hover{
	color: #fff;
}
.joysale-logout:hover{
	color: #515e6a;
}
.joysale-exchange:hover{
	color: #515e6a;
}

.al-mobile-user-area{
	padding: 20px 10px 60px;
	float:left;
}
.profile-img-mob{
	width:100%;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

    border-color:#fff !important;
}


#menu-toggle{
	float:right;
}
.joysale-logo {
    text-align: left;
}
.joysale-others a{
	padding:0px !important;
}
.joysale-app-section{
	padding-top:20px;

}
.joysale-app-store {
    float: left;
	padding-right: 15px;
	padding-left:0px;
}

.joysale-play-store {
    float: left;
}
.dropdown-menu.multi-column {
    width: 400px;
}

.dropdown-menu.multi-column .dropdown-menu {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/*
.joysale-footer-head {
    padding: 40px 15px 30px;
}*/


/*******************categories*****************/
	.categories
{
	display:none;
}
.mobile-categories
{
	display:block ! important;
}
.for-sale-heading
{
	text-align:center;
	float:left;
	padding-top:20px;
	text-decoration:underline;
	font-size:14px ! important;
}
.mobile-categories > .mobile-categories-filter-list > .checkbox > label
{
	color:#515e6a ! important;
	font-size:16px;
	font-family:Campton_Light;
	padding-left:0;
}
.mobile-categories > .mobile-categories-filter-list > .checkbox
{
	margin:0;
	padding:0;
}
.mobile-categories-filter-list
{
	float:left;
}
.mobile-category-first-label
{
	float:right;
	padding-right:10px;
}
.mobile-category-second-label
{
	padding-left:10px ! important;
}
/*******************E O categories*****************/

li.dropdown,.joysale-mobile-Category
{
	float:left;
	width:100%;
}

li.dropdown.joysale-header-profile
{
	width:auto;
}

.sidebar-nav li a
{
	padding-left:15px;
}

.joysale-for-sale:hover,.joysale-for-sale:focus
{
	padding-left:15px;
}

.sidebar-nav li a
	{
		background-position:left 5px center ! important;
	}
	
.map-menu-fixed	> div > a.dropdown-near-you
{
	margin: 20px auto 0;
}

}






/************************************************************stratagrid  <!--default home Div style-->******************************************************/


#fh5co-offcanvass {
  position: fixed;
  z-index: 88;
  top: 0;
  right: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(320px);
  -moz-transform: translateX(320px);
  -ms-transform: translateX(320px);
  -o-transform: translateX(320px);
  transform: translateX(320px);
  bottom: 0;
  width: 300px;
  padding: 40px 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
}
#fh5co-offcanvass .fh5co-lead {
  font-size: 12px;
  letter-spacing: 2px;
  color: #ccc;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#fh5co-offcanvass ul {
  padding: 0;
  margin: 0 0 30px 0;
}
#fh5co-offcanvass ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-offcanvass ul li a {
  display: block;
  padding: 7px 4px;
  border-bottom: 1px solid #eaeaea;
  font-size: 18px;
  color: #444;
}
#fh5co-offcanvass ul li a:hover, #fh5co-offcanvass ul li a:focus, #fh5co-offcanvass ul li a:active {
  outline: none;
  text-decoration: none;
  color: #EF5353;
}
#fh5co-offcanvass ul li.active a {
  color: #EF5353 !important;
}
#fh5co-offcanvass.fh5co-awake {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvass .fh5co-offcanvass-close {
  position: absolute;
  right: 20px;
  top: 30px;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  font-family: Campton_Light;
  z-index: 99;
  float: left;
  color: #444;
}
#fh5co-offcanvass .fh5co-offcanvass-close i {
  font-size: 20px;
  margin-top: 3px;
  float: right;
  margin-left: 10px;
  color: red;
}
#fh5co-offcanvass .fh5co-offcanvass-close:hover, #fh5co-offcanvass .fh5co-offcanvass-close:focus, #fh5co-offcanvass .fh5co-offcanvass-close:active {
  outline: none;
  text-decoration: none;
}
#fh5co-offcanvass .fh5co-logo {
  display: block;
  float: left;
  width: 100%;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px;
  //font-weight: bold;
  font-family:Campton_Medium;
  padding: 0;
  margin: 40px 0 0 0;
}
#fh5co-offcanvass .fh5co-logo a {
  color: #000;
  padding: 0;
  margin: 0;
}

.fh5co-menu-btn {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  float: right;
  margin-top: 16px;
 font-family: Campton_Light;
  color: #444;
}
.fh5co-menu-btn i {
  font-size: 20px;
  margin-top: 3px;
  float: right;
  margin-left: 10px;
}
.fh5co-menu-btn:hover, .fh5co-menu-btn:focus, .fh5co-menu-btn:active {
  outline: none;
  text-decoration: none;
  color: #777777;
}

#fh5co-header {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 4em;
  padding-bottom: 4em;
}
@media screen and (max-width: 480px) {
  #fh5co-header {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
#fh5co-header .navbar-header {
  float: none;
}
#fh5co-header > .navbar {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 0;
  background: #fff;
  box-shadow: none;
  background: transparent;
  font-size: 13px;
  border: transparent;
}
@media screen and (max-width: 480px) {
  #fh5co-header > .navbar {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#fh5co-header > .navbar li a {
  text-transform: uppercase;
  color: #000;
  font-weight: normal;
  font-family: Campton_Light;
}
#fh5co-header > .navbar li a > span .border {
  display: block;
  height: 3px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#fh5co-header > .navbar li a > span .border:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EF5353;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#fh5co-header > .navbar li a:hover, #fh5co-header > .navbar li a:focus {
  outline: none;
}
#fh5co-header > .navbar li a:hover > span, #fh5co-header > .navbar li a:focus > span {
  outline: none;
}
#fh5co-header > .navbar li a:hover > span .border:before, #fh5co-header > .navbar li a:focus > span .border:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-header > .navbar li.active a {
  background: transparent;
}
#fh5co-header > .navbar li.active a > span .border {
  background: #EF5353;
}
#fh5co-header .navbar-brand {
  text-align: center;
  //font-weight: bold;
  font-family:Campton_Medium;
  display: block;
  float: none !important;
  width: 200px;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
 font-family: Campton_Light;
  color: #000;
}
#fh5co-header .navbar-brand:hover {
  color: #404040;
}
@media screen and (max-width: 480px) {
  #fh5co-header .navbar-brand {
    float: left !important;
    margin: inherit;
    text-align: left;
    padding-left: 0;
    margin-left: 0;
  }
}

#fh5co-hero, .fh5co-bg-section {
  color: #fff;
  background-color: #e9e9e9;
  background-size: cover;
  background-position: center center;
  margin-top: 0px;
  z-index: 10;
  position: relative;
}
#fh5co-hero .fh5co-overlay, .fh5co-bg-section .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 1;
  z-index: 11;
}

#fh5co-hero, .fh5co-hero-wrap, .fh5co-bg-section {
  height: 700px;
}
@media screen and (max-width: 768px) {
  #fh5co-hero, .fh5co-hero-wrap, .fh5co-bg-section {
    height: inherit;
    padding: 3em 0;
  }
}

#fh5co-hero .fh5co-hero-wrap, .fh5co-bg-section .fh5co-hero-wrap {
  display: table;
  width: 100%;
  z-index: 12;
  position: relative;
}
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro {
  display: table-cell;
  vertical-align: middle;
}
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead, #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead {
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead {
  margin-bottom: 30px;
}

.fh5co-bg-section, .fh5co-hero-wrap {
  height: 400px;
}
@media screen and (max-width: 768px) {
  .fh5co-bg-section, .fh5co-hero-wrap {
    height: inherit;
    padding: 3em 0;
  }
}

.fh5co-bg-section .fh5co-overlay {
  background: #000;
  opacity: .7;
}
.fh5co-bg-section .author {
  font-size: 20px;
  margin-bottom: 0;
}

.price {
    color:#2bc248;
	padding: 10px 10px 5px;
	font-family:Campton_Medium;
}

.item-name a{
	color: #515e6a;
}

.item-location {
	color: #738391;
	padding-left: 10px;
	padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_title {
    word-wrap:break-word;
	word-break:break-all;
    white-space: normal;
	padding:0 10px;
}
.day-count{
	color:#f3f3f3;
	text-shadow: 0 0 2px rgba(60, 60, 60, 1);
	position:absolute;
	right: 10px;
	bottom:10px;
}
.item-urgent{
	color:#fff;
	background-color: #ff003c;
	padding: 12px 10px 2px;
	position:absolute;
	right: 10px;
    top: -2px;
	font-size: 1.3rem;
	border-radius:3px;
}
.sold-out{
    color:#fff;
    background-color: #e06c17;
     padding: 12px 10px 2px;
    position:absolute;
    right: 10px;
    top: -2px;
    font-size: 1.3rem;
	border-radius:3px;
}
.item-ad{
	background-color: #2bc248;
    border-radius: 3px;
    color: #fff;
    font-size: 1.3rem;
    padding: 12px 10px 2px;
    position: absolute;
    right: 10px;
    top: -2px;
}
.day-count a:hover{
	color:#f3f3f3;

}
.item-img{
	position:relative;
}
.more-listing a{
	color:#91a7b9;
	text-align:center;
}

.more-listing {
	margin:0 auto;
	text-align:center;
	padding-bottom:60px;
	padding-top:40px;
}
.more-listing img {
	padding-bottom:10px;
}
#fh5co-board .size-1of4:first-child {
	padding-left:8px;

}
#fh5co-board .size-1of4:last-child {
	padding-right:8px;

}
#fh5co-board .item {
  margin: 15px 7.5px 0px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #e7edf2;
  border-radius: 5px;
}

/*@media (min-width: 1280px) {
	#fh5co-board .item {
		max-width: 277px;
  		float: left;
	}
	#fh5co-board .item img{
		min-width: 250px;
  		min-height: 200px;
	}
 }*/


#fh5co-board .item .fh5co-desc {
  padding: 20px;
  float: left;
  line-height: 24px;
}
#fh5co-board .item .fh5co-item-title {
  font-family: Campton_Light;
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
#fh5co-board .item img {
  max-width: 100%;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#fh5co-board .item .fh5co-board-img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  position:relative;
}
#fh5co-board .item .image-popup:hover img {
  opacity: .5;
}

.js .animate-box {
  opacity: 0;
}

pre {
  background: #e9e9e9;
  border: 1px solid #ccc;
}

/* Buttons */
.btn {
  border-bottom: none !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 10px;
}
.btn:hover, .btn:focus, .btn:active {
  box-shadow: none;
  outline: none !important;
  border-color: transparent;
}
.btn.fh5co-btn-icon {
  text-transform: none !important;
  letter-spacing: normal !important;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-outline {
  border: 2px solid #ccc !important;
  background: transparent;
  color: #2a2e37;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
  border: 2px solid #EF5353 !important;
  background: #EF5353 !important;
  color: #fff;
}

.btn-primary {
  background: #EF5353;
  border: 2px solid #EF5353;
}

.btn-success {
  background: #5cb85c;
  border: 2px solid #5cb85c;
}

.btn-danger {
  background: #d9534f;
  border: 2px solid #d9534f;
}

.btn-info {
  background: #5bc0de;
  border: 2px solid #5bc0de;
}

.btn-warning {
  background: #f0ad4e;
  border: 2px solid #f0ad4e;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  border-color: transparent;
}

.btn-default:hover, .btn-default:active, .btn-default:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  background: #444;
  color: #fff;
}

.form-control {
  box-shadow: none !important;
  /*border: 2px solid #444;*/
  border:none;
  background: transparent;
  font-family: Campton_Light;
}
.form-control:hover, .form-control:focus, .form-control:active {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #e2e2e2;
}

.fh5co-social {
  padding: 0;
  margin: 0;
}
.fh5co-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.fh5co-social li a {
  display: block;
  float: left;
  margin-right: 10px;
}
.fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus {
  outline: none;
  text-decoration: none;
}
.fh5co-social li a i {
  font-size: 15px;
}

#fh5co-footer {
  padding: 10em 0;
}
@media screen and (max-width: 768px) {
  #fh5co-footer {
    padding: 5em 0;
  }
}
#fh5co-footer .fh5co-footer-widget {
  padding-right: 30px !important;
  float: left;
  width: 100%;
}
#fh5co-footer .fh5co-footer-widget.top-level {
  margin-top: 30px !important;
}
#fh5co-footer .fh5co-footer-widget .fh5co-footer-lead {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#fh5co-footer .fh5co-footer-logo {
  font-family: Campton_Light;
  font-size: 30px;
  color: #ccc;
  margin-bottom: 30px;
}
#fh5co-footer ul {
  padding: 0;
  margin: 0;
}
#fh5co-footer ul li {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  line-height: 16px;
}

.fh5co-list-check {
  position: relative;
  padding: 0;
  margin: 0;
  clear: both;
}
.fh5co-list-check li {
  padding-left: 25px !important;
  position: relative;
  display: block;
  margin-bottom: 10px !important;
  line-height: 20px;
}
.fh5co-list-check li:before {
  font-family: Campton_Light;;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e116";
  content: "\e042";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  color: #ccc;
}

.fh5co-pricing-table {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.fh5co-pricing-table h3 {
  border-bottom: 1px solid #e7e7e7;
  font-size: 18px;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}
.fh5co-pricing-table ul {
  padding: 0;
  margin: 0 0 20px 0;
}
.fh5co-pricing-table ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: line-through;
  color: #ccc;
}
.fh5co-pricing-table ul li.fh5co-include {
  text-decoration: none;
  color: #444;
}
.fh5co-pricing-table ul li.fh5co-include:before {
  color: #EF5353;
}
.fh5co-pricing-table .btn {
  margin-bottom: 0;
}

/* Helper Classes */
/* Spacer */
.fh5co-spacer {
  clear: both;
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
}

.fh5co-spacer-xlg {
  height: 150px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-xlg {
    height: 70px;
  }
}

.fh5co-spacer-lg {
  height: 100px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-lg {
    height: 50px;
  }
}

.fh5co-spacer-md {
  height: 80px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-md {
    height: 30px;
  }
}

.fh5co-spacer-sm {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-sm {
    height: 20px;
  }
}

.fh5co-spacer-xs {
  height: 30px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-xs {
    height: 20px;
  }
}

.fh5co-spacer-xxs {
  height: 20px;
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.fh5co-mb30 {
  margin-bottom: 30px;
}

.fh5co-row-padded {
  padding: 50px 0;
}

.fh5co-social-icons > a {
  padding: 4px 10px;
  color: #EF5353;
}
.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
  text-decoration: none;
  color: #444;
}

.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .owl-carousel .owl-controls .owl-nav {
    display: none;
  }
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -29px;
  z-index: 9999;
  position: absolute;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 24%;
}

.owl-carousel .owl-controls .owl-nav .owl-next {
  left: 0;
  left: -70px;
  margin-top: -60px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
  margin-top: -65px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover i:before {
  color: #EF5353;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: -70px;
  margin-top: 0px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
  margin-top: 5px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before {
  color: #EF5353;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
  color: #444;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
  color: #000;
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #fff;
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none;
  }
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 30px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important;
}

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: 2.5em;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 2px solid transparent;
}
.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  background: white;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: white;
  border: 2px solid transparent;
}

.owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap {
  height: 800px;
  display: table;
  width: 100%;
}
.owl-carousel-fullwidth .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  position: relative;
}
.owl-carousel-fullwidth .item .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .3;
  z-index: 8;
}
.owl-carousel-fullwidth .item img {
  max-width: 100%;
}
.owl-carousel-fullwidth .item .fh5co-owl-text {
  display: table-cell;
  vertical-align: middle;
  z-index: 10;
  position: relative;
}
.owl-carousel-fullwidth .item .fh5co-owl-text a {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.owl-carousel-fullwidth .item .fh5co-owl-text a:hover {
  text-decoration: none;
  color: white;
  border-bottom: 1px solid white;
}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: 100;
}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Campton_Light;
}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  font-size: 30px;
  line-height: 42px;
  font-weight: 100;
  font-family: Campton_Light;
}

.js .to-animate {
  opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Image Alignment */
img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em;
}
@media screen and (max-width: 640px) {
  img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}

img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0;
}
@media screen and (max-width: 480px) {
  img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a > img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em;
}
@media screen and (max-width: 480px) {
  a > img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
a > img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0;
}
@media screen and (max-width: 480px) {
  a > img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
a > img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/************************************************************E O stratagrid ******************************************************/



/************************************************************Salvattore *****************************************************/

/* Base styles */
.column {
    float: left;
}
@media screen and (max-width: 480px) {
    .column {
        float: none;
        position: relative;
        clear: both;
    }
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}


#fh5co-board[data-columns]::before {
    content: '4 .column.size-1of4';
    opacity: 0 !important;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    #fh5co-board[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    #fh5co-board[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
    #fh5co-board[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media screen and (min-width: 851px) {
    #fh5co-board[data-columns]::before {
        content: '4 .column.size-1of4';
    }
}

/************************************************************E O Salvattore  <!--E O default home Div style-->*****************************************************/


/************************************************************categories*****************************************************/
.categories
{
	background-color:#f4f4f4 ! important;
	border-left:0px ! important;
	border-right:1px solid #e7edf2 ! important;
	border-top:0px ! important;
	border-bottom:0px ! important;
	color:#515e6a ! important;
	border-radius:0px ! important;
}
.categories-list
{
	padding-bottom:15px;
}
.categories-menu-list
{
	padding-top:20px;
	border-left:0px ! important;
	border-right:0px ! important;
	border-top:1px solid #e7edf2 ! important;
	padding-bottom:0px;

}
.categories > .grid > .categories-list > ul > li a
{
	color:#515e6a ! important;
	font-size: 1.5rem;
	font-family:Campton_Light;
}
.categories > .grid > .categories-filter-list > .checkbox > label
{
	color:#515e6a ! important;
	font-size: 1.5rem;
	font-family:Campton_Light;
}
.categories > .grid > .categories-list > ul > li a:hover
{
	color:#2bc248 ! important;
	font-size: 1.5rem;
	font-family:Campton_Medium;
}
.categories > .grid > .categories-list > ul > li
{
	padding-bottom:7px;
}
.categories > .grid > .categories-filter-list > .checkbox > label
{
	padding-left:0px;

}
.categories > .grid > .categories-filter-list > .checkbox
{
	padding:0;
	margin:0;
	padding-bottom:8px;
}
.categories > .grid > .categories-filter-list > .checkbox:last-child
{
	padding-bottom:0;
}
.categories-filter-list
{
	border-left:0px ! important;
	border-right:0px ! important;
	border-top:1px solid #e7edf2 ! important;
	border-bottom:0px ! important;
	padding-top:20px;
	padding-bottom:20px;
}
.for-sale-heading
{
	color:#8ea1b2;
	font-size:12px;
	font-family:Campton_Light;
	text-transform:uppercase;
	padding-bottom:10px;
	float:left;
}
/*************Check box styles***********************/
.custom-checkbox{
		width: 30px;
		height: 17px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("../images/radio_off_icon.png") no-repeat;
	}
	.custom-checkbox:hover{
		background: url("../images/radio_off_icon.png") no-repeat;
	}
	.custom-checkbox.selected{
		background: url("../images/radio_on_icon.png") no-repeat;
	}
	.custom-checkbox input[type="checkbox"]{
		margin: 0;
		position: absolute;
		z-index: 2;
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
		transition: ease-in-out 2s;
	}
	.cust_checkbox
	{
		width:100%;
	}
/***********E O Chack box styles*********************/
.mobile-categories
{
	display:none;
}
/***************************************************E O Categories*********************************************/
/************************************************************ Search Result *****************************************************/
.search-result
{
	padding-top:10px;
	padding-bottom:10px;
}
.search-result-text
{
	font-family:Campton_Medium;
	color:#2bc248;
}
/************************************************************E O Search Result *****************************************************/
/************************************************************ Add product *****************************************************/
.breadcrumb{
	padding:10px 0px !important;
	margin:0px !important;
}
.breadcrumb a{
	color:#8b9baa;
}
.full-horizontal-line {
	background-color: #e7edf2;
    height:1px;
	margin-left:15px;
	margin-right:15px;
}
.top-heading-text {
    color: #515e6a;
    font-size: 3rem !important;
    font-family:Campton_Medium;
    margin: 0;
    padding-bottom: 5px;
}
.top-heading-sub-text{
    color: #515e6a;
    font-size: 1.7rem !important;
    margin: 0;
}
.add-photos{
	background-color:#fff;
	padding:15px;
	border-radius: 5px;
}
.add-product-heading{
	padding-bottom:10px;
	padding-top:10px;
}
.add-photos-heading{
	color: #515e6a;
    font-family:Campton_Medium;
	font-size: 1.6rem !important;
	padding-bottom:10px;
}
.stuff-img-1{
	background:url("../images/stuff-img-1.jpg") no-repeat 0 0;
	height:125px !important;
	width:125px !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;

}
.stuff-img-add-section{
	height:125px !important;
	width:125px !important;
	border-radius: 5px;
	border: 1px solid #e7edf2;
	float:left;
	margin-right:20px;
}
.stuff-img-add{
	height:25px;
	width:25px;
	margin: 49px auto 0;
}
.stuff-progress{
	padding-top:105px;
}
.stuff-progress-bar{
	height:8px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px !important;
}
.stuff-img-close{
	background-color: #e8edf1 !important;
    border-top-right-radius: 2px;
    color: #8b9baa !important;
    font-size: 2rem;
    font-weight: normal !important;
    opacity: 5;
    padding-bottom: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;

}
.stuff-img-upload{
	padding-top:10px;

}
.upload-btn {
    background-color: #2bc248;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
}
.upload-btn:hover {
    color: #fff;

}
a.upload-btn:active, a.upload-btn:focus, a.upload-btn:visited {
    color:#fff !important;
}
.add-stuff-Category-section{
	background-color: #fff;
    border-radius: 5px;
    padding: 15px;
	margin-top: 10px;
}
.add-stuff-Category-heading{
	padding-bottom:10px;
	color: #515e6a;
    font-size: 1.6rem !important;
    font-family:Campton_Medium;
    padding-bottom: 10px;
}
.required{
	color:red;
}
.Category-select-box-heading{
	color: #515e6a;
	font-weight: normal;
}
.Category-select-box-row .form-control{
	background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
   color: #8b9baa !important;
    height: 40px;
	font-size: 1.4rem;
    padding-left:5px;
	-moz-appearance:none;
	-webkit-appearance: none;
}
.select-box-down-arrow{
	background:url("../images/selectbox-arrow-fill.png") no-repeat;
	height:12px;
	background-position: right 14px;
}
.Category-input-box-row input{
	background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
    color: #8b9baa !important;
    height: 40px;
    padding-left:10px;
	-moz-appearance:none;
	-webkit-appearance: none;

}
.Category-input-box-row{
	padding-bottom:15px;


}
.Category-input-box-heading{
	color: #515e6a;
	font-weight: normal;
}
.Category-input-box-height{
	height:150px;
}
.Category-input-box-row textarea{
	background-color: #fff;
    border: 1px solid #e7edf2 !important;
    border-radius: 5px;
    color: #8b9baa !important;
    height: 80px;
	text-align:left ;
    padding-left:10px !important;
	-moz-appearance:none;
	-webkit-appearance: none;
}
.currency-select-box-row .form-control{
	background-color: #fff;
    color: #8b9baa !important;
	border: 1px solid #e2e2e2 !important;
    height: 40px;
	font-size: 1.4rem;
    padding-left:5px;
	-moz-appearance:none;
	-webkit-appearance: none;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	margin-left: -3px;
	margin-bottom:0px !important;
}
.currency-select-box-row .form-group{
	margin-bottom:0px !important;
}
.switch{
	margin-top:5px;
}
input.cmn-toggle-round-1 + label {
	background-color: #dddddd;
    border-radius: 60px;
    height: 30px;
    padding: 2px;
    width: 60px;
}
input.cmn-toggle-round-1 + label:before,
input.cmn-toggle-round-1 + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round-1 + label:before {
  right: 1px;
  background-color: #e7edf2;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round-1 + label:after {
    background-color: #fff;
	margin-left: 5px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    height: 20px;
    margin-top: 4px;
    transition: margin 0.4s ease 0s;
    width: 20px;
}
input.cmn-toggle-round-1:checked + label:before {
  background-color: #2bc248;
}
input.cmn-toggle-round-1:checked + label:after {
  margin-left: 33px;
}
.cmn-toggle-1 {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle-1 + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round + label {
	background-color: #dddddd;
    border-radius: 60px;
    height: 30px;
    padding: 2px;
    width: 60px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #e7edf2;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
    background-color: #fff;
	margin-left: 5px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    height: 20px;
    margin-top: 4px;
    transition: margin 0.4s ease 0s;
    width: 20px;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #2bc248;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 33px;
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.post-btn {
    background-color: #2bc248;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
	margin-top:15px;
	margin-bottom:35px;
}
.post-btn:hover {
    color:#fff;
}
a.post-btn:active, a.post-btn:focus, a.post-btn:visited {
    color:#fff !important;
}
.label-note {
    padding-top: 10px;
}
/************************************************************post-your-list  modal******************************************************/
@media(min-width:320px) and (max-width:480px)
{
	.post-list-modal-width
	{
		margin:10px auto ! important;
		width:90% ! important;
	}
	.urgent-right-circle-icon
	{
		width: 200px ! important;
		height: 200px ! important;
	}
	.modal-header-text
	{
		margin-left:5% ! important;
	}
	.post-list-header > .modal-header-text > p
	{
		padding-left:10px;
		font-size:1.5rem;
	}
	.post-list-modal-heading
	{
		text-align:center;
	}
	.post-list-content
	{
		text-align:center;
	}
	.urgent-tab-left > ul > li.stuff-post > a
	{
		width:100%;
	}
	.urgent-right-circle-icon
	{
		margin:0 auto;
	}
	.urgent-tab-heading
	{
		width:100% ! important;
	}
	.tab-radio-button:first-child
	{
		padding:5px! important;
	}
	.tab-radio-button:last-child
	{
		padding:5px! important;
	}
	.tab-radio-button
	{
		padding:5px ! important;
	}
}
@media(min-width:768px) and (max-width:1023px)
{

	.post-list-modal-width
	{
		margin:10px auto ! important;
		width:90% ! important;
	}

	.urgent-right-circle-icon
	{
		width: 220px ! important;
		height: 220px ! important;
	}
	.modal-header-text
	{
		margin-left:30% ! important;
	}
	.post-list-header > .modal-header-text > p
	{
		padding-left:10px;
		font-size:1.8rem;
	}
	.tab-radio-button:first-child
	{
		padding:10px! important;
	}
	.tab-radio-button:last-child
	{
		padding:10px! important;
	}
	.tab-radio-button
	{
		padding:10px ! important;
	}

}
.post-list-modal-width
	{
		margin:0 auto;
		width:850px;
	}
.post-list-modal-content
{
	padding-top:0px;
	padding-bottom:0px;
}
.post-list-header
{
	background-color:#334a5d;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding-top:16px;
	color:#ffffff;
}
.modal-header-tick-icon
{
	background:url("../images/header-tick-icon.png") no-repeat;
	height:24px;
	width:24px;
	float:left;
	background-size: cover;
}
.modal-header-text
{
	margin-left:32%;
}
.post-list-modal-heading
{
	font-size:1.5em;
	color:#334a5d;
	font-family:Campton_Medium;
}
.post-list-content
{
	font-size:1.1em;
	color:#334a5d;
	padding-top:10px;
}
.post-list-cnt
{
	background-color:#f4f4f4;
	padding-bottom:0px;
}
.post-list-modal-tab, .post-list-modal-tab > li.active > a, .post-list-modal-tab > li.active > a:hover, .post-list-modal-tab > li.active > a:focus
{
	border-bottom:0px;
	border:none;
	color:#2bc248 ! important;
	font-family:Campton_Medium;
	font-size:1.125em;
}
.post-list-modal-tab > li > a:hover
{
	border-bottom:0px;
	color:#2bc248 ! important;
	font-family:Campton_Medium;
}
.post-list-modal-tab > li > a
{
	padding: 14px 16px;
	border:none;
	color:#334a5d;
	font-size:1.125em;
}
.post-list-modal-tab
{
	width:100%;
	float:left;
}
.post-list-tab-content
{
	background-color:#ffffff;
	float:left;
	width:100%;
	padding:20px;
	padding-bottom:0;
}
a:focus
{
	outline:0 none;
}
.post-list-tab-cnt
{
	float:left;
	width:100%;
	padding-top:35px;
}
.post-list-tab-content > div > p
{
	font-size:1.3em;
	color:#627686;
}
.urgent-tab-left > ul > li
{
	color:#334a5d;
	font-size:1em;
	padding:10px 0;
}
.urgent-tab-left-list
{
	padding-left:12px;
}
.urgent-tab-heading
{
	font-size:1em;
	font-family:Campton_Medium;
	color:#334a5d;
	padding-top:14px;
	padding-bottom:10px;
	width:80%;
	border-bottom:1px solid #d4dee4;
	margin-bottom:7px;
}
.urgent-right-circle-icon
{
	background:url("../images/product-1.png") no-repeat;
    width: 245px;
    height: 245px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border:8px solid #f1f2f4;
}
.urgent-tab-right{
    padding-top: 20px;
	padding-bottom:30px;
}
.promote-tab-left > ul > li
{
	color:#334a5d;
	font-size:1em;
	padding:10px 0;
}
.promote-tab-left-list
{
	padding-left:12px;
}
.promote-tab-heading
{
	font-size:1em;
	font-family:Campton_Medium;
	color:#334a5d;
	padding-top:14px;
	padding-bottom:10px;
	width:80%;
	border-bottom:1px solid #d4dee4;
	margin-bottom:7px;
}
.promote-tab-right{
    padding-top: 30px;
}
.promote-right-circle-icon
{
	background:url("../images/product-2.png") no-repeat;
    width: 245px;
    height: 245px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border:8px solid #f1f2f4;
}
.radio
{
	text-align:center;
}
.radio-tab-period
{
	text-align:center;
	padding-bottom:9px;
	font-size:1em;
	word-wrap: break-word;
}
.radio-tab-price
{
	background-color:#2bc248;
	color:#ffffff;
	padding:7px 15px;
	float:left;
	font-size:1em;
	border-radius:5px;
}
.radio-tab-days
{
	color:#2bc248;
	text-align:center;
	width:100%;
	float:left;
	padding-top:14px;
	padding-bottom:14px;
	font-size:1em;
}
.tab-radio-content
{
	border:1px solid #eceff2;
	border-radius:5px;
	float:left;
	width:100%;
}
.tab-radio-button
{
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.tab-radio-button:first-child
{
	padding-left:0px;
}
.tab-radio-button:last-child
{
	padding-right:0px;
}
.tab-radio-content > label
{
	width:100%;
	text-align:center;
	padding-top:10px;
}
.highlight {
    background: #334a5d ;
	color:#ffffff;
}
.tab-radio-button-cnt
{
	padding-bottom:10px;
	padding-top:15px;
}
.close#white {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
	padding-top: 5px;
	font-family: Campton_Light;
    font-size: 3rem;
}
/**********************************************************E O post-your-list  modal******************************************************/
/************************************************************ E O Add product *****************************************************/



/************************************************************ Add product *****************************************************/
.breadcrumb{
	padding:10px 0px !important;
	margin:0px !important;
}
.breadcrumb a{
	color:#8b9baa;
}
.full-horizontal-line {
	background-color: #e7edf2;
    height:1px;
	margin-left:15px;
	margin-right:15px;
}
.top-heading-text {
    color: #515e6a;
    font-size: 3rem !important;
    font-family:Campton_Medium;
    margin: 0;
    padding-bottom: 5px;
}

.top-heading-sub-text{
    color: #515e6a;
    font-size: 1.7rem !important;
    margin: 0;
}

.add-photos{
	background-color:#fff;
	padding:15px;
	border-radius: 5px;
}
.add-product-heading{
	padding-bottom:10px;
	padding-top:10px;
}
.add-photos-heading{
	color: #515e6a;
    font-family:Campton_Medium;
	font-size: 1.6rem !important;
	padding-bottom:10px;
}

.stuff-img-1{
	background:url("../images/stuff-img-1.jpg") no-repeat 0 0;
	height:125px !important;
	width:125px !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
.stuff-img-add-section{
	height:125px !important;
	width:125px !important;
	border-radius: 5px;
	border: 1px solid #e7edf2;
	float:left;
	margin-right:20px;
}
.stuff-img-add{
	height:25px;
	width:25px;
	margin: 49px auto 0;
}

.stuff-progress{
	bottom: 15px;
    position: absolute;
    width: 100%;
}
.stuff-progress-bar{
	height:8px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px !important;
	width: 91% !important;
}
.stuff-img-close{
	background-color: #fff !important;
    font-size:2rem;
    opacity: 5;
	color: #8b9baa !important;
	padding-left: 5px !important;
    padding-right: 5px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
	font-weight:normal !important;
	border-top-right-radius: 2px;

}
.stuff-img-upload{
	padding-top:10px;

}
.upload-btn {
    background-color: #2bc248;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
}

.upload-btn:hover {
    color: #fff;

}
a.upload-btn:active, a.upload-btn:focus, a.upload-btn:visited {
    color:#fff !important;
}

.add-stuff-Category-section{
	background-color: #fff;
    border-radius: 5px;
    padding: 15px;
	margin-top: 10px;
}
.add-stuff-Category-heading{
	padding-bottom:10px;
	color: #515e6a;
    font-size: 1.6rem !important;
    font-family:Campton_Medium;
    padding-bottom: 10px;
}
.required{
	color:red;
}
.Category-select-box-heading{
	color: #515e6a;
	font-weight: normal;
}

.Category-select-box-row .form-control{
	background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
   color: #8b9baa !important;
    height: 40px;
	font-size: 1.4rem;
    padding-left:5px;
	-moz-appearance:none;
	-webkit-appearance: none;
}

.select-box-down-arrow{
	background:url("../images/selectbox-arrow-fill.png") no-repeat;
	height:12px;
	background-position: right 14px;
}
.Category-input-box-row input{
	background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
    color: #8b9baa !important;
    height: 40px;
    padding-left:10px;
	-moz-appearance:none;
	-webkit-appearance: none;

}
.Category-input-box-row{
	padding-bottom:15px;


}
.Category-input-box-heading{
	color: #515e6a;
	font-weight: normal;
}
.Category-input-box-height{
	height:150px;
}
.Category-input-box-row textarea{
	background-color: #fff;
    border: 1px solid #e7edf2 !important;
    border-radius: 5px;
    color: #8b9baa !important;
    height: 80px;
	text-align:left ;
    padding-left:10px !important;
	-moz-appearance:none;
	-webkit-appearance: none;
}


.currency-select-box-row .form-control{
	background-color: #fff;
    color: #8b9baa !important;
	border: 1px solid #e2e2e2 !important;
    height: 40px;
	font-size: 1.4rem;
    padding-left:5px;
	-moz-appearance:none;
	-webkit-appearance: none;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	margin-left: -3px;
	margin-bottom:0px !important;
}
.currency-select-box-row .form-group{
	margin-bottom:0px !important;
}

.switch{
	margin-top:5px;
}

input.cmn-toggle-round-1 + label {
	background-color: #dddddd;
    border-radius: 60px;
    height: 30px;
    padding: 2px;
    width: 60px;
}
input.cmn-toggle-round-1 + label:before,
input.cmn-toggle-round-1 + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round-1 + label:before {
  right: 1px;
  background-color: #e7edf2;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round-1 + label:after {
    background-color: #fff;
	margin-left: 5px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    height: 20px;
    margin-top: 4px;
    transition: margin 0.4s ease 0s;
    width: 20px;
}
input.cmn-toggle-round-1:checked + label:before {
  background-color: #2bc248;
}
input.cmn-toggle-round-1:checked + label:after {
  margin-left: 33px;
}
.cmn-toggle-1 {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle-1 + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}



input.cmn-toggle-round + label {
	background-color: #dddddd;
    border-radius: 60px;
    height: 30px;
    padding: 2px;
    width: 60px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #e7edf2;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
    background-color: #fff;
	margin-left: 5px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    height: 20px;
    margin-top: 4px;
    transition: margin 0.4s ease 0s;
    width: 20px;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #2bc248;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 33px;
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.post-btn {
    background-color: #2bc248;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
	margin-top:15px;
	margin-bottom:35px;
	text-transform: capitalize;
}
.post-btn:hover {
    color:#fff;
}
a.post-btn:active, a.post-btn:focus, a.post-btn:visited {
    color:#fff !important;
}
.margin-10{
	margin-left:10px;
}

.margin-bottom-0{
	margin-bottom:0px !important;
}
.delete-sub-text{
	font-size: 1.7rem;
}


/************************************************************post-your-list  modal******************************************************/
@media (min-width:320px) and (max-width:767px)
{
	.post-list-modal-width
	{
		margin:10px auto ! important;
		width:90% ! important;
	}
}
@media(min-width:320px) and (max-width:480px){

	.urgent-right-circle-icon
	{
		width: 200px ! important;
		height: 200px ! important;
	}
	.modal-header-text
	{
		margin-left:5% ! important;
	}
	.post-list-header > .modal-header-text > p
	{
		padding-left:10px;
		font-size:1.5rem;
	}
	.post-list-modal-heading
	{
		text-align:center;
	}
	.post-list-content
	{
		text-align:center;
	}
	.urgent-tab-left > ul > li.stuff-post > a
	{
		width:100%;
	}
	.urgent-right-circle-icon
	{
		margin:0 auto;
	}
	.urgent-tab-heading
	{
		width:100% ! important;
	}
	.tab-radio-button:first-child
	{
		padding:5px! important;
	}

	.tab-radio-button:last-child
	{
		padding:5px! important;

	}
	.tab-radio-button
	{
		padding:5px ! important;
	}
}

@media(min-width:768px) and (max-width:1023px)
{

	.post-list-modal-width
	{
		margin:10px auto ! important;
		width:90% ! important;
	}

	.urgent-right-circle-icon
	{
		width: 220px ! important;
		height: 220px ! important;
	}
	.modal-header-text
	{
		margin-left:30% ! important;
	}
	.post-list-header > .modal-header-text > p
	{
		padding-left:10px;
		font-size:1.8rem;
	}
	.tab-radio-button:first-child
	{
		padding:10px! important;
	}

	.tab-radio-button:last-child
	{
		padding:10px! important;

	}
	.tab-radio-button
	{
		padding:10px ! important;
	}
}

.post-list-modal-width
	{
		margin:0 auto;
		width:850px;
	}

.post-list-modal-content
{
	padding-top:0px;
	padding-bottom:0px;
}

.post-list-header
{
	background-color:#334a5d;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding-top:16px;
	color:#ffffff;
}

.modal-header-tick-icon
{
	background:url("../images/header-tick-icon.png") no-repeat;
	height:24px;
	width:24px;
	float:left;
	background-size: cover;
}

.modal-header-text
{
	margin-left:32%;
}

.post-list-modal-heading
{
	font-size:1.5em;
	color:#334a5d;
	font-family:Campton_Medium;
}

.post-list-content
{
	font-size:1.1em;
	color:#334a5d;
	padding-top:10px;
}

.post-list-cnt
{
	background-color:#f4f4f4;
	padding-bottom:0px;
}

.post-list-modal-tab, .post-list-modal-tab > li.active > a, .post-list-modal-tab > li.active > a:hover, .post-list-modal-tab > li.active > a:focus
{
	border-bottom:0px;
	border:none;
	color:#2bc248 ! important;
	font-family:Campton_Medium;
	font-size:1.125em;
}

.post-list-modal-tab > li > a:hover
{
	border-bottom:0px;
	color:#2bc248 ! important;
	font-family:Campton_Medium;
}

.post-list-modal-tab > li > a
{
	padding: 14px 16px;
	border:none;
	color:#334a5d;
	font-size:1.125em;
}

.post-list-modal-tab
{
	width:100%;
	float:left;
}

.post-list-tab-content
{
	background-color:#ffffff;
	float:left;
	width:100%;
	padding:20px;
	padding-bottom:0;
}

a:focus
{
	outline:0 none;
}

.post-list-tab-cnt
{
	float:left;
	width:100%;
	padding-top:35px;
}

.post-list-tab-content > div > p
{
	font-size:1.3em;
	color:#627686;
}

.urgent-tab-left > ul > li
{
	color:#334a5d;
	font-size:1em;
	padding:10px 0;
}

.urgent-tab-left-list
{
	padding-left:12px;
}

.urgent-tab-heading
{
	font-size:1em;
	font-family:Campton_Medium;
	color:#334a5d;
	padding-top:14px;
	padding-bottom:10px;
	width:80%;
	border-bottom:1px solid #d4dee4;
	margin-bottom:7px;
}

.urgent-right-circle-icon
{
	background:url("../images/product-1.png") no-repeat;
    width: 245px;
    height: 245px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border:8px solid #f1f2f4;
}

.urgent-tab-right{
    padding-top: 30px;
}






.promote-tab-left > ul > li
{
	color:#334a5d;
	font-size:1em;
	padding:10px 0;
}

.promote-tab-left-list
{
	padding-left:12px;
}

.promote-tab-heading
{
	font-size:1em;
	font-family:Campton_Medium;
	color:#334a5d;
	padding-top:14px;
	padding-bottom:10px;
	width:80%;
	border-bottom:1px solid #d4dee4;
	margin-bottom:7px;
}

.promote-tab-right{
    padding-top: 30px;
}

.promote-right-circle-icon
{
	background:url("../images/product-2.png") no-repeat;
    width: 245px;
    height: 245px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border:8px solid #f1f2f4;
}




.radio
{
	text-align:center;
}

.radio-tab-period
{
	text-align:center;
	padding-bottom:9px;
	font-size:1em;
}

.radio-tab-price
{
	background-color:#2bc248;
	color:#ffffff;
	padding:7px 15px;
	float:left;
	font-size:1em;
	border-radius:5px;
}

.radio-tab-days
{
	color:#2bc248;
	text-align:center;
	width:100%;
	float:left;
	padding-top:14px;
	padding-bottom:14px;
	font-size:1em;
}

.tab-radio-content
{
	border:1px solid #eceff2;
	border-radius:5px;
	float:left;
	width:100%;
}

.tab-radio-button
{
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}

.tab-radio-button:first-child
{
	padding-left:0px;
}

.tab-radio-button:last-child
{
	padding-right:0px;

}

.tab-radio-content > label
{
	width:100%;
	text-align:center;
	padding-top:10px;
}

.highlight {
    background: #334a5d ;
	color:#ffffff;
}

.tab-radio-button-cnt
{
	padding-bottom:10px;
	padding-top:15px;
}

.close#white {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
	padding-top: 5px;
	font-family: Campton_Light;
    font-size: 3rem;
}




/**********************************************************E O post-your-list  modal******************************************************/








/************************************************************ E O Add product *****************************************************/


/************************************************************ edit product *****************************************************/


.sold-btn {
    background-color: #2bb9c2;
    border-radius: 5px;
    float: left;
	margin-right: 10px;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
	margin-top:15px;
	margin-bottom:35px;
}
.sold-btn:hover {
    color:#fff;
}
a.sold-btn:focus {
    color:#fff!important;
}
.delete-btn {
    background-color: #e82e2e;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
	margin-top:15px;
	margin-bottom:35px;
	text-transform: capitalize;
}
.delete-btn:hover {
    color:#fff;
}
a.delete-btn:focus {
    color:#fff !important;
}
.sale-btn {
    background-color: #2bc248;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
	margin-top:15px;
	margin-bottom:35px;
}
.sale-btn:hover {
   color:#fff;
}

.edit-btn{
	float:right;
}


/******************* Product Page******************/

.mobile-product-slide
{
	display:none;
}

.non-mobile-product-slide
{
	display:block;
}

.slider-fix-left
{
	background-color:#ffffff;
	width:10px;
	height:100%;
	position:absolute;
	left:0;
	z-index:1;
}

.slider-fix-right
{
	background-color:#ffffff;
	width:10px;
	height:100%;
	position:absolute;
	right:0;
	z-index:1;
}

#thumbcarousel
{
	height:auto;
	height:120px;
}

#thumbcarousel > .carousel-inner
{
	height:120px;
}

#thumbcarousel > .carousel-inner > .item
{
	float:left;
	height:120px;
	width:100%;
}
.carousel-inner
{
	background-color:#ffffff;
}

.item .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
}
.item .thumb img {
	width: 100%;
	margin: 2px;
}
.item img {
	width: 100%;
}

.product-img
{

}

.item .thumb {
			width: 16.666%;
			cursor: pointer;
			float: left;
		}
.item .thumb img {
	max-width: 100%;
	margin: 2px;
	height:auto;
}
.item img {
	max-width: 100%;

}


.product-image#prod-img-1
{
	background:url("../images/product-image-1.png") no-repeat;
    width: 100%;
    height: 495px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.product-image#prod-thmb-img-1
{
	background:url("../images/product-image-1.png") no-repeat;
    max-width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-radius:3px;
}

.thumb-cnt
{
	padding:10px 5px;
}

.item.active > .thumb-cnt:first-child
{
	padding-left:10px;
}

.item.active > .thumb-cnt:last-child
{
	padding-right:10px;
}

.thmb-slider-bg-left
{
	background-color:#383838;
	background-image:none ! important;
	opacity:0.62;
	width:30px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.thmb-slider-bg-left:hover
{
	background-image:none ! important;
	background-color:#383838;
	opacity:0.8;
}

.thmb-slider-bg-right
{
	background-color:#383838;
	background-image:none ! important;
	opacity:0.62;
	width:30px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

.thmb-slider-bg-right:hover
{
	background-image:none ! important;
	background-color:#383838;
	opacity:0.8;
}

.thmb-slider-arrow-left
{
	background:url("../images/left-arrow.png") no-repeat;
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
	z-index:999;
	left:10px;
	position:absolute;
	top:45%;
}

.thmb-slider-arrow-right
{
	background:url("../images/right-arrow.png") no-repeat;
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
	z-index:999;
	right:10px;
	position:absolute;
	top:45%;
}

.exclamatory-icon
{
	background:url("../images/exclamatory-icon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.exclamatory-icon-active
{
 background:url("../images/exclamatory-icon-active.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
 float:left;
}

.tab-section-tabs > li > a.exclamatory-cnt:active > span.report-text
{
 color:#d6213a;
}



.tab-section-tabs > li.pull-right > a
{
	padding-top:10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.tab-section-tabs > li.pull-right > a:hover
{
	padding-top:10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.report-text
{
	color:#8b9baa;
	font-size:0.75em;
	padding-left:10px;
}
.mob-report-text
{
	color:#8b9baa;
	font-size:1em;
	padding-left:10px;
}
.mobile-report-div
{
	display:none;
}

.product-img
{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.tab-section
{
	padding-top:20px;
}

.tab-section-tabs
{
	border:none;
}

.tab-section-tabs > li.active > a, .tab-section-tabs > li.active > a:hover, .tab-section-tabs > li.active > a:focus
{
	border-top:1px solid #eceff2;
	border-left:1px solid #eceff2;
	border-right:1px solid #eceff2;
	border-bottom:0px;
}

.tab-section-content
{
	background-color:#ffffff;
	border:1px solid #eceff2;
	margin-top:-2px;
	float:left;
	width:100%;
}

.tab-section-content > div#desc > p > span.more-info > a
{
	color:#2bc248;
}

ul.tab-section-tabs > li.active
{
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

ul.tab-section-tabs > li.active > a
{
	border-top:1px solid #eceff2;
	border-left:1px solid #eceff2;
	border-right:1px solid #eceff2;
	padding:10px 20px;
	font-size:1em;
	font-family:Campton_Medium;
	color:#515e6a;
}

ul.tab-section-tabs > li.active > a:hover
{

	padding:10px 20px;
	border-top:1px solid #eceff2 ! important;
	border-left:1px solid #eceff2 ! important;
	border-right:1px solid #eceff2 ! important;
}

.tab-section-tabs > li > a:hover
{
	border:none;
}

.tab-section-tabs > li > a
{
	padding:10px 20px;
	border: 1px solid transparent;
	font-size:1em;
	color:#515e6a;
}

.tab-section-tabs > li.active > a
{
	padding:10px 20px;
	border-top:1px solid #eceff2;
	border-left:1px solid #eceff2;
	border-right:1px solid #eceff2;
	color:#;
}

.tab-section-tabs > li > a:hover
{
	padding:10px 20px;
	border: 1px solid transparent;

}

.tab-section-content > .tab-pane
{
	padding:20px;
	float:left;
}

.tab-section-content  > .tab-pane  #comment
{
	width:100%;
}

.tab-section-content > .tab-pane > p
{
	font-size:14px;
	color:#515e6a;
}

/***description more info****/
.comment-text-cnt > a {
    color:#2bc248;
}

.comment-text-cnt > a:visited {
    color:#2bc248;
}

.comment-text-cnt > a:focus {
    color:#2bc248;
}

.morecontent > a.morelink
{
 color:#2bc248 ! important;
}

.morecontent > a.morelink:focus
{
 color:#2bc248 ! important;
}

a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}
/***E O More info****/

.comment-timing-detail
{
 color:#a2b2c0;
 font-size:0.875em;
}


.comment-text-area
{
	background:#f4f4f4 ! important;
	border:none ! important;
}

textarea{
	resize:none;
}

.form-group > textarea
{
	padding:12px;
	height:90px;
}

.form-control::-moz-placeholder
{
	color:#b4c1cc;
	font-size:1em;
}

.comment-text-area
{
	width:100%;
}

.character-left
{
	float:left;
	padding-right:20px;
	width:80%;

}

.comment-profile-default
{
	background:url("../images/comment-profile-default-icon.png") no-repeat;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.comment-user-name
{
	font-family:Campton_Medium;
	font-size:0.875em;
	color:#515e6a;
	padding-top:7px;
	padding-left:20px;
}

.comment-user-name > a
{
 font-family:Campton_Medium;
 font-size:1em ! important;
 color:#515e6a;
}

.comment-text
{
	font-size: 1.4rem;
	color:#515e6a;
	padding-left:20px;
}

.comment-section
{
	margin-top:20px;
	overflow:auto;
}

.comment
{
	padding-bottom:15px;
}

.post-comment
{
	width:auto;
	padding-left:0px;
	padding-right:0px;
}

.view-all-comment{
	text-align:center;
	}

.view-all-comment > a
{
	color:#a2b2c0;

}

.product-left-container
{
	padding-right:10px;
	padding-bottom:40px;
	padding-top:20px;
}

.product-right-container
{
	padding-left:10px;
}

.product-page-right-top-container
{
	background-color:#ffffff;
	margin-top:20px;
	padding:20px;
	border-radius:5px;
}

.mobile-product-details
{
	display:none;
}

.product-name
{
	font-size:1.125em;
	color:#515e6a;
	word-wrap: break-word;
}



.product-price
{
	font-size:1.5em;
	color:#515e6a;
	font-family:Campton_Medium;
}

.product-like
{
	background:url("../images/product-like-icon-upd.png") no-repeat;
    padding:18px;
	width:18px;
	height:16px;
	background-color:#2bc248;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius:5px;
}

.product-like#liked
{
	background:url("../images/product-liked-icon-upd.png") no-repeat;
    padding:18px;
	width:18px;
	height:16px;
	background-color:#2bc248;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius:5px;
}

.like-counter
{
	font-size:0.75em;
	color:#8ea1b2;
	text-align:right;
	padding-top:10px;
}

.used-status-row{
	padding-bottom: 10px;
	padding-top:5px;
}

.shipping-cost-cnt
{
	padding:10px 0;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
}

.used-status
{
	background-color:#8ea1b2;
	color:#ffffff;
	font-size:0.75em;
	float:left;
	border-radius:5px;
	padding:2px 7px;
}

.days-reviews-counter
{
	color:#8ea1b2;
	font-size:0.875em;
	padding-left:10px;
	padding-top:5px;
	float:left;
}

.days-reviews-counter > span
{
	padding:0 5px;
}

.fb-share
{
	background:url("../images/fb-share.png") no-repeat;
    width: 59px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.fb-share-count
{
	color:#515e6a;
	font-size:0.75em;
}

.location-grey
{
	background:url("../images/location-grey.png") no-repeat;
    width: 12px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.shipping-icon
{
	background:url("../images/shipping.png") no-repeat;
    width: 21px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.product-location
{
	color:#515e6a;
	font-size:0.875em;
	float:left;
	padding-left:10px;
	width:96%;
}

.shipping-cost
{
	width:91%;
	line-height: 24px;
}

.product-location-content
{
	padding-top:20px;
}

.map-location
{
	float:left;
	height:150px;
	width:100%;
	border-radius:5px;
}

.product-address-map
{
	padding-top:10px;
	padding-bottom: 10px;
}

.btn-chat-with-seller
{
	background-color:#2bc248;
	float:left;
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
}

.chat-with-seller-text
{
	color:#ffffff;
	font-size:1em;
	float:left;
	text-align:center;
}

.chat-with-seller-text > span {
    padding-left: 10px;
}

.chat-with-seller-icon
{
	background:url("../images/chat-with-seller-icon.png") no-repeat;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.chat-with-seller-icon-container
{
	padding-right:15px;
}

.btn-make-an-offer
{
	background-color:#ffffff;
	border:1px solid #e7edf2;
	float:left;
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	text-align:center;
	color:#515e6a;
	font-size:1em;
}

.product-page-right-bottom-container
{
	background-color:#ffffff;
	border-radius:5px;
	margin-top:10px;
}

.about-the-seller
{
	font-family:Campton_Medium;
	font-size:1em;
	color:#515e6a;
	border-bottom:1px solid #eceff2;
	padding:15px 20px;
}

.seller-details
{
	padding:20px;
}

.seller-prof-pic
{
	background:url("../images/seller-prof-pic.jpg") no-repeat;
    width: 85px;
    height: 85px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
	border:3px solid #2bc248;
	position:relative;
}

.seller-verified-icon
{
	background:url("../images/seller-verified-icon.png") no-repeat;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
	position:absolute;
	bottom:5px;
	right:15px;
}

.seller-name
{
	font-family:Campton_Medium;
	font-size:1.125em;
	color:#334a5d;
	overflow: hidden;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seller-name > a
{
	font-family:Campton_Medium;
	font-size:1.125em;
	color:#334a5d;
}



.mobile-verification#verified
{
	background:url("../images/mobile-verification-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	display: inline-block;
}

.mobile-verification
{
	background:url("../images/mobile-not-verified-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	display: inline-block;
}

.fb-verification#verified
{
	background:url("../images/facebook-verification-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	display: inline-block;
	margin-left:5px;
}

.fb-verification
{
	background:url("../images/facebook-not-verified-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin-left:5px;
	display: inline-block;
}

.mail-verification#verified
{
	background:url("../images/mail-verification-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin-left:5px;
	display: inline-block;
}

.mail-verification
{
	background:url("../images/mail-not-verified-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	display: inline-block;

}

.seller-verification
{
	padding-top:5px;
	padding-bottom: 5px;
}
.phone-number{
	color: #515e6a;
    float: left;
    text-align: center;
    width: 100%;
}
.country-code{
	padding-right:5px;
}
.product-counter-container
{
	padding:0px 5px;
}

.product-counter-container:first-child{
	padding-left:0px;
}

.product-counter-container:last-child{
	padding-right:0px;
}

.btn-product-counter
{
	border:1px solid #e7edf2;
	border-radius:5px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-size:0.875em;
	color:#515e6a;
	float:left;
	width:100%;
}

.btn-product-counter:hover
{
	background-color:#f6fbff;
}

.counter
{
	font-family:Campton_Medium;
	float:left;
	text-align:center;
	font-size:1em;
	color:#515e6a;
	width:100%;
}

.counter-label
{
	float:left;
	text-align:center;
	font-size:1em;
	color:#515e6a;
	width:100%;
}

.seller-joysale-detail
{
	padding-bottom: 15px;
    padding-top: 15px
}

.recently-viewed-heading
{
	color:#515e6a;
	font-size:1.125em;
	font-family:Campton_Medium;
	padding-left: 10px;
    padding-right: 10px;
}

.recently-viewed
{
	padding-top:15px;
}

.rate-section-2
{
	float:left;
	background-color:#ffffff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border:1px solid #e7edf2;
	border-top:none;
}

.image-container#prod-1
{
	background:url("../images/5.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}

.image-container#prod-2
{
	background:url("../images/7.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}

.image-container#prod-3
{
	background:url("../images/8.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}
.image-container#prod-4
{
	background:url("../images/12.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}

.image-container#prod-5
{
	background:url("../images/9.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}

.image-container#prod-6
{
	background:url("../images/15.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}

.image-container#prod-7
{
	background:url("../images/16.jpg") no-repeat;
	height:235px;
	width:100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid #e7edf2;
	border-bottom:none;
}

.product-padding
{
	padding-left:10px;
	padding-right:10px;
}

.product-row
{
	margin-left:-10px;
	Margin-right:-10px;
}

.recently-viewed-container
{
	padding-bottom:30px;
}

.popular-product-container
{
	padding-bottom:60px;
}


/****chat with seller modal****/

.to-content
{
	padding: 10px 10px 20px 20px;
	border-bottom:1px solid #eceff2;
}

.chat-seller-modal-content
{
	background-color:#ffffff;
	margin:40px auto;
	border-radius:3px;
}

.to-prof-pic
{
	background:url("../images/seller-prof-pic.jpg") no-repeat;
	height:64px;
	width:64px;
	border-radius:50%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.chat-with-seller-close
{
	font-family: Campton_Light;
    font-size: 3rem;
    margin-top: 0px;
    padding-right: 0px !important;
}

.to-prof-content
{
	padding-left:15px;
	font-size:1em;
	color:#334a5d;
}
.to-prof-content > div > a
{
	font-size:1em;
	color:#334a5d;
	font-family: Campton_Medium;
}

.to-prof-pic-cnt
{
	padding-top:15px;
}

.messgage-container
{
	padding:20px;
}

.chat-modal-text-area
{
	background:#ffffff ! important;
	border:1px solid #eceff2 ! important;
}

.send-btn-cnt
{
	padding-top:10px;
}

.help-text
{
	color:#8ea1b2;
	font-size:0.75em;
}

.help-text
{
	padding-right:20px;
}

.help-text > span
{
	padding-right:7px;
}
.foldtext
{
	word-wrap: break-word;
}

.send-btn
{
	padding:10px 0px;
	color:#ffffff;
	font-size:0.875em;
	background-color:#2bc248;
	text-align:center;
	border-radius:3px;
}

.info-icon
{
	background:url("../images/info-icon.png") no-repeat;
	height:16px;
	width:16px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.success-icon
{
	background:url("../images/success-icon.png") no-repeat;
	height:41px;
	width:41px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:none;
	margin:0 auto;
	margin-top:20%;
}

.success-modal
{
	background:#ffffff;
	min-height:320px;
	margin-top:40px;
	border-radius:3px;
}

.success-modal-close {
    font-family: Campton_Light;
    font-size: 3rem;
    margin-top: 0;
    padding-right: 10px !important;
}

.sent-text
{
	width:100%;
	text-align:center;
	font-family:Campton_Medium;
	font-size:1em;
	color:#334a5d;
	padding-top:18px;
	float:left;
}

/****E O Chat with seller****/

/******Make offer modals*****/

.ask-price-text
{
	font-size:1.5em;
	font-family:Campton_Medium;
	color:#515e6a;
	width:100%;
	text-align:center;
	padding-top:15px;
	padding-bottom:30px;
}

.ask-price-text > span
{
	color:#2bc248;
}

.offer-price-text
{
	font-size:0.875em;
	font-family:Campton_Medium;
	color:#515e6a;
}

.offer-text-field-label
{
	color:#334a5d;
	font-size:1em;
	font-family:Campton_Medium;
	text-align:center;
	padding:10px 0;
	background-color:#eceff2;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.offer-text-field > input
{
	padding:9px;
	width:100%;
	border:1px solid #eceff2;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.offer-modal-text-area
{
	background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #eceff2 !important;
	height:90px ! important;
	margin-top:10px;
	float:left;
	margin-bottom:10px;
}

.offer-price-txt-field-cnt
{
	margin-top:10px;
}

/******E O Make offer modals*****/

/*********Exchange modal*********/

.exchange-product-grid-container{
	height:auto;
	max-height:420px;
	overflow-y:auto;
	text-align:center;
}


.exchange-product
{
	background:url("../images/8.jpg") no-repeat;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	height:175px;
	max-width:100%;
	border-top-left-radius:4px;
	border-top-right-radius:4px;

}

.exchange-product-name
{
	color:#515e6a;
	font-size:0.875em;
	padding:10px;
	width:100%;
	border:1px solid #e7edf2;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	text-overflow: ellipsis;
    	white-space: nowrap;
	overflow: hidden;
}

.exchange-product-grid
{
	padding:5px;
}

.exchange-product-grid:active > div > .exchange-product
{
	border-top:3px solid #2bc248;
	border-left:3px solid #2bc248;
	border-right:3px solid #2bc248;
}

.exchange-product-grid:active > div > .exchange-product-name
{
	background-color:#2bc248;
	color:#ffffff;
	border:1px solid #2bc248;
}

.exchange-product-grid:hover > div > .exchange-product
{
	border-top:3px solid #2bc248;
	border-left:3px solid #2bc248;
	border-right:3px solid #2bc248;
}

.exchange-product-grid:hover > div > .exchange-product-name
{
	background-color:#2bc248;
	color:#ffffff;
	border:1px solid #2bc248;
}
.exchange-product-grid.active > div > .exchange-product
{
	border-top:3px solid #2bc248;
	border-left:3px solid #2bc248;
	border-right:3px solid #2bc248;
}

.exchange-product-grid.active > div > .exchange-product-name
{
	background-color:#2bc248;
	color:#ffffff;
	border:1px solid #2bc248;
}


.create-exchange-btn
{
	width:100%;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
}
.view_more_comnts {
    display: inline-block;
}

/*********E O Exchange modal******/

/*****************E O Product Page*****************/



/*****************No item Page*****************/

.no-item{
	line-height: 50px;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center;
}

.no-item-text{
	font-size:3rem;
}
.world-wide{
	font-size:5rem;
	color:#2bc248;
	font-family:Campton_Medium;
}
.back-botton {
	padding-top: 20px;
}
.back-btn {
	background-color: #2bc248;
	border-radius: 5px;
	height: auto;
	width:auto;
	padding:10px 15px;
	color: #fff;
}

.back-btn:hover{
    color: #ffffff !important;
}
.back-btn:focus{
    color: #ffffff !important;
}


/*****************E O No item Page*****************/
#invoice-modal > .modal-dialog > .login-modal-content > .login-content > .promotions-details-cnt > #invoice_content > .sale-info > .sale-initiate-date
{
	float:none ! important;
	text-align:center;
	font-size:1.6rem;
}

.invoice-popup-line-padding
{
    padding:5px 0;
}

.invoice-popup-heading
{
    font-size:1.7rem;
}

.invoice-popup-addr-cnt,.invoice-popup-item-details-cnt
{
    border-top:1px solid #f4f4f4;
    padding-top:15px;
    padding-bottom:15px;
}

.invoice-popup
{
    font-size:1.5rem;
    line-height:30px;
}

.invoice-popup-total
{
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}

.invoice-print-btn
{
    padding:5px 10px;
    background-color:#2bc248;
    border-radius:4px;
    color:#ffffff;
}


/*****************Message Page*****************/

.no-conversation-msg{
	color: #738391;
    float: left;
    font-size: 1.75em;
    margin: 5% auto 0;
    text-align: center;
    width: 100%;
}

.no-conversation-msg img{
	width: 100%;
	padding: 0 10px;
	max-width: 400px;
}

.message-vertical-tab-section
{
	padding-top:10px;
}

.message-vertical-tab-container
{
	background-color:#e5e9ed;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	height:628px;
	overflow-y:hidden;
}
.message-cnt
{
	height:500px;
	overflow-y:auto;
}
.message-vertical-tab-container:hover
{
 overflow-y:auto;
}



.message-vertical-tab-container > li.active > a, .message-vertical-tab-container > li.active > a:hover, .message-vertical-tab-container > li.active > a:focus
{
	background-color:#f3f5f6;
	border-left: 5px solid #2bc248;
    cursor: default;
	border-bottom:none;
	float:left;
	width:100%;
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
}

.message-vertical-tab-container > li
{
	position:relative;
}

.message-vertical-tab-container > li.active
{
	padding-right:5px;
}

.message-vertical-tab-container > li:first-child.active
{
	padding-top:5px;
	padding-right:5px;
	padding-bottom:0px;
}

.message-vertical-tab-container > li:last-child.active
{
	padding-bottom:5px;
	padding-right:5px;
	padding-top:0px;
}

.message-vertical-tab-container > li.active > a
{
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
}

.message-vertical-tab-container > li > a
{
	margin-right:0;
	border-radius:0px;
	float:left;
	width:100%;
	border:none;
	border-left: 5px solid transparent;
}

.message-vertical-tab-container > li > a:hover
{
	border-bottom:none;
	border-left: 5px solid #2bc248;
}

.message-prof-pic
{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic1
{
	background:url("../images/prof-pic-2.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic2
{
	background:url("../images/prof-pic-3.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic3
{
	background:url("../images/prof-pic-4.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic4
{
	background:url("../images/prof-pic-5.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic5
{
	background:url("../images/prof-pic-6.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic7
{
	background:url("../images/prof-pic-7.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-pic#pic6
{
	background:url("../images/prof-pic-8.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}

.message-prof-name
{
	color:#334a5d;
	font-size:1em;
	padding-top:10px;
	word-wrap:break-word;
	font-family:Campton_Medium;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
}

.short-message
{
	font-size:1em;
	color:#627686;
	word-wrap:break-word;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
}

.message-time
{
	font-size:0.875em;
	color:#a4b6c5;
	width:100%;
	word-wrap:break-word;
}

.message-details
{
	padding-left:8px
}

.message-icon
{
	padding-top:5px;
}

.message-tab-content
{
	padding:10px;
	background-color:#ffffff;
}

.message-conversation
{
	background-color:#f3f5f6;
	padding:15px;
	border-radius:4px;
	position:relative;
	margin-left:11px;
	border-top-left-radius:0px;
	max-width:100%;
}

a.message-conversation-item-name
{
	font-size:1em;
	color:#2bc248;
}

.conversation-prof-pic
{
	float:left;
}

.conversation-prof-pic#user
{
	float:right;
}

.conversation-product-pic
{
	background:url("../images/12.jpg") no-repeat;
    width: 80px;
    height: 80px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.conversation-container
{
	padding-top:15px;
}

.conversation-product-pic-container
{
	float:left;
	margin-right:5px;
}

.conversation-bargain-container
{
	float:left;
	width:82%;
	padding-left:0px;
}

.conversation-rate
{
	padding: 5px 10px;
	background-color:#2bc248;
	color:#ffffff;
	font-size:1em;
	border-radius:4px;
	float:left;
	width:auto;
}

.conversation-rate-container
{
	width:100%;
	float:left;
	padding-bottom:12px;
}

.conversation-text
{
	font-size:1em;
	color:#627686;
	float:left;
	width:100%;
	word-wrap:break-word;
}

.arrow-left {
   border-bottom: 15px solid transparent;
    border-right: 11px solid #f3f5f6;
    border-top: 0 solid transparent;
    height: 0;
    left: 0;
    position: absolute;
    top: 10px;
    width: 0;
}

.arrow-right {
	background:url("../images/right-chat-arrow.png") no-repeat;
    width: 11px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:absolute;
	right:5px;
	z-index:553;
}

.message-conversation-left-cnt
{
	padding-top:10px;
}

.conversation-date
{
	color:#a4b6c5;
	font-size:0.875em;
	padding-left:15px;
	padding-top:10px;
}

.message-conversation-container
{
	padding-bottom:30px;
}

.message-conversation-right-cnt
{
	float:right;
	padding-top:10px;
}

.message-conversation-right-cnt > .message-conversation
{
	margin-left:0px;
	margin-right:15px;
	float:right;
	 background: #fff none repeat scroll 0 0;
	border-top-left-radius:4px;
	border-top-right-radius:0px;
	background-color:transparent;
	border:1px solid #e5e9ed;
	width:auto;
	padding-bottom: 10px;
    padding-top: 10px;
}

.message-conversation-right-cnt > .conversation-date
{
	padding-right:15px;
	text-align:right;
}

.message-conversation-right-cnt > .message-conversation > .conversation-container
{
	padding-top:0px;
}

.message-conversation-right-cnt > .message-conversation > .conversation-container > .conversation-bargain-container
{
	/*padding-left:0px;*/
	width:100%;
}

.message-conversation-right-cnt > .message-conversation > .conversation-container > .conversation-bargain-container > .conversation-text
{
	padding-top:0px;
	text-align:right;
	width:100%;
}

.typing-status
{
	color:#a4b6c5;
	font-size:0.875em;
	text-align:center;
	padding-bottom:20px;
	width:100%;
	word-wrap:break-word;
}

.message-type-container > .chat-message-type > .message-send > a > .send-btn
{
	padding:23px 0;
}

.message-type-container > .chat-message-type > .form-group > textarea
{
	height:70px;
	font-size:1em;
}
.send-btn > span
{
 display:none;
}
.message-type-container > .chat-message-type > .form-group
{
	padding-right:10px;
	margin-bottom:0px;
}

.message-vertical-tab-section > .tab-content
{
	padding-bottom:34px;
}

.message-unread-count
{
	background-color:#2bc248;
	color:#ffffff;
	border:3px solid #e5e9ed;
	font-size:1em;
	border-radius:50%;
	float:left;
	width:28px;
	height:28px;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
	padding-top:2px;
}

.floating-div
{
	padding:10px;
	width:350px;
	background-color:#ffffff;
	border-radius:4px;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(163,163,163,1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(163,163,163,1);
	box-shadow: 0px 0px 7px 0px rgba(163,163,163,1);
}

.message-user-prof-pic
{
	background:url("../images/prof-pic-1.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#floating-div-pic
{
	height:50px;
	width:50px;

}

.message-user-name
{
	font-size:1.125em;
	color:#334a5d;
	font-family:Campton_Medium;
}

.message-user-info
{
	font-size:1.125em;
	color:#334a5d;
	float:left;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
}

.message-user-info-cnt
{
	/*padding-top:3px;*/
	float: left;
    max-width: 450px;
    padding-left: 10px;
    width: auto;

}

.message-floating-div-cnt
{
	margin-top:20px;
	position:fixed;
	right:10px;
	z-index:554;
}

.message-floating-div-cnt > .floating-div > .message-icon
{
	padding-top:0px;
	float:left;
	width:50px;

}

.user-conv
{
	padding-right:10px;
}

.message-vertical-tab-section > ul.message-vertical-tab-container > li.active > a > .message-icon > .message-prof-pic > .message-unread-count
{
 border:3px solid #f3f5f6;
}

.has-error{
    border: 1px solid #de2f2c !important;
    color:#de2f2c !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

.short-message img {
    margin-right: 10px;
}

/*****************E O Message Page************/


/**************payment page style*******************/

.payment-product-top-padding
{
	padding-top:20px;
}

.payment-product-top-padding:nth-child(1),.payment-product-top-padding:nth-child(2),.payment-product-top-padding:nth-child(3),.payment-product-top-padding:nth-child(4)
{
	padding-top:0;
}

.no-padding
{
	padding:0;
}

.payment-status-txt
{
	color:#8a959e;
	font-size:1.5em;
	text-align:center;
	padding-top:15px;
	float:left;
	width:100%;
}

.payment-status-info-txt
{
	color:#334a5d;
	font-size:1.875em;
	text-align:center;
	padding-top:5px;
	float:left;
	width:100%;
}

.payment-product-padding
{
	padding-top:100px;
	padding-bottom:0px;
	float:left;
}

.payment-red
{
	color:red;
}

.payment-decline-status-info{
	margin:10% auto;
}
.payment-decline-status-info-txt
{
	color:#738391;
	font-size:1.75em;
	text-align:center;
	padding-top:5px;
	float:left;
	width:100%;
}

.decline-center
{
	margin: 8% auto 8%;
}

.payment-promote-btn
{
	width:auto;
	float:left;
	margin:5% auto 0 34%;
	text-align:center;
	min-width:80px;
}
.error-main {
	background-color:#f4f4f4;
	width:100%;
	float:left;
	display:block;
}
.profile-tab-content
{
   min-height: 582px;
}

/************E O payment page style*****************/

/*********** Checkout page style***************/

.joysale-accorddion-cnt
{
	padding-top:13px;
	min-height:550px;
}

.joysale-accordion-title-txt
{
	font-size:18px;
	font-family:Campton_Medium;
	color:#334a5d;
	float:left;
	padding: 8px 10px 10px;
}

.joysale-accordion
{
	background:transparent;
	border:none;
	box-shadow:none;
}

.joysale-accordion > .panel-collapse > .panel-body
{
	border:none ! important;
	padding: 20px 0 ! important;
}

.joysale-acc-add-addr
{
	color:#334a5d;
	background-color:#f4f4f4;
	padding:8px 30px;
	border-radius:3px;
}

.joysale-accordion-heading
{
	height:60px;
	padding:10px ! important;
	border-radius:3px;
	background: #fff !important;
}

.joysale-acc-addr-cnt
{
	background-color:#ffffff;
	padding:20px;
	border-radius:3px;
	position:relative
}
.joysale-acc-addr-cnt-bg
{
	background-color:#ddd;

}

.joysale-acc-addr-cnt:hover,.joysale-acc-addr-cnt:active
{
	-webkit-box-shadow:inset 0px 0px 0px 3px #2bc248;
    -moz-box-shadow:inset 0px 0px 0px 3px #2bc248;
    box-shadow:inset 0px 0px 0px 3px #2bc248;
}

.joysale-acc-addr-cnt:hover .joysale-acc-continue-btn,.joysale-acc-addr-cnt:active .joysale-acc-continue-btn
{
	background:#2bc248 ! important;
	color:#ffffff ! important;
}

.joysale-acc-icon-cnt > a
{
	float:right;
	padding:0 10px;
}

.joysale-acc-addr-heading
{
	font-size:20px;
	font-family:Campton_Light;
	color:#334a5d;
	padding-top:13px;
}

.joysale-acc-addr-txt
{
	font-size:14px;
	font-family:Campton_Light;
	color:#7e8c98;
	padding-top:10px;
	height:100px;
	overflow-y:auto;

}

.joysale-acc-noaddr-cont
{
	//display:none;
}

.address-active
{
	background: url("../images/address-active.png") no-repeat scroll center center;
    height: 37px;
    width: 36px;
	position:absolute;
	top:0;
	right:0;
	display:none;
}

.joysale-acc-addr-cnt:active > .address-active
{
	display:block;
}

.joysale-acc-noaddr-txt
{
	float:left;
	width:100%;
	font-size:24px;
	color:##334a5d;
	text-align:center;
	padding-bottom: 20px;
    padding-top: 50px;
}

.joysale-acc-noaddr-btn-cnt
{
	float:left;
	width:100%;
	padding-bottom: 50px;
}

.joysale-acc-noaddr-btn
{
	float:none;
	text-align:center;
}

.joysale-acc-noaddr-btn > .joysale-acc-add-addr
{
	background-color:#2bc248;
	color:#ffffff;
}



.joysale-acc-phone
{
	color:#334a5d;
	font-size:16px;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
	padding:8px 0;
}

.joysale-acc-select-cnt
{
	float:none;
	text-align:center;
}

.joysale-acc-select
{
	margin:0 auto;
	width:70%;
}

.joysale-acc-btn
{
	background-color:#2bc248;
	color:#ffffff;
	font-size:16px;
	padding:8px 60px;
	border-radius:3px;
}

.joysale-acc-addr
{
	padding-bottom:12px;
}

.joysale-acc-btn-cnt
{
	padding-top:20px;
}
.joysale-acc-addr-container > .joysale-acc-addr-cont
{
	padding-left: 0px;
	padding-bottom: 15px;
}
.joysale-acc-addr-container > .joysale-acc-addr-cont:nth-child(4n-7)
{
	padding-left:0px;
}

.joysale-acc-addr-container > .joysale-acc-addr-cont:nth-child(4n)
{
	padding-right:0px;
}

.edit-profile-form .joysale-acc-addr-cont
{
	padding-left:0px;
}

.edit-profile-form .joysale-acc-addr-cont:last-child
{
	padding-right:15px;
}

.edit-profile-addr-cnt
{
	padding-top:20px;
}


.joysale-accordion-right-txt
{
	font-size:16px;
	color:#334a5d;
	padding-top:10px;
	padding-right:10px;
}

.joysale-accordion-fullwidth-head
{
	width:100%;
	float:left;
}

.joysale-acc-order-summary-pic-cnt
{
	padding-left:0px;
}

.joysale-acc-order-summary-pic
{
	background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover ;
    border-radius: 4px;
    height: 156px;
    margin: 0 auto;
    max-width: 100%;
}

.accordion-seller-txt
{
	color:#8b9baa;
	font-size:16px;
}

.joysale-acc-order-summary-txt
{
	float:left;
	padding-top:15px;
	color:#334a5d;
	font-size:16px;
	width:100%;
}

.joysale-acc-order-summary-info-cnt
{
	padding-right:0px;
	padding-left:5px;
}

.joysale-acc-order-name
{
	color:#334a5d;
	font-size:19px;
	padding-left:0;
}

.joysale-acc-order-rate
{
	font-size:16px;
	color:#334a5d;
}

.joysale-acc-order-del-time
{
	color:#2bc248;
}

.joysale-acc-order-qty-dd
{
	background-color:#ffffff;
	width:5%;
	border:none;
	padding:15px 30px;
	margin-top:10px;
	color:#334a5d;
}

.joysale-acc-order-shp-fee
{
	color:#334a5d;
}

.joysale-acc-order-shp-fee-cnt
{
	margin-top:10px;
	padding:10px 0;
	border-top:1px solid #e7edf2;
	color:#8b9baa;
	font-size:16px;
}

.joysale-acc-item-fee-txt
{
	color:#8b9baa;
}

.joysale-acc-order-btn-cnt
{
	border-top:1px solid #e7edf2;
	padding:20px 0 0 0;
	margin-top:15px;
}

.joysale-acc-delete-btn
{
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 60px;
	background-color:#e82e2e;
	margin-left:10px;
}

.joysale-acc-btn,.joysale-acc-delete-btn
{
	color:#ffffff ! important;
}

.joysale-acc-continue-btn
{
	color:#334a5d ! important;
	background-color:#f4f4f4 ! important;
}

.joysale-acc-order-btn,.joysale-acc-order-btn > a
{
	float:left;
}

.joysale-acc-tab-ul
{
	border:none;
}

.joysale-acc-tab-ul > li
{
	border:none ! important;
	float:left;
	border-radius:3px;
}

.joysale-acc-tab-ul > li > a
{
	border:none ! important;
	margin:0;
	background-color:transparent ! important;
	font-size:16px;
	color:#9eaebb;
	font-family:Campton_Medium;
}

.joysale-acc-tab-ul > li.active > a
{
	color:#334a5d;
}

.joysale-acc-tab-ul > li > a:hover
{
	color:#334a5d;
}

.joysale-acc-tab-ul > li.active,.joysale-acc-tab-ul > li.active {
  background: #ffffff ! important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,255,255,1)) ! important; /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,255,255,1)) ! important; /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,255,255,1)) ! important; /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1)) ! important; /*Standard*/
}

.joysale-acc-tab-ul > li.active > a,.joysale-acc-tab-ul > li.active > a
{
	background-color:transparent ! important;
}

.joysale-acc-payment-icon-cnt
{
	float:none;
	text-align:center;
	padding-top:10px;
}

.joysale-acc-payment-icon-cnt > img
{
	margin:0 auto;
}

.joysale-acc-payment-cnt
{
	padding-top:20px;
}

.joysale-acc-paypal-btn
{
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 20px;
	background-color:#00447b;
	margin-top:30px;
}

.joysale-acc-paypal-btn:hover
{
	color:#ffffff ! important;
}

.joysale-acc-payment-btn-cnt
{
	float:none;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}

.joysale-acc-order-qty > .select-box-down-arrow
{
	background-position:right 10px;
}

.joysale-acc-cdtcard-cnt
{
	background-color:#ffffff;
	border-radius:4px;
}

.joysale-acc-tab-pane-cnt
{
	padding-right:0;
}

.joysale-acc-pane-heading
{
	font-size:18px;
	color:#334a5d;
	width:100%;
	padding:15px 20px;
	font-family:Campton_Medium;
	float:left;
	border-bottom:1px solid #f4f4f4;
}

.joysale-acc-pane-content
{
	padding:20px;
	float:left;
	width:100%;
}

.joysale-acc-pane-content > .highlight
{
	background:transparent;
	border:none;
	color:#334a5d;
}

.joysale-acc-pane-content > .joysale-acc-pane-left-cnt > .joysale-acc-pane-radio-cnt > .radio-inline > label
{
	color:#334a5d;
	font-size:16px;
	font-family:Campton_Light;
	font-weight:normal ! important;

}

.joysale-acc-pane-content > .joysale-acc-pane-left-cnt > .joysale-acc-pane-radio-cnt > .radio-inline.highlight
{
	background:transparent;
	border:none;
	color:#334a5d;
}

.card-num
{
	border-top-right-radius:0px ! important;
	border-bottom-right-radius:0px ! important;
	border-right:none ! important;
}

.cvv-num
{
	border-top-left-radius:0px ! important;
	border-bottom-left-radius:0px ! important;
	padding-right:50px;
}

.cvv-num-div{
	background:url("../images/cvv-icon.png") no-repeat;
	height:33px;
	background-position: right 2px;
}

.sheild-icon
{
	background: rgba(0, 0, 0, 0) url("../images/sheild-icon.png") no-repeat scroll center center / cover ;
    height: 123px;
	width:93px;
    margin: 0 auto;
    max-width: 100%;
	margin-top:20px;
}

.sheild-icon-txt
{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#a5b0b8;
	padding-top:10px;
	font-family:Campton_Medium;
}

.joysale-acc-pane-radio-cnt
{
	padding-bottom:15px;
}

.joysale-acc-pane-btn
{
	padding-top:10px;
}

.joysale-acc-pane-btn > .joysale-acc-btn
{
	float:left;
}

.payment-dd-arrow{
	background:rgba(255, 255, 255, 1) url("../images/down-arrow.png") no-repeat;
	height:8px;
	background-position: right 14px;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:12px;
	padding-left:5px;
	width:70px;
	height:35px;
	-moz-appearance:none;
}

.joysale-acc-order-qty > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}


.joysale-accordion-title-sel
{
	width:54%;
}

.joysale-accordion-title-pay
{
	width:100%;
}

.joysale-acc-order-shp-fee-details
{
	width:auto;
}

.padding-top-10
{
	padding-top:10px;
}

/***********E O Checkout page style***************/
#sample-hover-status
{
	box-shadow:0 0 0 3px #2bc248 inset;
}

.shadowcls
{
	box-shadow:0 0 0 3px #2bc248 inset
}

.addressblock
{
	display: block;
}
/************************************************************320px to 767px******************************************************/
@media (min-width:320px) and (max-width:767px){
.joysale-footer-bottom{
	padding-left: 10px;
	padding-right:10px;
}
.joysale-login-user-nav > ul.navbar-nav {
    margin: 0px;
}
.banner-padding {
    padding-left: 0px;
    padding-right: 0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
}

/************************************************************320px to 480******************************************************/
@media (min-width:320px) and (max-width:480px){
.joysale-app-store {
    padding-right: 3px;
}
#googleMap{
	height:420px;
}
.nearmemodal-content {
  width: 300px;
  margin: 20 auto;

}
.map-input-box {
    padding-right: 15px;
}
.map-input-box {
    padding-right: 0px;
}
.map-input-box {
    width: 70%;
}
.map-select-box {
    width: 30%;
}
.location-button {
    padding-top: 20px;
	text-align: center;
}
.map-input-section {
    padding-left: 5px;
    padding-right: 5px;
}
.map-input-box {
    padding-left: 0px;
}

.map-close{
	display:block;
	background: #fff none repeat scroll 0 0 !important;
    font-family: Campton_Light;
    font-size: 3rem;
    margin-top: -45px !important;
    opacity: 2 !important;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;

}
.joysale-new-account-info {
    font-size: 1.5rem;
}
.joysale-app-links{
	padding-top:15px;
}
.joysale-new-account{
	padding-top:15px;
}
.joysale-footer-head {
    //padding-left: 10px;
	//padding-right:10px;

    padding: 40px 10px 30px;

}
.joysale-new-account a {
   float:left;
}

.joysale-footer-menu-links a {
    padding-bottom: 15px;
}
.joysale-footer-head {
    padding-bottom: 20px;
}


.facebook-login{
    padding-right: 5px;
}
.twitter-login {
    padding-right: 5px;
}

.login-modal-content {
    margin: 0px auto;
}
.signup-modal-content {
    margin: 0px auto;
}
.select-box-down-arrow{
	background-position: right 14px;
}

.nearmemodal-content
{
	height:450px;
}

}

/************************************************************320px to 640******************************************************/
@media (min-width:320px) and (max-width:640px){

.joysale-header-profile{
	display:none;
}
.joysale-header-message {
    padding-top:0px;
	padding-left: 3px;
    padding-right:3px;

}

.joysale-login-user-nav > ul.navbar-nav {
    float: right;
    padding-right:45px;
	margin:7.5px 0px !important;
}
.joysale-header-har-line {
    height: 25px;
}

.stuff-img-1 {
    margin-right: 5px;

}
.currency-select-box-row .form-control{
	border-radius:5px;
	margin-top:15px;
	margin-left: 0px;
}
.padding-left-none {
    padding-left: 10px !important;
}
.find-near-you.affix {
    width: 80%;
}

/*************************Add Product****************************/
.stuff-img-upload{
    margin-top:32px;
   // margin-left:8px;

}
.edit-btn {
    float: left;
}

/*******Search Result*******/
.search-result > div
{
	text-align:center;
}
/*******E O Search Result*******/
/*.joysale-footer-head {
    padding: 40px 10px 30px;
}
.joysale-footer-bottom{
	padding-left: 10px;
	padding-right:10px;
}*/


/******************* Product Page******************/

.mobile-product-slide
{
	display:block;
}

.non-mobile-product-slide
{
	display:none;
}

.product-thmb-slider
{
	display:none;
}

.mobile-product-slide > .carousel-control.left{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.mobile-product-slide > .carousel-control.right{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}


#prod-img-1{
	border-radius:5px;
}

#prod-img-1.product-image
{
	height:220px;
}

#thumbcarousel
{
	height:90px;
}

#thumbcarousel > .carousel-inner
{
	height:90px;
}

#prod-thmb-img-1.product-image
{
	height:80px;
}

.item.active > .thumb-cnt:first-child
{
	padding-left:5px;
}

.thumb-cnt
{
	 padding: 5px 2.5px;
}

.item.active > .thumb-cnt:last-child
{
	padding-right:5px;
}

.thmb-slider-bg-left
{
	margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.thmb-slider-bg-right
{
	 margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

#thumbcarousel > .carousel-inner > .item
{
	height:100px;
}

.thmb-slider-bg-left
{
	width:20px;
}

.thmb-slider-bg-right
{
	width:20px;
}

.thmb-slider-arrow-left
{
	left:5px;
}

.thmb-slider-arrow-right
{
	right:5px;
}

.tab-section-tabs > li.pull-right
{
	display:none;
}

.mobile-report-div
{
	display:block;
	width:100%;
	padding-top:15px;
}

.mob-report-text
{
	text-align:left;
}

.mob-report-text
{
	font-size:1em;
}

.product-page-right-top-container
{
	display:none;
}

.mobile-product-details
{
	display:block;
	padding-top:20px;
}

.mobile-product-details > .product-page-right-top-container
{
	display:block;
}


.like-counter
{
	text-align:center;
	padding-bottom:10px;
}

.days-reviews-counter > span
{
	padding:0 3px;
}


.used-status-row
{
	padding-top:15px;
}

.seller-joysale-detail
{
	padding-top:20px;
}

.product-location
{
	width:70%;
}

.seller-verified-icon
{
	left:60px;
}

.product-counter-container:first-child
{
	padding-left:5px;
}

.product-counter-container:last-child
{
	padding-right:5px;
}

.product-counter-container
{
	padding-bottom:5px;
}

.recently-viewed-container
{
	padding-top:20px;
	padding-bottom:0px;
}

.product-padding
{
	padding-bottom:10px;
}

.chat-with-seller-icon-container
{
	padding-right:10px;
}

.character-left
{
	width:100%;
	text-align:right;
	padding-top:0px;
	padding-right:0px;
	font-size:0.875em;
}

.form-group
{
	margin-bottom:10px;
}

.post-comment
{
	width:100%;
}

.post-comment > a
{
	width:100%;
}

.comment-section
{
	margin-top:25px;
	overflow:auto;
}


.product-page-right-top-container
{
	margin-top:0px;
}

.mob-report-text
{
	text-align:left;
}

.mob-report-text
{
	font-size:1em;
}

/******chat seller modals******/

.help-text
{
	padding-bottom:10px;
	padding-right:0px;
}

.success-modal
{
	min-height:240px;
}

/******E O Chat seller modals*****/

/******exchange modals*****/

.exchange-product
{
	height:120px;
}

.exchange-product-grid-container{
	height:300px;
	overflow-y:auto;
}

/******E O Exchange modals*****/

/*******************E O Product Page******************/


/********Messgae page**************/

.tab-content > .message-tab-content > .message-conversation-container > .conversation-prof-pic > .message-prof-pic
{
	width:40px;
	height:40px;
}

.conversation-bargain-container
{
	padding-left:0px;
	width:100%;
	padding-top:10px;
}

.conversation-rate-container
{
	width:100%;
}

.conversation-rate
{
	width:100%;
	text-align:center;
}

.message-conversation
{
	padding:10px;
}

.message-conversation-right-cnt > .message-conversation > .conversation-container > .conversation-bargain-container
{
	padding-top:0px;
}

.message-type-container > .chat-message-type > .form-group
{
	padding-right:0px;
}

.message-type-container > .chat-message-type > .message-send > a > .send-btn
{
	padding:10px 0;
}

.message-type-container > .chat-message-type > .message-send
{
	padding-top:10px;
}

.message-type-container > .typing-status
{
	padding-bottom:10px;
}

.message-floating-div-cnt
{
	right:0px;
	padding:0 5px;
	bottom:0;
}

.message-vertical-tab-section > .tab-content
{
	display:none;
}

.message-vertical-tab-container
{
	height:auto;
	overflow:hidden;
}

.message-user-info
{
	max-width:100%;
}

.message-vertical-tab-section > .tab-content > .message-tab-content > .message-cnt > .message-conversation-container > .conversation-prof-pic
{
	display:none;
}

/********E O Messgae page**************/
.send-btn > span
{
 display:block;
}
.message-type-container .chat-message-type .message-send a .send-btn
{
	padding:10px 0 !important;
}
.send-btn > img
{
 display:none;
}


/***** Profile page*******/
.profile-vertical-tab-section > .tab-content
{
	padding-left:0;
	padding-right:0;
	padding-top:5px;
}

.add-phone > a {
    font-size: 1em;
}

.profile-email-txt > .verified-txt {
    font-size: 1em;
    padding-left: 5px;
}

.profile-email-txt > .change-txt > a {
    font-size: 1em;
}

.verify-via-sms-btn {
    padding-left: 0;
}

.profile-dropdown > .drop-down-div
{
	border:1px solid #eceff2;
	border-radius:4px;
}

.profile-mobile-details > .profile-input-fields > input
{
	border-radius:4px;
}

.followers-info-cnt {
    padding-left: 0px;
    text-align: center;
}

.promotions-prod-name-header
{
	margin-left:0px;
	padding-top:15px;
	text-align:center;
}
.profile-promote-modal
{
 margin-left:0 ! important;
 float:left;
}

.profile-promote-modal-box > .login-text-box > .post-list-content
{
 text-align:left;
}

.profile-promote-modal-header > button.login-close
{
 margin-top:-5px;
}
.vertical-divider
{
	display:none;
}

.paid-amt-cnt {
    padding-left: 0px;
	padding-top:10px;
}

.repromote-btn-cnt
{
	padding-top:10px;
}

.repromote-btn
{
	float:left ! important;
}

.exchange-rows > div > ul > li
{
	width:100%;
}

.exchange-rows > div > ul > li > a
{
	text-align:center;
}

.exchange-status
{
	width:100%;
	text-align:center;
}

.view-exchange
{
	width:100%;
	float:right ! important;
	text-align:center;
	padding-top:10px;
}

.exchange-arrow-cnt
{
	padding-top:20px;
}

.exchange-right-content
{
	padding-top:20px;
}

.exchange-initiate-date
{
	width:100%;
	text-align:center;
}

.exchange-btn-cnt
{
	width:100%;
	padding-top:10px;
	margin-left:21%;
	float:left ! important;
}

.exchange-detail-arrow-cnt
{
	padding-top:20px;
}

.exchange-history
{
	width:100%;
	float:left;
}

.exchange-name
{
	text-align:center;
}

.exchange-place
{
	text-align:center;
}

.exchange-history > a
{
	width:100%;
	text-align:center;
}

.exchange-message-header-txt-cnt
{
	float:left ! important;
}

.viewmore-arrow
{
    float: none;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
}

.notification-pro-pic-cnt
{
	width:35%;
}

.notification-prof-pic
{
	margin:0 auto;
}

.notification-message-cnt
{
	padding-left:0;
	width:65%;
	text-align:left;
	padding-top: 0px;
	padding-left:10px;
}

.notification-message
{
	font-size:1.125em;
}

.notification-date
{
	width:100%;
	padding-top:5px;
}

.change-pwd-btn
{
	width:auto;
}

.change-pwd-btn > a
{
    padding: 8px 10px;
}

.repromote-btn-mob-cnt
{
	padding-top:10px;
	display:block;
}

.repromote-btn-cnt
{
	display:none;
}
.stuff-img-upload{
	margin-top:32px;
	margin-left:8px;
}

.xs-margin-top-10
{
	margin-top:10px;
}

ul.yiiPager > li
{
	width:auto ! important;
	margin-top:10px;
}

ul.yiiPager > li > a
{
	float:left ! important;
}

ul.yiiPager
{
	padding-bottom: 10px ! important;
}
.previous{
	padding-left: 5px;
}
/******payment page*******/
/**checkout page**/

.joysale-acc-add-addr
{
	padding:8px 10px;
}

.joysale-acc-addr-cont
{
	padding:15px 0;
}

.joysale-accordion-title-txt
{
	font-size:16px;
}

.joysale-acc-order-summary-pic-cnt
{
	padding-right:0;
}

.joysale-accordion-right-txt
{
	font-size: 14px;
    padding-top: 12px;
}

.joysale-acc-order-rate
{
	padding-top:5px;
}

.joysale-acc-order-btn-cnt
{
	margin-top:5px;
}

.joysale-acc-order-rate > br,.joysale-acc-order-qty > br
{
	display:none;
}

.joysale-acc-order-btn
{
	width:100%;
}

.joysale-acc-order-btn > .joysale-acc-btn,.joysale-acc-order-btn > .joysale-acc-delete-btn
{
	width:48%;
	text-align:center;
	padding:8px 0;
}

.joysale-acc-order-qty > .select-box-down-arrow
{
	background-position:right 10px;
}

.joysale-acc-order-qty
{
	padding-top:5px;
}

.joysale-acc-order-summary-info-cnt
{
	padding-top:10px;
}

.card-num
{
	border-top-right-radius:5px ! important;
	border-bottom-right-radius:5px ! important;
	border-right:1px solid #e7edf2 ! important;
	margin-bottom:15px;
}

.cvv-num-div
{
	border-top-left-radius:5px ! important;
	border-bottom-left-radius:5px ! important;
}

.joysale-acc-pane-right-cnt
{
	display:none;
}

.joysale-acc-pane-btn > .joysale-acc-btn
{
	width:100%;
	text-align:center;
}

.joysale-acc-payment-cnt > .joysale-acc-tab-ul
{
	padding-right:0px;
}

.joysale-acc-payment-cnt > .joysale-acc-tab-pane-cnt
{
	padding-left:0px;
	margin-top:10px;
}

.joysale-acc-pane-radio-cnt > .radio-inline
{
	margin-right:10px ! important;
	margin-left:0px ! important;
}

.joysale-accordion-title-sel
{
	width:57%;
}
.address-box-cont{
	padding-left:0px;
}

.joysale-acc-order-shp-fee-details
{
	width:inherit;
}

.edit-profile-form .joysale-acc-addr-cont:last-child
{
	padding-right:0px;
}

.xs-text-center
{
	text-align:center;
}

.xs-paddingtop-10
{
	padding-top:10px;
}

.xs-floatnone
{
	float:none ! important;
}

.xs-automargin
{
	margin:0 auto;
}

.xs-margintop-10
{
	margin-top:10px;
}

.xs-width-100-a
{
	width:100%;
}

.xs-margin-0
{
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}

.joysale-acc-order-summary-txt
{
	padding-top:0px;
}

.message-cnt ol,.message-cnt ol li
{
	float:left;
	width:100%;
}

.message-cnt ol
{
	padding-left:0px;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt
{
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation
{
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container
{
	float:left;
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-product-pic-container,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-product-pic-container
{
	margin-left:0;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container
{
	padding-left:5px;
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate
{
	width:auto;
}
.language{
	padding-right: 15px;
}
}

/************************************************************360px to 640******************************************************/
@media (min-width:360px) and (max-width:640px){


.login-modal-content {
    margin: 0px auto;
}
.signup-modal-content {
    margin: 0px auto;
}
.nearmemodal-content {
    width: 340px;
}


.map-select-box select {
    padding-left: 10px;

}
.select-box-down-arrow{
	background-position: right 14px;
}
.stuff-img-1 {
	margin-right: 10px;
	width:140px;
}
.map-input-box {
    padding-right: 15px;
}
.map-input-box {
    padding-right: 0px;
}
.map-input-box {
    width: 70%;
}
.map-select-box {
    width: 30%;
}
.location-button {
    padding-top: 20px;
	text-align: center;
}
.map-input-section {
    padding-left: 5px;
    padding-right: 5px;
}
.map-input-box {
    padding-left: 0px;
}

.map-close{
	display:block;
	background: #fff none repeat scroll 0 0 !important;
    font-family: Campton_Light;
    font-size: 3rem;
    margin-top: -45px !important;
    opacity: 2 !important;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;

}
div.form .errorMessage {
    color: red;
    font-size: 0.9em;
}

}
/************************************************************768px to 1023******************************************************/

@media (min-width:768px) and (max-width:1023px){

#wrapper.toggled #sidebar-wrapper {
    width: 320px;
}

.location-button {
    padding-left: 15px;
    padding-top: 20px;
}

.map-input-section {
    padding-left: 20px;
    padding-right: 20px;
}
.map-input-box {
    padding-left: 0px;
}
.joysale-new-account{
	padding-top:20px;
}
.joysale-footer-head {
    padding-left: 10px;
	padding-right:10px;
}
.joysale-footer-bottom{
	padding-left: 10px;
	padding-right:10px;
}
.joysale-footer-head {
    padding-bottom: 20px;
}

.joysale-header-stuff{
	display:block;
}
.joysale-user-nav {
	display:block;
	float: left;
}

#sidebar-wrapper .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.select-box-down-arrow{
	background-position:right 14px;
}
.find-near-you.affix {
    width: 80%;
}


/*******************Product Page******************/

.post-comment
{
	width:auto;
}

.character-left
{
	width:75%;
}

.product-page-right-top-container
{
	display:none;
}

.mobile-product-details
{
	display:block;
}

.mobile-product-details > .product-page-right-top-container
{
	display:block;
}

.location-grey, .shipping-icon
{
	margin-left:0px;
}

.chat-with-seller-icon-container
{
	padding-right:0px;
}

.chat-with-seller-text
{
	padding-left:14px;
}

.recently-viewed-container
{
	padding-top:20px;
}

.product-padding
{
	padding-bottom:15px;
}

.recently-viewed-container
{
	padding-bottom:5px;
}

.product-left-container
{
	padding-bottom:20px;
}

.popular-product-container
{
	padding-bottom:20px;
}

.days-reviews-counter > span
{
	padding:0 3px;
}

/*******************E O Product Page******************/

/*************************Add Product*****************************/
.edit-btn {
    float: left;
}
div.form .errorMessage {
    color: red;
    font-size: 0.9em;
}

/************message page************/

.message-vertical-tab-container > li > a
{
	padding:10px;
}

.message-vertical-tab-container > li > a > .message-details
{
	padding-left:0px;
	width:100%;
}

.message-vertical-tab-container > li > a > .message-details > .message-prof-name
{
	width:100%;
	text-align:center;
}

.message-vertical-tab-container > li > a > .message-details > .short-message
{
	padding-top:2px;
	text-align:center;
}

.message-vertical-tab-container > li > a > .message-details > .message-time
{
	text-align:center;
}

.conversation-bargain-container
{
	width:77%;
	padding-left:0px;
}

.message-floating-div-cnt > .floating-div > .message-icon > .message-user-prof-pic
{
	width:40px;
	height:40px;
}

.message-user-info-cnt
{
	padding-left:5px;
	padding-top:5px;
}

.message-user-info
{
	width:100%;
}

.user-conv
{
	padding-right:15px;
}
.report-text
{
	color:#8b9baa;
	font-size:0.75em;
	padding-left:10px;
}
.mob-report-text
{
	color:#8b9baa;
	font-size:0.75em;
	padding-left:10px;
}
/************E O message page************/



}

/************************************************************1024px to 1199******************************************************/

@media (min-width:1024px) and (max-width:1199px)
{
.joysale-search-icon{
	background:url("../images/design/search.png") no-repeat 200px 12px;

}
.map-input-section {
    padding-right: 20px;
}
		.location-button {
	    padding-left: 15px;
	    padding-top: 20px;
	}
@media (min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

	.follower-name
	{
		text-align:left ! important;
	}

}

.categories > .grid > .categories-filter-list > .checkbox > label
{
	width:100%;
}
.find-near-you.affix {
	width: 80%;
}


/******************product page*****************/

.product-location-content
{
	margin:auto;
}

.product-location
{
	width:90%;
}
.shipping-cost
{
	width:89%;
}

.used-status-row
{
	padding-top:15px;
}

.character-left
{
	width:75%;
}

/******************E O Product page*****************/


/********Message page********/

.message-vertical-tab-section > .message-vertical-tab-container > li > a > .message-details
{
	padding-left:15px;
}

.message-vertical-tab-container
{
	height:500px;
}

.message-cnt
{
	height:372px;
}

.message-user-info
{
	width:100%;
}

.user-conv
{
	padding-right:15px;
}


/*********E O Message page*******/

}
/************************************************************E O 1024px to 1199******************************************************/


/************************************************************361px to 400******************************************************/
@media(min-width:361px) and (max-width:400px){

.message-icon
{
 width:30%;
}

.message-details
{
 width:70%;
 padding-left:0px;
}

}


/************************************************************401px to 480******************************************************/
@media(min-width:400px) and (max-width:480px){

.message-icon
{
 width:25%;
}

.message-details
{
 width:75%;
 padding-left:0px;
}

}


/************************************************************481px to 560******************************************************/
@media(min-width:481px) and (max-width:560px){

.message-icon
{
 width:20%;
}

.message-details
{
 width:80%;
 padding-left:0px;
}

}

/************************************************************561px to 640******************************************************/
@media(min-width:561px) and (max-width:640px){

.message-icon
{
 width:18%;
}

.message-details
{
 width:82%;
 padding-left:0px;
}

}

/************************************************************641px to 767******************************************************/
@media(min-width:641px) and (max-width:767px){

.message-icon
{
 width:15%;
}

.message-details
{
 width:85%;
 padding-left:0px;
}
 .send-btn > span
{
 display:block;
}

.send-btn > img
{
 display:none;
}
.language{
	padding-right: 15px;
}

.nearmemodal-content
	{
		width:500px;
		height:520px;
	}

}




/***********edited css by developers**********/

.profile-tab-content.empty-tap {
    max-height: 100% !important;
}
.empty-tap {
    max-height: 505px !important;
    min-height: 500px !important;
}
.exchange-btn,.btn-chat-with-seller {
    cursor: pointer;
}
a.loadmorenow.load {
    display: block;
    text-align: center;
}
.abs-sold-out{
	position: absolute;
}
.unfollow-btn {
    cursor: pointer;
}
a.loadmorenow input:focus {
	outline: none;
}
.profile-listing-opacity-bg {
    position: absolute;
    display: none;
}
    .profile-listing-btn-cnt{
    	display: none;
}
.imghoverproductlist:hover > .profile-listing-opacity-bg, .imghoverproductlist:hover > .product_view .profile-listing-btn-cnt {
    display: block !important;
}
.imghoverproductlist {
    height: 100%;
}

a.loadmorenow input {
    display: block;
    margin: 0 auto;
    background: transparent;
    border: 0;
    padding-top: 5px;
    margin-top: -33px;
    padding-top: 40px;
	color: #91a7b9;
}
.login-box input{
		background-color: #fff;
	    border: medium none;
	    border-radius: 5px;
	    color: #8b9baa !important;
		border: 1px solid #e2e2e2;
	    height: 40px;
	    padding-left: 15px;
	    width: 100%;
		margin-bottom:10px;
	}
.joysale-menu li.dropdown:first-child a {
    margin-left: 0;
}
.message-counter.message-hide {
	display: none;
}
.signup-box .login-btn {
	background-color: #2bc248;
    border-radius: 5px;
    height: 40px;
	float:left;
	padding: 10px 0;
	text-align:center;
	color:#fff !important;
}
.upload-btn.start-container{
	color: #fff;
	display: none;
}
.search-form .form-group {
    margin-bottom: 0 !important;
}
.forgot-content .forgot-box a.forgot-btn{
	color:#fff;
}
.joysale-search-bar-mobile input:hover{
	border:none;
}
.joysale-search-bar-mobile.form-group, .joysale-search-bar.form-group {
    margin-bottom: 0;
}
/*#sidebar-wrapper .joysale-for-sale {
    height: auto;
    //line-height: 15px !important;
    min-height: 50px;
}
.joysale-menu.affix{
	height: auto !important;
    min-height: 60px;
}*/
.affix > .container > .row > nav li.dropdown:first-child {
	padding-left: 200px;
}
.affix > .container > .row > nav li.dropdown:first-child .joysale-dropdown-submenu {
    margin-left: 200px;
}

.joysale-footer-menu-links li:first-child a {
    padding-left: 0;
}
.modal-dialog.nearmemodal-content{
	transform: translate3d(0px, 0px, 0px);
}
.joysale-search-icon.form-control::-webkit-input-placeholder {
	color:#6d8192 !important;
}
.joysale-search-icon.form-control::-moz-placeholder {
	color:#6d8192 !important;
}
.joysale-search-icon-mobile.form-control::-webkit-input-placeholder{
	color:#6d8192 !important;
}
.joysale-search-icon-mobile.form-control::-webkit-input-placeholder{
	color:#6d8192 !important;
}

.joysale-header-nav > ul.sticky-header-dropdown > li > a:hover
{
	background-color:#f5f5f5 !important;
}
.joysale-header {
    background-color: #334a5d !important;
    border-radius: 0 !important;
    height: 64px;
    position: fixed;
    width: 100%;
    z-index: 1002;
}
.sticky-header-dropdown {
	margin: 0;
}
.map-menu-fixed > div {
    left: 0;
   /* margin-left: 8%;
    margin-right: 8%;*/
    position: fixed;
    top: 104px;
   /* width: 84%;*/
    z-index: 1;
}

.map-menu-fixed > div > .dropdown-near-you
{
	margin:5px auto 0;
}
.map-menu-fixed {
    height: 36px;
}
@media (min-width:320px) and (max-width:1023px){
	.app-responsive-adjust{
		height: 64px;
	}
}
.login-box .login-btn{
	margin: 0;
}
/*************category page***************/
.categories > .grid > .categories-list > ul > li a.active {
	color:#2bc248 !important;
}
/*.categories-list {
    height: 180px;
    overflow: auto;
}*/
/**********Add product page*****************************/
.stuff-post .post-btn {
    background-color: #2bc248;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
	margin-top:15px;
	margin-bottom:0px;
	color:#fff;
	border: none;
}
#products-form label {
    font-size: 1em;
    font-weight: normal !important;
}
.stuff-post .post-btn:hover {
    color:#fff;
    background-color: #2bc248;
	border: none;
}
.stuff-post .post-btn:active, .stuff-post .post-btn:focus, .stuff-post .post-btn:visited {
    color:#fff !important;
    background-color: #2bc248;
	border: none;
}
.margin-left-0{
	margin-left: 0;
}
.preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}
.preview img {
    height: 100%;
    width: 100%;
}
.cancel {
    opacity: 0.86;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 3;
}
.stuff-img .delete {
    position: absolute;
    right: 0;
    z-index: 3;
}
.sold-btn, .delete-btn, .post-btn {
	color: #fff;
}
.stuff-post .btn-warning {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-top: 15px;
    padding: 10px 25px;
    text-align: center;
}
.currency-select-box-row .form-control{
	margin-bottom:7px !important;
}
.location-error{
	display: none;
	color: #4d0000;
}
.add-photos .form-group.group-form-container {
    margin-bottom: 0;
}
.Category-price-box-row .Category-input-box-row {
    padding-bottom: 0;
}
.Category-input-box-row.location-container {
    padding-bottom: 0;
}
.row.fileupload-buttonbar {
    margin: 0 !important;
}
.post-btn {
    letter-spacing: normal;
}
div.form.product-form-container .row {
    margin: 5px -15px;
}
.errorMessage {
    float: left;
    width: 100%;
    color:red;
}
.instant-buy-details{
	display: none;
}
/*************************Message Page********************************/
.message-type-container .chat-message-type .message-send a .send-btn
{
	padding:23px 0;
}
.message-type-container .chat-message-type .form-group textarea
{
	height:70px;
	font-size:1em;
}

.message-type-container .chat-message-type .form-group
{
	padding-right:10px;
	margin-bottom:0px;
}
.chat-message-type .comment-text-area {
    width: 100%;
}
.message-cnt ol {
	list-style: none;
}
.message-vertical-tab-section .tab-content
{
	padding-bottom:34px;
}
.typing-status {
	opacity: 0;
}

/**************************Profile Page**************************/

.profile-vertical-tab-section
{
	padding-bottom:35px;
}
.prof-pic-container {
    text-align: center;
}
.profile-vertical-tab-container
{
	background-color:#ffffff;
	border-radius:4px;
	padding-left:0px;
	padding-right:0px;
}

ul.profile-vertical-tab-container
{
	border:none;
}
.profile-vertical-tab-container > li
{
	border-top:1px solid #f4f4f4;
}

.profile-vertical-tab-container > li:first-child
{
	border:none;
}

.profile-vertical-tab-container > li.active > a, .profile-vertical-tab-container > li.active > a:hover, .profile-vertical-tab-container > li.active > a:focus
{
    cursor: default;
	border:none;
	float:left;
	width:100%;
	color:#2bc248 ! important;
	font-family:Campton_Medium;
	background-color:#fbfbfb;
	word-wrap:break-word;
}

.profile-vertical-tab-container > li.active > a > span.ad-label, .profile-vertical-tab-container > li.active > a:hover > span.ad-label, .profile-vertical-tab-container > li.active > a:focus > span.ad-label
{
	font-family:Campton_Light;
}

.profile-vertical-tab-container > li.active
{
	padding-right:0px;
}

.profile-vertical-tab-container > li:first-child.active
{
	padding-top:5px;
	padding-right:5px;
	padding-bottom:0px;
}

/*.profile-vertical-tab-container > li:last-child.active
{
	padding-bottom:5px;
	padding-right:5px;
	padding-top:0px;
}*/

.profile-vertical-tab-container > li.active > a
{
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
}


.camera-edit-icon
{
	background:url("../images/camera-edit-icon.png") no-repeat;
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:absolute;
	right:-15px;
	bottom:15px;
}

.profile-vertical-tab-container > li > a
{
	margin-right:0;
	border-radius:0px;
	float:left;
	width:100%;
	border:none;
	color:#334a5d;
	font-size:1.125em;
}

.profile-vertical-tab-container > li > a:hover
{
	border-bottom:none;
	color:#2bc248;
}

.ad-label
{
	background-color:#2bc248;
	color:#ffffff;
	padding: 3px 5px 0;
	font-size:0.875em;
	border-radius:3px;
}

.profile-page-profile-icon
{
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-radius:50%;
	margin:0 auto;
	position:relative;
}

.profile-icon-cnt
{
	padding-top:20px;
}

.profile-page-profile-icon > a
{
	position:absolute;
	width:100%;
	height:100%;
}

.camera-edit-icon > a
{
	position:absolute;
	width:100%;
	height:100%;
}

.profile-vertical-tab-section > .tab-content
{
	padding-left:10px;
	padding-right:0px;
}

.profile-details
{
	padding-top:15px;
	padding-bottom:15px;
}

.profile-user-name
{
	font-size:1.5em;
	color:#334a5d;
	overflow: hidden;
    padding: 0 15px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-country-name
{
	color:#2bc248;
	font-size:0.875em;
	text-align:center;
}

.profile-tab-content-heading
{
	color:#334a5d;
	font-family:Campton_Medium;
	font-size:1.125em;
	float:left;
	padding:15px;
	border-bottom:1px solid #f4f4f4;
}

.change-pwd-btn > a, .change-pwd-btn > a:active, .change-pwd-btn > a:focus
{
	background-color:#2bc248;
	float:left;
	color:#ffffff ! important;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	border-radius:4px;
	font-family:Campton_Light;
}

.profile-tab-content-heading > .change-pwd-btn > a, .profile-tab-content-heading > .change-pwd-btn > a:active, .profile-tab-content-heading > .change-pwd-btn > a:focus
{
	font-size:0.875em;
}

.profile-tab-content#edit-prof > .profile-tab-content-heading
{
	border:none;
	padding-bottom:0;
}

.edit-profile-form
{
	padding:0px 15px 15px 15px;
}

.profile-text-label
{
	color:#334a5d;
	font-size:1em;
	padding-top:10px;
}

.profile-label-verification
{
	color:#334a5d;
	font-size:1.125em;
	padding-top:15px;
	float:left;
}

.profile-label-verification > span
{
	float:left;
	padding-right:5px;
}

.question-circle
{
	background:url("../images/question.png") no-repeat;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
}

.mandotory-field
{
	color:#ff0000;
	padding-left:5px;
}

.profile-input-fields
{
	padding-top:10px;
}

.profile-input-fields > input
{
	border-radius:4px;
	width:100%;
	border:1px solid #e7edf2;
	padding:0px 12px;
	height:40px;
}

.profile-input-fields > input::-moz-placeholder
{
	color: #8b9baa;
    font-size: 1em;
}

.profile-email
{
	padding-top:30px;
	font-family:Campton_Medium;
}

.profile-email-txt
{
	font-size:0.9em;
	color:#5a7184;
}

.profile-email-txt-cnfm
{

	color:#5a7184;
}

.profile-mobile-details
{
	display:none;
}
.profile-promote-modal
{
 margin-left:0;
}

.profile-promote-modal > p.login-header-text
{
 padding-left:0;
}

.profile-promote-modal-header > button.login-close
{
 padding-right:0 ! important;
}

.address-action a{
	color: #5a7184;
}
.address-edit:hover {
    color: #2bc248 !important;
}
.address-delete:hover {
    color: #c22b3d;

}
.address-box-cont{
	padding-left:10px;
}
.address-box{
	height:auto;
	margin-top:15px;
	border-radius:4px;
	padding: 10px 15px 15px;
	background:#f4f4f4;
	min-height: 240px;
	position:relative;
}
.address-box span{
	word-wrap:break-word;
}
.address-box > .checkbox{
	position: absolute !important;
	bottom:10px !important;
}

.address-box > .checkbox label {
   padding-left: 0px;
}
.otp-modal-header
{
	padding:12px;
	padding-top:10px;
	border-bottom:1px solid #eceff2;
}

.otp-modal-content
{
	font-family:Campton_Medium;
	font-size:1em;
	color:#334a5d;
	padding-left:5px;
	padding-top:8px;
}

.otp-message
{
	color:#334a5c;
	font-size:0.875em;
}

.verify-otp-btn
{
	padding-top:10px;
}


.profile-dropdown
{
	padding-top:10px;
}

.profile-dropdown > .drop-down-div
{
	padding:12px;
	background-color:transparent;
	border:1px solid #e7edf2;
	color:#8b9baa;
	border-left:0px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.drop-down-div > .caret
{
	margin-top:8px;
}

.add-phone
{
	padding-top:10px;
}

.add-phone > a
{
	font-size:1.25em;
	color:#2bc248 ! important;
}


.profile-email-txt-cnfm > a
{
	color:#c22b3d;
}

.confirmation-input
{
	background-color:#f4f4f4;
}

.hor-line
{
	background-color:#f4f4f4;
	height:1px;
	float:left;
	margin-top:20px;
	margin-bottom:5px;
}

.joysale-caret
{
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px dashed;
}

.change-pwd-btn
{
	width:auto;
	min-width:80px;
}

.change-pwd-btn > a
{
	padding:9px 12px;
}

.profile-text-bold
{
	font-family:Campton_Medium;
}

.profile-tab-tick-icon
{
	background:url("../images/profile-tab-tick-icon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
	margin-top:3px;
}

.profile-tab-cancel-icon
{
	background:url("../images/profile-tab-cancel-icon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	float:left;
	margin-top:3px;
}

.profile-email-txt > .verified-txt
{
	color:#2bc248;
	font-size:1.25em;
	padding-left:15px;
	float:left;
}

.profile-email-txt > a
{
	color:#c22b3d;
}

.profile-email-txt > .change-txt > a
{
	color:#8b9baa;
	font-size:1.25em;
	padding-left:5px;
	float:left;
}

.prof-save-btn
{
	margin-top:15px;
}

.verify-via-sms-btn
{
	padding-top:12px;
	padding-left:12px;
}

.profile-tab-content
{
	background-color:#ffffff;
	border-radius:4px;
}

.profile-listing-product-cnt
{
	padding:15px;
}

.profile-listing-opacity-bg
{
	background-color:#000000;
	opacity:0.4;
	height:100%;
	border-radius:6px;
}

.profile-listing-btn-cnt > a.edit-listing-btn
{
	background:transparent;
	border:2px solid #ffffff;
	border-radius:4px;
	text-align:center;
	color:#ffffff ! important;
	line-height:34px;
	font-size:1em;
}

.profile-listing-btn-cnt > a.promote-btn
{
	background:#2bc248;
	border-radius:4px;
	text-align:center;
	color:#ffffff ! important;
	line-height:34px;
	font-size:1em;
	margin-top:10px;
}

.profile-listing-btn-cnt
{
	position:absolute !important;
}

.profile-listing-btn-cnt.single-btn
{
	top:42%;
}

.profile-listing-btn-cnt.double-btn
{
	top:28%;
}

.profile-listing-product > .image-container,.profile-listing-product > #prod-2.image-container,.profile-listing-product > #prod-3.image-container,.profile-listing-product > #prod-4.image-container,.profile-listing-product > #prod-5.image-container,.profile-listing-product > #prod-6.image-container
{
	border-radius:6px;
	border:none;
}

.profile-listing-product-hover
{
	height:100%;
}

.profile-listing-product-hover
{
	display:none;
}

.profile-listing-product > .image-container:hover > .profile-listing-product-hover,.profile-listing-product > .image-container:focus > .profile-listing-product-hover,.profile-listing-product > .image-container:active > .profile-listing-product-hover
{
	display:block;
}

.profile-listing-product
{
	padding-left:5px;
	padding-right:5px;
}

.profile-listing-product:nth-child(3n+1)
{
	/*padding-left:0px;*/
}

.profile-listing-product:nth-child(3n+3)
{
	/*padding-right:0px;*/
}

.profile-listing-product
{
	padding-top:10px;
}

.load-more-cnt
{
	padding-top:30px;
}

.load-more-icon
{

	background:url("../images/load-more.png") no-repeat;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
}

.notification-row:last-child {
    border-bottom: medium none;
}

.load-more-txt
{
	color:#91a7b9;
	font-size:1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:30px;
}

.recent-activities-tab
{
	padding:15px;
}
ul.recent-activities-tab
{
	border-bottom: 1px solid #f4f4f4;
}

.recent-activities-tab > li.active > a, .recent-activities-tab > li.active > a:hover, .recent-activities-tab > li.active > a:focus
{
	border:none;
	color:#ffffff ! important;
	background-color:#2bc248;
	padding:7px 12px ! important;
}

.recent-activities-tab > li > a:hover, .recent-activities-tab > li > a:focus
{
	border:none ! important;
	color:#627686;
	padding:7px 12px ! important;
}

.recent-activities-tab > li > a
{
	color:#627686;
	border:none;
	padding:7px 12px ! important;
	border-radius:4px;
	font-size:1.125em;
}

.recent-activities-tab-content > .tab-pane > .profile-listing-product-cnt > .profile-listing-product > a > .image-container
{
	border-radius:6px ! important;
	border:none ! important;
}

.recent-activities-tab-content > .load-more-cnt > a > .load-more-txt
{
	padding-bottom:40px;
}

.promotion-content > .load-more-cnt > a > .load-more-txt
{
	padding-bottom:40px;
}

.exchange-rows > .load-more-cnt > a > .load-more-txt
{
	padding-bottom:40px;
}

.profile-listing-product-cnt > .exchange-row:last-child
{
	margin-bottom:0px;
}

.profile-tab-content#notifications > .load-more-cnt > a > .load-more-txt
{
	padding-bottom:40px;
}

.followers-prof-pic-1
{
	background:url("../images/followers-prof-pic-1.png") no-repeat;
    width: 84px;
    height: 84px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
	position:relative;
}

.followers-prof-pic-1 > a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.followers-prof-pic-2
{
	background:url("../images/followers-prof-pic-2.png") no-repeat;
    width: 84px;
    height: 84px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
	position:relative;
}

.followers-prof-pic-2 > a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.followers-prof-pic-3
{
	background:url("../images/followers-prof-pic-3.png") no-repeat;
    width: 84px;
    height: 84px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
	position:relative;
}

.followers-prof-pic-3 > a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.followers-prof-pic-4
{
	background:url("../images/followers-prof-pic-4.png") no-repeat;
    width: 84px;
    height: 84px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
	position:relative;
}

.followers-prof-pic-4 > a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.followers-prof-pic-5
{
	background:url("../images/followers-prof-pic-5.png") no-repeat;
    width: 84px;
    height: 84px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
	position:relative;
}

.followers-prof-pic-5 > a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.followers-prof-pic-6
{
	background:url("../images/followers-prof-pic-6.png") no-repeat;
    width: 84px;
    height: 84px;
	border-radius:50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
	position:relative;
}

.followers-prof-pic-6 > a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.followers-cnt
{
	background-color:#f4f4f4;
	padding:12px;
	border-radius:4px;
}

.followers-info-cnt
{
	padding-left:10px;
}

.follower-name
{
	color:#334a5d;
	font-size:1.25em;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
	padding-bottom:5px;
}

.follower-place
{
	color:#627686;
	font-size:0.875;
	padding-bottom:8px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
}

.follow-btn
{
	background-color:#ffffff;
	border:1px solid #e7edf2;
	border-radius:4px;
	color:#515e6a;
	font-size:1em;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
}

.unfollow-btn
{
	background-color:#2bc248;
	border-radius:4px;
	color:#ffffff;
	font-size:1em;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}

.promotion-product > #prod-1.image-container,.promotion-product > #prod-2.image-container,.promotion-product > #prod-3.image-container,.promotion-product > #prod-4.image-container,.promotion-product > #prod-5.image-container,.promotion-product > #prod-6.image-container
{
	border-radius:6px;
	border:none;
}
.urgent-promote-error.delete-btn, .adds-promote-error.delete-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f00;
    display: none;
}
.promotion-product
{
	padding-left:5px;
	padding-right:5px;
}

.promotion-product:nth-child(4n+1)
{
	padding-left:0px;
}

.promotion-product:nth-child(4n+4)
{
	padding-right:0px;
}

.promotion-product
{
	padding-top:10px;
}

.recent-activities-tab-content > .tab-pane > .profile-listing-product-cnt > .promotion-product > a > .image-container
{
	border-top-left-radius:4px ! important;
	border-top-right-radius:4px ! important;
	border:none ! important;
	height:150px ! important;
}

.promotion-product-info-cnt
{
	background-color:#ffffff;
	border:1px solid #e7edf2;
	border-top:none;
	border-bottom-left-radius:4px ! important;
	border-bottom-right-radius:4px ! important;
	padding-top:15px;
	padding-bottom:15px;
}

.promotion-product-name
{
	color:#334a5d;
	font-size:1em;
	text-align:center;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
	padding: 0 10px;
}

.promotion-product-price
{
	color:#334a5d;
	font-size:1em;
	text-align:center;
}

.promotion-details
{
	display:none;
}

.promotions-details-row {
    background-color: #ffffff;
    border-radius: 4px;
}

.promotions-content-cnt {
    padding: 15px;
}

.promotion-detail-prod-pic {
    background: rgba(0, 0, 0, 0) url("../images/10.jpg") no-repeat scroll center center / cover ;
    border-radius: 4px;
    height: 285px;
    margin: 0 auto;
    max-width: 100%;
}

.promotions-details-content
{
	padding-top:10px;
}

.promotions-prod-name-header
{
	color:#334a5d;
	font-size:1.25em;
	text-align:left;
	margin-left:15px;
	padding-bottom:10px;
	border-bottom:1px solid #f4f4f4;
}

.promotions-type
{
	color:#b0bcc7;
	font-size:0.9em;
	text-transform:uppercase;
}

.promotions-type-txt
{
	color:#2bc248;
	font-size:1em;
}

.vertical-divider
{
	background-color:#f4f4f4;
	float:left;
	height:30px;
	width:1px;
}

.paid-amt-cnt
{
	padding-left:20px;
}

.paid-amt
{
	color:#b0bcc7;
	font-size:0.9em;
	text-transform:uppercase;
}

.paid-amt-txt
{
	color:#334a5d;
	font-size:1em;
}

.upto-cnt
{
	padding-top:10px;
}

.upto
{
	color:#b0bcc7;
	font-size:0.9em;
	text-transform:uppercase;
}

.upto-txt
{
	color:#334a5d;
	font-size:1em;
}

.repromote-btn
{
	background-color:#2bc248;
	padding:10px 15px;
	color:#ffffff ! important;
	border-radius:4px;
	font-size:1em;
	text-align:center;
	max-width: 100%;
}
.repromote-btn-mob-cnt
{
 display:none;
}
.transaction-cnt
{
	padding-top:10px;
}

.transaction-id
{
	color:#b0bcc7;
	font-size:0.9em;
	text-transform:uppercase;
}

.transaction-id-txt
{
	color:#334a5d;
	font-size:1em;
	text-transform:uppercase;
	word-wrap: break-word;
}

.status-cnt
{
	padding-top:10px;
}

.status
{
	color:#b0bcc7;
	font-size:0.9em;
	text-transform:uppercase;
}

.status-txt
{
	color:#ff0000;
	font-size:1em;
	text-transform:uppercase;
}

.exchange-row
{
	background-color:#f1f3f5;
	border-radius:4px;
	margin-bottom:15px;
}

.exchange-status-row
{
	padding:15px;
	border-bottom:1px solid #dce2e8;
}

.exchange-status
{
	color:#334a5d;
	font-size:1em;
	font-family:Campton_Medium;
	float:left;
}

.exchange-status > span.status-txt#status-accepted
{
	color:#2bc248;
	font-size:1em;
	font-family:Campton_Light;
}

.exchange-status > span.status-txt#status-pending
{
	color:#ff9000;
	font-size:1em;
	font-family:Campton_Light;
}



.view-exchange > a
{
	color:#334a5d;
	font-size:1em;
}

.exchange-prof-pic
{
	border-radius:50%;
	margin:0 auto;
}

#exchange-pic-1
{
	background:url("../images/3.jpg") no-repeat;
	width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#exchange-pic-2
{
	background:url("../images/6.jpg") no-repeat;
	width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#exchange-pic-3
{
	background:url("../images/9.jpg") no-repeat;
	width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#exchange-pic-4
{
	background:url("../images/1.jpg") no-repeat;
	width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.exchange-content-cnt
{
	padding:15px;
}

.exchange-prof-name
{
	color:#334a5d;
	font-size:1em;
	text-align:center;
	padding-top:10px;
	word-wrap:break-word;
}

.exchange-name
{
	color:#334a5d;
	font-size:1.125em;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
	padding-top:20px;
	padding-bottom:5px;
}

.exchange-place
{
	color:#8b9baa;
	font-size:1em;
	padding-top:5px;
	word-wrap: break-word;
}

.exchange-arrow
{
	background:url("../images/exchange-arrow.png") no-repeat;
    width: 34px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
}

.exchange-arrow-cnt
{
	padding-top:50px;
}

.exchange-info
{
	padding:1px;
	border-radius:4px;
	background-color:#e8ecf0;
	padding:18px 15px;
}

.exchange-initiate-date
{
	font-size:0.875em;
	color:#334a5d;
	float:left;
	padding-top:5px;
}

.exchange-btn
{
	padding:5px 10px;
	color:#ffffff ! important;
	border-radius:4px;
	float:left;
	margin-left:5px;
	min-width:60px;
	text-align:center;
}

.exchange-btn:active, .exchange-btn:focus
{
	color:#ffffff ! important;
}

.exchange-info > .exchange-btn-cnt > .exchange-btn:first-child
{
	margin-left:0px;
}

.exchange-details-info
{
	padding:1px;
	background-color:#ffffff;
	padding:18px 0 15px;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
}

.exchange-details-info > .exchange-btn-cnt > .exchange-btn:first-child
{
	margin-left:0px;
}

.exchange-back-link > a
{
	color:#8b9baa;
	font-size:1em;
	font-family:Campton_Light;
	text-align:right;
	width:100%;
	float:left;
}

.exchange-prod-name
{
	color:#334a5d;
	font-size:1.125em;
	text-align:center;
	padding-top:10px;
	word-wrap:break-word;
}

.exchange-indivi
{
	display:none;
}

#exc-success
{
	background-color:#2bc248;
}

.exc-success
{
	background-color:#2bc248;
}

#exc-failed
{
	background-color:#ff0000;
}

#exc-accept
{
	background-color:#334a5d;
}

#exc-pending
{
	background-color:#ff9000;
}

.exchange-detail-prof-pic
{
	background:url("../images/12.jpg") no-repeat;
    max-width: 100%;
    height: 285px;
	border-radius:4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
}

.exchange-detail-arrow-cnt
{
	padding-top:130px;
}

.exchange-details-row
{
    background-color: #ffffff;
    border-radius: 4px;
}

.exchange-history > a
{
	font-size:0.875em;
	color:#334a5d;
	float:left;
	padding-top:5px;
}

.exchange-history > a > img
{
	margin-right:10px;
}

.exchange-message-conversation {
    background-color: #ffffff;
    border-radius: 0 4px 4px;
    margin-left: 11px;
    max-width: 100%;
    padding: 15px;
    position: relative;
	border:1px solid #e5e9ed;
	width:auto;
}

.exchange-arrow-left {
    background: rgba(0, 0, 0, 0) url("../images/left-chat-arrow.png") no-repeat scroll center center / cover ;
    height: 14px;
    position: absolute;
    left: 1px;
    width: 11px;
    z-index: 553;
}

.exchange-message-conversation > .conversation-bargain-container
{
	padding-left:0;
	width:100%;
}

.exchange-message-conversation > .conversation-bargain-container > .conversation-text
{
	width:100%;
}

.exchange-message-cnt
{
	background-color:#f1f3f5;
	padding:15px;
}

.exchange-comment-area
{
	background-color:#ffffff ! important;
}

.exchange-comment-conversation
{
	position:absolute;
	bottom:0;
}

.exchange-message-header
{
	padding:15px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-color:#f1f3f5;
	border-bottom:1px solid #dce2e8;
	margin-top:15px;
}

.exchange-message-header-txt-cnt
{
	color:#334a5d;
	font-family:Campton_Medium;
	font-size:1.125em;
}

.exchange-message-header-txt-cnt > img
{
	margin-right:10px;
}

.exchange-history-list-left
{
	color:#334a5d;
	font-size:1em;
	float:left;
}

.exchange-history-list-left > a
{
	color:#4bcc29 ! important;
	font-size:1em;
}

.exchange-history-list-left > a.cancel
{
	color:#ff0000 ! important;
	font-size:1em;
}

.exchange-history-load-more
{
	text-align:center;
	color:#8b9baa;
}

.exchange-history-list-right
{
	color:#8b9baa;
	font-size:0.875em;
	text-align:right;
	float:left;
}

.exchange-history-li
{
	padding-bottom:10px;
	border-bottom:1px solid #f4f4f4;
	margin-bottom:10px;
}

.exchange-history-li:last-child
{
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:0px;
}

.viewmore-arrow
{
	float: right;
    padding-left: 3px;
    padding-top: 1px;
}

.notification-cnt
{
	padding:15px;
	float:left;
}

.notification-row
{
	padding:15px;
	border-bottom:1px solid #f4f4f4;
}

.notification-pro-pic-cnt
{
	float:left;
	width:10%;
}

.notification-prof-pic
{
    width: 75px;
    height: 75px;
	border-radius:50%;
}

#notif-prof-1
{
	background:url("../images/prof-pic-3.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#notif-prof-2
{
	background:url("../images/prof-pic-1.jpg") no-repeat;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#notif-prof-3
{
	background:url("../images/prof-pic-2.jpg") no-repeat;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#notif-prof-4
{
	background:url("../images/prof-pic-4.jpg") no-repeat;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#notif-prof-5
{
	background:url("../images/prof-pic-5.jpg") no-repeat;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.notification-message
{
	font-size:1.25em;
	color:#8b9baa;
	word-wrap:break-word;
}

.notification-message > a
{
	color:#2bc248;
}

.notification-message > a.notification-product-name
{
	color:#334a5d;
}

.notification-date
{
	font-size:1em;
	color:#8b9baa;
	word-wrap:break-word;
}

.notification-message-cnt
{
	float:left;
	width:90%;
	padding-left:15px;
	padding-top:15px;
}

.forgot-password-cnt
{
	padding:0 15px 15px;
	display:none;
}

.profile-tab-heading-btn > .btn-chat-with-seller
{
	float:left;
	width:auto;
	padding:5px 10px;
	margin:0;
}

.profile-tab-heading-btn > .btn-chat-with-seller > .chat-with-seller-text
{
	font-family:Campton_Light;
}

.joysale-acc-addr-txt > span
{
	width:100%;
	float:left;
	text-align:left;
	word-wrap:break-word;
}

.edit-profile-addr-cnt .joysale-acc-addr-cnt
{
	background-color:#fbfbfb;
}

.edit-profile-addr-cnt .joysale-acc-addr-cnt:hover,.edit-profile-addr-cnt .joysale-acc-addr-cnt:active
{
	background:#ffffff;
}

.print-icon
{
	padding-right:15px;
}

.print-txt
{
	color:#8ea1b2;
}

.profile-page-dev .nav-tabs > li.active > a,.profile-page-dev .nav-tabs > li.active > a:hover, .profile-page-dev .nav-tabs > li.active > a:focus{
	border: 0 !important;
}

@media (max-width: 640px) and (min-width: 320px){
.exchange-name {
    text-align: center;
}
.exchange-place {
    text-align: center;
}
}

@media(min-width:1024px) and (max-width:1199px){
/*********profile page**********/

.change-pwd-btn
{
	width:auto;
}

.change-pwd-btn > a
{
	padding:10px 15px;
}

.exchange-prof-pic
{
	height:100px;
	width:100px;
}

.exchange-name
{
	padding-top:10px;
}

.profile-promote-modal
{
 margin-left:0;
}

.profile-promote-modal > p.login-header-text
{
 padding-left:0;
}

.profile-promote-modal-header > button.login-close
{
 padding-right:0 ! important;
}

#page-content-wrapper
{
	padding:0px;
}

}

/****************profile page***********/

@media(min-width:768px) and (max-width:1023px){
.profile-listing-product:nth-child(3n+1) {
    padding-left: 10px;
}

.change-pwd-btn
{
	width:auto;
}

.change-pwd-btn > a
{
	padding:10px 15px;
}

.verify-via-sms-btn {
    padding-left: 0;
}

.profile-dropdown > .drop-down-div
{
	border:1px solid #eceff2;
	border-radius:4px;
}

.profile-mobile-details > .profile-input-fields > input
{
	border-radius:4px;
}

.promotion-product:nth-child(4n+1) {
    padding-left: 5px;
}

.promotion-product:nth-child(4n+4) {
    padding-right: 5px;
}

.profile-listing-product:nth-child(3n+1) {
    padding-left: 5px;
}

.profile-listing-product:nth-child(3n+3) {
    padding-right: 5px;
}

.promotions-prod-name-header
{
	margin-left:0;
	padding-top:10px;
	text-align:center;
	word-wrap: break-word;
}

.promotions-details-content
{
	padding-left:0;
}

.vertical-divider
{
	display:none;
}

.paid-amt-cnt
{
	padding-top:10px;
	padding-left:0px;
}

.repromote-btn-cnt
{
	padding-top:10px;
	display:block;
}

.repromote-btn-mob-cnt
{
	display:none;
}

.exchange-arrow-cnt {
    padding-top: 20px;
}

.exchange-right-content
{
	padding-top:20px;
}

.exchange-rows > div > ul > li
{
	width:25%;
}

.exchange-rows > div > ul > li > a
{
	text-align:center;
}

.exchange-detail-arrow-cnt {
    padding-top: 20px;
}

.notification-pro-pic-cnt
{
	width:16%;
}

.notification-message-cnt
{
	width:84%;
}
.profile-promote-modal
{
 margin-left:0 ! important;
}

.profile-promote-modal > p.login-header-text
{
 padding-left:0;
}

.profile-promote-modal-header > button.login-close
{
 padding-right:0 ! important;
}
.repromote-btn-mob-cnt
{
	padding-top:10px;
	display:block;
}

.repromote-btn-mob-cnt > a
{
	float:left ! important;
}

.repromote-btn-cnt
{
	display:none;
}

/*********** E O Profile page********/

}
/***** Profile page*******/

@media(min-width:320px) and (max-width:640px){
.profile-vertical-tab-section > .tab-content
{
	padding-left:0;
	padding-right:0;
	padding-top:5px;
}
.modal-big-width-dialog
{
    width:450px;
}


.add-phone > a {
    font-size: 1em;
}

.profile-email-txt > .verified-txt {
    font-size: 1em;
    padding-left: 5px;
}

.profile-email-txt > .change-txt > a {
    font-size: 1em;
}

.verify-via-sms-btn {
    padding-left: 0;
}

.profile-dropdown > .drop-down-div
{
	border:1px solid #eceff2;
	border-radius:4px;
}

.profile-mobile-details > .profile-input-fields > input
{
	border-radius:4px;
}

.followers-info-cnt {
    padding-left: 0px;
    text-align: center;
}

.promotions-prod-name-header
{
	margin-left:0px;
	padding-top:15px;
	text-align:center;
}
.profile-promote-modal
{
 margin-left:0 ! important;
 float:left;
}

.profile-promote-modal-box > .login-text-box > .post-list-content
{
 text-align:left;
}

.profile-promote-modal-header > button.login-close
{
 margin-top:-5px;
}
.vertical-divider
{
	display:none;
}

.paid-amt-cnt {
    padding-left: 0px;
	padding-top:10px;
}

.repromote-btn-cnt
{
	padding-top:10px;
}

.repromote-btn
{
	float:left ! important;
}

.exchange-rows > div > ul > li
{
	width:100%;
}

.exchange-rows > div > ul > li > a
{
	text-align:center;
}

.exchange-status
{
	width:100%;
	text-align:center;
}

.view-exchange
{
	width:100%;
	float:right ! important;
	text-align:center;
	padding-top:10px;
}

.exchange-arrow-cnt
{
	padding-top:20px;
}

.exchange-right-content
{
	padding-top:20px;
}

.exchange-initiate-date
{
	width:100%;
	text-align:center;
}

.exchange-btn-cnt
{
	width:100%;
	padding-top:10px;
	/*margin-left:21%;*/
	float:left ! important;
}

.exchange-detail-arrow-cnt
{
	padding-top:20px;
}

.exchange-history
{
	width:100%;
	float:left;
}

.exchange-name
{
	text-align:center;
}

.exchange-place
{
	text-align:center;
}

.exchange-history > a
{
	width:100%;
	text-align:center;
}

.exchange-message-header-txt-cnt
{
	float:left ! important;
}

.viewmore-arrow
{
    float: none;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
}

.notification-pro-pic-cnt
{
	width:35%;
}

.notification-prof-pic
{
	margin:0 auto;
}

.notification-message-cnt
{
	padding-left:0;
	width:65%;
	text-align:left;
	padding-top: 0px;
	padding-left:10px;
}

.notification-message
{
	font-size:1.125em;
}

.notification-date
{
	width:100%;
	padding-top:5px;
}

.change-pwd-btn
{
	width:auto;
}

.change-pwd-btn > a
{
    padding: 8px 10px;
}

.repromote-btn-mob-cnt
{
	padding-top:10px;
	display:block;
}

.repromote-btn-cnt
{
	display:none;
}


}
/* End of Profile page */

/***************Sale and order*******************/
.order-details {
    display: none;
}
.sale-details
{
	display: none;
}
.sale-cnt{
	padding-bottom:15px;
	padding-top:15px;
}
.order-placed{
	padding-left:8px;
	font-family: Campton_Medium;
	line-height:22px;
}
.Order-total{
	line-height:29px;
}
.right-content{
	text-align:right;
}
.float-right{
	float:right !important;
}
.order-btn{
	padding:6px 20px !important;
	margin-top:15px;
	color:#ffffff ! important;
	border-radius:4px;
	float:left;
	margin-left:5px;
	min-width:140px;
	text-align:center;
}
.order-id-btn{
	border: 1px solid #334a5d;
	background:transparent;
	margin-top:15px;
	padding:5px 20px;
	color:#334a5d ! important;
	border-radius:4px;
	float:left;
	margin-left:5px;
	min-width:140px;
	text-align:center;
}
.order-detail-name-header
{
	color:#334a5d;
	font-size:1.25em;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;

}
.divider{
	background:#f4f4f4;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}
.divider-1{
	background:#334a5d;
	height:2px;
	float:left;
}
.sale-info
{
	padding:1px;
	border-radius:4px;
	background-color:#f1f3f5;
	margin-top:10px;
	padding:15px 15px;
}
.sale-initiate-date{
	line-height: 30px;
}
.margin-0{
	margin-left:0px!important;
}
/***************E O Sale and order*******************/

/* Pagination */
ul.yiiPager .selected a {
   background-color: #4CAF50;
   color: #fff !important;
   border: 1px solid #dce2e8;
}

.yiiPager{
    display: inline-block;
    padding-left:16px;
    padding-top:10px;
    padding-bottom:20px;
    margin: 0 auto;

}
.yiiPager li{
    float:left;
}

ul.yiiPager a:link, ul.yiiPager a:visited {
    border:1px solid #dce2e8;
    padding: 8px 16px;
    color:#334a5d;
    margin-left: -1px;
    text-decoration: none;
}
li.previous a{
    border-bottom-left-radius: 4px!important;
    border-top-left-radius: 4px!important;
}
li.next a{
    border-bottom-right-radius: 4px!important;
    border-top-right-radius: 4px!important;
}

.yiiPager .page > a {

    transition: background-color .3s;

}

li.previous a{
    border-bottom-left-radius: 4px!important;
    border-top-left-radius: 4px!important;
    background-color: #f1f3f5;
}

li.next a:hover{
    background-color: #f1f3f5;
}


/* end of Pagination */


/*****************Help Page************/

.help {
    word-wrap: break-word;
}
.help .nav {
    padding: 0px 8px !important;
}
.help > .nav-tabs > li.active > a,.help > .nav-tabs > li.active > a:hover, .help > .nav-tabs > li.active > a:focus {
    background-color:transparent;
    border-bottom: none;
	color: #515e6a;
	border:none;
	box-shadow:none;
	word-wrap: break-word;
}

.help > .nav-tabs > li > a, .help > .nav-tabs > li > a:hover, .help > .nav-tabs > li > a:focus {
    color: #515e6a;
	font-size: 1.5rem !important;

}
.help > .nav-tabs > li > a:focus {
    color: #2bc248 ! important;
	font-family:Campton_Medium;

}
.help > .nav-tabs > li > a:active {
    color: #2bc248 ! important;
	font-family:Campton_Medium;

}

.help > .nav > li > a {
    padding: 10px 0px;

}
.help ul {
   border:none;

}

.help > .nav-tabs > li > a  {
   border:none;

}
.help > .nav > li > a:hover {
    padding: 10px 0px;
	margin:0px;
}

.help > ul > li.active > a {
    color: #2bc248 ! important;
	font-family:Campton_Medium;
}

.help > .nav > li > a:active {
    padding: 10px 0px;

}

.help > .nav-tabs > li > a:hover {
    border: none;
	color: #515e6a;
}
.help-heading {
	padding-bottom: 10px;
    padding-top: 20px;
}
.help-heading h2 {
	font-size: 1.5rem !important;
}
.help > .tab-content h3{
	margin:0px;
	font-family: Campton_Medium;
    font-size: 1.5rem !important;
	color: #515e6a;

}
.help > .tab-content {
	padding-bottom:40px;
	padding-top:20px;
}
.help > .tab-content p{
	line-height:24px;
	color: #515e6a;
	padding-top:10px;
	font-size: 1.5rem !important;

}
/***added by designing team***/
.item-img img{
    background-position:center center;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
}

/***********edited css by developers**********/
/***********Review***************/
.review-content-description {
    word-break: break-word;
    word-wrap: break-word;
}
.action-star
{
	cursor: pointer;
}
#writebtn
{
	background-color: #2bc248;
}
/***********Review ends*****************/
div#page-content-wrapper {
    width: auto;
    right: 0;
}
.chat-seller-modal-content, #confirm-popup .login-modal-content {
    margin: 50px auto;
}
.profile-email-txt > a, .profile-email-txt > a:active, .profile-email-txt > a:focus, .profile-email-txt > a:hover, .profile-email-txt > a:visited, .profile-email-txt > a:link {
    color: #c22b3d !important;
}
.follower-place {
    opacity: 0;
    cursor: default;
}
.load-more-cnt {
    padding-top: 30px;
    padding-bottom: 30px;
}
.arrow-right{
	z-index: 8;
}
.profile-listing-product > .image-container{
	overflow: hidden;
}

.message-conversation-right-cnt > .message-conversation > .conversation-container > .conversation-bargain-container > .conversation-text{
	text-align: left;
}

.change-pwd-btn > input,.change-pwd-btn > input:hover, .change-pwd-btn > input:active, .change-pwd-btn > input:focus
{
	background-color:#2bc248;
	float:left;
	color:#ffffff ! important;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	border-radius:4px;
	font-family:Campton_Light;
	border: 0px;
}

.profile-page-update .form-control {
    border: 1px solid #ccc;
}
.login-box input{
		background-color: #fff;
	    border: medium none;
	    border-radius: 5px;
	    color: #8b9baa !important;
		border: 1px solid #e2e2e2;
	    height: 40px;
	    padding-left: 15px;
	    width: 100%;
		margin-bottom:10px;
	}
.joysale-menu li.dropdown:first-child a {
    margin-left: 0;
}
.message-counter.message-hide {
	display: none;
}
.signup-box .login-btn {
	background-color: #2bc248;
    border-radius: 5px;
    height: 40px;
	float:left;
	padding: 10px 0;
	text-align:center;
	color:#fff !important;
}
.search-form .form-group {
    margin-bottom: 0 !important;
}
.forgot-content .forgot-box a.forgot-btn{
	color:#fff;
}
.joysale-search-bar-mobile input:hover{
	border:none;
}
.joysale-search-bar-mobile.form-group, .joysale-search-bar.form-group {
    margin-bottom: 0;
}
/*#sidebar-wrapper .joysale-for-sale {
    height: auto;
    //line-height: 15px !important;
    min-height: 50px;
}
.joysale-menu.affix{
	height: auto !important;
    min-height: 60px;
}*/
.affix > .container > .row > nav li.dropdown:first-child {
	padding-left: 200px;
}
.affix > .container > .row > nav li.dropdown:first-child .joysale-dropdown-submenu {
    margin-left: 200px;
}

.joysale-footer-menu-links li:first-child a {
    padding-left: 0;
}
.modal-dialog.nearmemodal-content{
	transform: translate3d(0px, 0px, 0px);
}
.joysale-search-icon.form-control::-webkit-input-placeholder {
	color:#6d8192 !important;
}
.joysale-search-icon.form-control::-moz-placeholder {
	color:#6d8192 !important;
}
.joysale-search-icon-mobile.form-control::-webkit-input-placeholder{
	color:#6d8192 !important;
}
.joysale-search-icon-mobile.form-control::-webkit-input-placeholder{
	color:#6d8192 !important;
}
.sidebar-nav li a{
	height: auto;
	width: auto;
}
#products.section_container {
    width: 100%;
}
/*************category page***************/
.categories > .grid > .categories-list > ul > li a.active {
	color:#2bc248 !important;
}
/*.categories-list {
    height: 180px;
    overflow: auto;
}*/
.center {
    text-align: Center;
}

.no-margin{
	margin: 0px;
}

/**** Profile page ************/
.mobile-error, .counrty-error {
    color: red;
    margin-top: 20px;
    display:none;
}
.otp-error {
    left: 2px;
    position: relative;
    top: 10px;
    font-size: 0.875em;
    display:none;
    color:red;
}
.rand_code {
    font-weight: bold;
}
.nav > li > a:focus , .nav > li > a:hover {
    background-color:transparent;
}

/********** Message Page ***********/
.conversation-container{
	padding: 0px

}

.conversation-text,.conversation-bargain-container,.conversation-container{
    width: auto;
}

.conversation-text{
    word-break: break-all;
}

.conversation-topic {
    padding-bottom: 10px;
}

.message-conversation{
    width: auto;
    overflow: hidden;
    padding-right: 20px;
}

.conversation-container{
	display: -webkit-flex;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
}
#email_verify_link {
    color: #515e6a !important;
    text-decoration: underline !important;
}
/********** E O Message Page ***********/

@media (min-width:992px) and (max-width:1199px)
{
	.miles
	{
		width:73%;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.miles
	{
		width:70%;
	}
	
	.popular-product-container div .recently-viewed-heading
	{
		padding-top:20px;
	}
}

@media (min-width:641px) and (max-width:1023px)
{

.joysale-login-user-nav ul.navbar-nav
{
	margin-right:50px;
}

}

@media (min-width:641px) and (max-width:767px)
{

.navbar-nav .open .dropdown-menu
{
	position:absolute;
	left:-85px;
	background-color:#fff;
}

.navbar-nav .open .dropdown-menu li
{
	padding:0 5px;
}

.message-cnt ol,.message-cnt ol li
{
	float:left;
	width:100%;
}

.message-cnt ol
{
	padding-left:0px;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt
{
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation
{
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container
{
	float:left;
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-product-pic-container,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-product-pic-container
{
	margin-left:0;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container
{
	padding-left:5px;
	width:auto;
}

.message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate,.message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate
{
	width:auto;
}

.exchange-property-container .tab-content
{
	padding-left:0px;
	padding-top:10px;
}

}
@media (min-width:320px) and (max-width:470px)
{
	.modal-dialog-width{
		width:100%;
	}
}

@media (min-width:320px) and (max-width:767px)
{

	.promotion-product:nth-child(3n+1)
	{
		padding-left:5px;
	}
	.promotion-product:nth-child(3n+4)
	{
		padding-right:5px;
	}
	.map-input-section {
    padding-right: 20px;
}

	.exchange-btn-cnt
	{
		margin:0;
		text-align:center;
	}

	.sale-initiate-date
	{
		margin-top:10px;
		width:100%;
		text-align:center;
	}

	#order-details .sale-cnt .promotions-details-row div .promotion-details-cnt .sale-info .exchange-btn-cnt .exchange-btn
	{
		float:none;
	}

	.xs-margin-bottom-10
	{
		margin-bottom:10px;
	}

	#invoice_content .sale-info .sale-initiate-date span,#invoice_content .sale-info .sale-initiate-date a.no-print
	{
		width:100%;
		float:left;
	}


	.sidebar-nav li a
	{
		background-position:left 5px center ! important;
	}

	.message-type-container .chat-message-type .form-group
	{
		padding-right:0px;
	}

	.send-btn span
	{
		display:block;
	}

	.chat-message-type .form-inline .form-group
	{
		margin-bottom:10px;
	}

	.message-type-container .chat-message-type .message-send a .send-btn
	{
		padding:10px 0;
	}

	.language .form-control
	{
		float:left;
		margin-left:10px;
	}

	.message-type-container .chat-message-type .form-group
	{
		padding-right:0px;
		margin-bottom:10px;
	}

	.slider-container .carousel
	{
		height:auto;
	}
	
	.popular-product-container div .recently-viewed-heading
	{
		padding-top:20px;
	}
	
}

@media (min-width:768px)
{
#address-book .edit-profile-form .edit-profile-addr-cnt .joysale-acc-addr-cont
	{
		margin-bottom:15px ! important;
	}

	.joysale-acc-btn
	{
		padding:8px 45px;
	}
}

@media (min-width:768px)
{
	#address-book .edit-profile-form .edit-profile-addr-cnt .joysale-acc-addr-cont:nth-child(3n+3)
	{
		padding-right:0px;
		padding-left:7.5px;
	}
	#address-book .edit-profile-form .edit-profile-addr-cnt .joysale-acc-addr-cont:nth-child(3n+1)
	{
		padding-left:0px;
		padding-right:7.5px;
	}

	#address-book .edit-profile-form .edit-profile-addr-cnt .joysale-acc-addr-cont
	{
		padding-left:7.5px;
		padding-right:7.5px;
	}
}

@media(min-width:768px) and (max-width:1199px)
{
	#address-book .edit-profile-form .edit-profile-addr-cnt .joysale-acc-addr-cont:nth-child(odd)
	{
		padding-left:0px;
		padding-right:7.5px;
	}

	#address-book .edit-profile-form .edit-profile-addr-cnt .joysale-acc-addr-cont:nth-child(even)
	{
		padding-right:0px;
		padding-left:7.5px;
	}

	.slider-container .carousel
	{
		height:auto;
	}
	.banner-padding {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}

.login-box select
{
	margin-bottom:10px;
}

.image-container
{
	border:1px solid #e7edf2 !important;
}

.recently-viewed .product-padding .rate-section-2 .item-name
{
	padding:0 10px;
}



/****slider style****/

.slider-container
{
	margin-top:15px;
}

.slider-container .carousel .carousel-inner
{
	border-radius:4px;
}

ol.slider-pointer li
{
	width:14px;
	height:7px;
	margin:0;
	border:none;
	background-color:#ffffff;
}

ol.slider-pointer li.active
{
	width:27px;
	height:7px
}

@media (min-width:1200px)
{
	.slider-container .carousel
	{
		height:325px;
	}
.banner-padding {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media (min-width:320px) and (max-width:767px)
{
	.slider-container
{
	margin-top:0px;
}
}

@media (min-width:768px) and (max-width:1024px)
{
.al-mobile-user-area, .joysale-header-login, .joysale-header-signup{
	display:none;
}
}

@media (min-width:481px) and (max-width:640px)
{
	.nearmemodal-content
	{
		height:520px;
	}
}

/*****message block and delete user style*****/

.message-actions
{
	position:absolute;
	right:10px;
	top:10px;
}

.message-actions a
{
	float:right;
	margin:0 2.5px;
}

.block-user
{
	background:url("../images/camera.png") no-repeat 0px 0px ;
	height:16px;
	float:right;
	padding:10px;
}

.delete-user
{
	background:url("../images/camera.png") no-repeat 0px 0px ;
	height:16px;
	float:right;
	padding:10px;
}
.slider-pointer.carousel-indicators > li
{
	margin-left: 3px;
}
.carousel-indicators {
    bottom: 10px;
    margin-bottom: 0;
}

/************************************************************post-your-list  modal******************************************************/
.item-ad-1 {
    background-color: #2bc248;
    color: #fff;
    font-size: 1.3rem;
    left: 50px;
    padding: 5px 5px 1px;
    position: absolute;
	border-radius: 3px;
    top: 67px;
}

.item-urgent-1 {
    background-color: #ff003c;
    color: #fff;
    font-size: 1.3rem;
    left: 50px;
    padding: 5px 5px 1px;
    position: absolute;
	border-radius: 3px;
    top: 64px;
}


.center-btn
{
	float:none ! important;
	width:auto;
	padding:10px ! important;
}


.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after
{
	content: " ";
    display: table;
}

.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after
{
	clear:both;
	
}

.product-left-container .tab-section ul.tab-section-tabs li
{
	margin-right:2px;
}

#exchange-modal .exchange-modal-dialog-width .login-modal-content .login-modal-header
{
	padding-left:20px ! important;
}