.clear{margin:0; padding:0; clear:both;}
/* header */
/* header */
.wrap{width:1000px; margin:0 auto; padding:0; position:relative;}
.left-col{ float:left; width:670px; background:none; margin-top:20px; }
.right-col{ float:right; width:300px; background:none; margin-top:20px; }

/*======= box style ==========*/
.box{display:block; background:#FFF; margin-bottom:20px; overflow:hidden;}
.box-body{padding:10px;}
/*===== next list items =====*/
.list-items{ display:block; margin:10px 0 0 0 ; padding:0; vertical-align: baseline; }
.list-items li{display:block; line-height:30px; padding:3px 0; }
.list-items li a{display:block; color:#222;  font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:400; text-transform:capitalize; padding-left:5px;}
.list-items li a i{margin-right:10px;}
.list-items li a:hover{color:#17b338; text-decoration:none; background:#cafad4;}
.box-title{ 
  padding: 5px 0;
  text-transform:uppercase;
  border-bottom: 1px solid #ebebeb;
  }
  .box-title h3{display:inline-block; font-weight:500; color: #444444; padding-bottom:5px;}
  .box-title i{margin-right:5px;}
/*========  ad-area =======*/
.ad-area{display:block; text-align:center; padding:0px 0 0 0 ;} 
.ad-area img{max-width:100%; display:block; margin:0 auto;} 
.ad-area iframe{max-width:100%;} 

.more-loading{display:none;}
#sticky {
 width:280px;  
}
#sticky.stick {
    position: fixed;
    top:57px;
    z-index: 11;
}



/*==== search page ====*/
.prods-cnt{	display:block;	height:auto;overflow: auto;	margin: 0px auto 20px;}
.prod-box-list{
	height: auto;
	display:block;
	margin:3px 3px 20px;
	padding: 10px;
	background-color: #fff;
	overflow:hidden;
}
.prod-box-list h3 {
	text-decoration: none;
	width:75%;
	float: right;
	padding:0;
	margin: 0 0 0 10px;
	color:#333;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-align:left;
	display:block;
}
.prod-box-list h3 a{display:block; float:left;}
.prod-box-list h3 a:hover{color:#ff5a5f;}
.prod-box-list p{
	color: #000;
	width:75%;
	float: right;
	margin: 5px 0px 10px 10px;
	font-family: 'Noto Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height: 22px;
}
.prod-box-list p i{margin-right:2px; position:relative;}
.prod-box-list .admin-btn-area{
	display:block;
	width:75%;
	float: right;
	margin: 0px 0px 10px 10px;
	}
.admin-btn-area a{padding:4px 8px; font-weight:700; background:#f46f34; color:#FFF; text-align:center; border-radius: 3px; letter-spacing:1px;}
.admin-btn-area a:hover{background:#38c1d4;}
/* Css Shadow Effect for the prod-box and prod-box-list div */
 .shadow{
    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
}

/*=========== login area ==============*/

.lean_overlay { position: fixed;z-index:9999; top : 0px; left:0px; height:100%;width:100%;background: #000;display: none; }
.popupContainer{position:absolute;width:315px; height: auto;left:45%;top:50px !important;background: #FFF;border-radius:3px;}
#modal_trigger { display:block; float: right; color: #FFF; position: relative; top: 5px; right: 10px; font-size:20px; }
.modal_trigger{display:block; float: right; color: #FFF; position: relative; top: 4px; right: 10px; font-size:20px;}

/* Popup Styles*/
.popupHeader {
    background: #000;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #6d6e6f;
    font-weight: bold;}
.popupHeader {
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}
span.header_title {
    text-align: left;
    float: left;
    color: #FFF;
}
.popupHeader .modal_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    background: #000;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
}
.or-line h3 {
    padding: 2px 8px;
    background: #FFF;
    color: #333;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.or-line {
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
    text-align: center;
    position: relative;
}
.or-line:after {
    display: inline-block;
    margin: 0 auto;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #e0e0e0;
    width: 100%;
    position: relative;
    bottom: 25px;
}	
	
	
.popupBody {padding:20px;}
/* Social Login Form */
.social_login {}
.social_login .social_box {display:block; clear:both; padding:3px 10px 2px; margin-bottom: 10px; background: #3b5998; overflow: hidden; border-radius:3px;}
.social_login .google-box{background:#e6463a;}
.social_login .email-box{background:#f4f4f4; border:1px solid #cccccc;}
.social_login .email-box #gplus{ color:#333;}
.social_login .icon {display:block; width:10px; padding:3px 10px; margin-right: 30px; float:left; color:#FFF; font-size:16px; text-align: center;} 
.social_login .fb .icon {color:#FFF; font-size:24px;}
.social_login .google .icon {color:#FFF; font-size:24px;}
.social_login .email .icon {color:#333; font-size:24px; position:relative; bottom:3px;}
.social_login .icon_title {display:block; padding:9px 0 5px; float:left; font-weight: 500; font-size: 15px; color:#FFF;}
.social_login .social_box:hover {background: #4a6cb3;}
.social_login .google-box:hover{background:#eb5a4f;}
.social_login .email-box:hover{background:#fefdfd; }

.social_login .emailogin{color:#000 !important;}

.social_login hr{border:none; height:1px; background:#dce0e0;}
.social_login p{display:block; text-align:center;}
a.register-txt{ color:#ff5a5f; position:relative; margin-left:15px;}

.centeredText {text-align: center; margin: 20px 0 0px; clear: both; overflow: hidden; text-transform: uppercase;}
.centeredText span{padding:5px 10px; background:#FFF; position:relative; top:-18px;}

.premium-list{border:1px solid #e7eae8; 
background: #fefdeb; 
/*background: -webkit-linear-gradient(#fefdeb, #fefddf); 
background: -o-linear-gradient(#fefdeb, #fefddf);
background: -moz-linear-gradient(#fefdeb, #fefddf); 
background: linear-gradient(#fefdeb, #fefddf);*/
/*background:#f6f6f6;*/
position:relative;
}

.premium-list .s-site-name a {color:#02359a; font-size:16px; font-weight:400; font-family: 'Roboto', sans-serif;}
.premium-list .s-site-name a:hover{text-decoration:underline; color:#02359a;}
.premium-list .site-info{color:#000; font-weight:400; }
.site-info{line-height:23px;}
.s-site-name{margin-bottom:0; padding-top:5px;}
.sadd{margin-top:8px;}
.s-site-name a{font-weight:400; color:#02359a; font-size:16px; font-family: 'Roboto', sans-serif;}
.s-site-name a:hover{text-decoration:underline; color:#02359a;}
.zv-box-st{margin-bottom:15px;}
.serch-social{overflow:inherit;}
.serch-social a{font-size:17px; margin:0 0 0 7px;}
.serch-social a i{width:27px; height:27px; line-height:27px;}
ul.search-detail{display:none; list-style:none; padding:10px 0 0;}
ul.search-detail li{display:list-item; clear:both; position:relative; padding-left:18px; padding-bottom:10px; }
ul.search-detail li a{color:#0b9829;}
ul.search-detail li.search-address:before{content:'\f041'; font-family: 'FontAwesome'; position:absolute; top:2px; left:0px; color:#a9a9a9; }
ul.search-detail li.search-phone:before{content:'\f095'; font-family:'FontAwesome'; position:absolute; top:2px; left:0px; color:#a9a9a9; }
ul.search-detail li.search-website:before{content:'\f0ac'; font-family:'FontAwesome'; position:absolute; top:2px; left:0px; color:#a9a9a9;}
.search-info{display:block; clear:both; margin:3px 0 0; line-height:23px;}
.search-info small.prviews{display:none;}

/*.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
*/

.ribbon {
  position: absolute;
  right: 0px; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100px; height:25px;
  text-align: right;
}
.ribbon span {
  text-align:center;
  line-height: 15px;
  width: 17px;
  height:18px;
  display: block;
  position: absolute;
  top:1px; right:1px;
  background:rgba(255, 94, 0, 0.39); 
  background:url("http://c.cdnxp.com/gtheme/images/info.png") no-repeat right center;
}
.ribbon span i{font-size:0px; /*color:#FFF;*/}
.ribbon samp{
  position:absolute;
  top:0px;right:17px;
  width:25px;
  height:15px;
  line-height:18px;
  text-align:center;
  background:#f9f9f9;
  color:#000;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  font-family:'Open Sans', snas-serif;
  font-weight:400;
  font-size:13px;
  }
 .ribbon span:hover samp{display:block;visibility: visible; opacity: 1;}
/*.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
*/
.search_country{box-shadow:none; border:none; width:210px; cursor:default;}
.search_country i{font-size:17px; width:25px; height:26px; line-height:25px; margin-top:5px; background:#e5e2e2; text-align:center; margin-right:-4px; }
.search_country span {display:inline-block; vertical-align:top; width:88%;}
.zv-box-st-header{padding:5px 4px 5px;}
.search-txt-for #kh{padding-top:6.5px;}


@media(max-width: 810px){
	.wrap{width:95%; margin:0 auto;}
	.left-col{ width:100%; float:none;}
	.prorightcol{ width:100%; float:none; }
	.right-col{display:none;}
}

@media(max-width: 480px){
	#sticky{width:95.5%;}
	.post-name a{font-weight:400;}
	.search-url a{font-size:13px;}
}
@media(max-width: 360px){
	#sticky{width:94%;}
}