@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700|Open+Sans:300,400,600,700|Raleway:300,400,600,700|Roboto:300,400,600,700|Ubuntu:300,400,500,700');
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/* Empty Elements 
div:empty, span:empty, li:empty, p:empty, td:empty, th:empty
{ padding: 20px; border: 5px dotted yellow !important; }*/

/* Empty Attributes 
*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]
{ border: 5px solid yellow !important; }*/

/* Deprecated Elements */
applet, basefont, center, dir, font, isindex, menu, s, strike, u
{ border: 5px dotted red !important; }

/* Deprecated Attributes 
*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],
*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],
*[align], *[valign],
*[hspace], *[vspace],
*[height], *[width],
ul[type], ol[type], li[type]
{ border: 5px solid red !important; }*/

/* Proposed Deprecated Elements 
input[type="button"], big, tt
{ border: 5px dotted #33FF00 !important; }*/

/* Proposed Deprecated Attributes 
*[border], a[target], table[cellpadding], table[cellspacing], *[name]
{ border: 5px solid #33FF00 !important; }*/

/* reset 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}*/

/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-rel{position:relative;}/* Position Relative */
.pos-abs{position:absolute;}/* Position Absolute */
.ver-base{	vertical-align:baseline;}/* vertical align baseline */
.ver-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/



/*****Main CSS*****/
.view-center{float:none;margin:0 auto;}/***   center the content or align center ***/

.col-1{width:100%;}
.col-2{width:50%;}
.col-3{width:33.33%;}
.col-4{width:25%;}
.col-5{width:20%;}

.col-gold{width:66.66%;}
.col-1pt3{width:75%;}


[class*="col-"] {
    float: left;
    padding: 4px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/body_bg3.jpg);
}
/**** With according to display****/
.wrap{
	width:95%;
	margin:0 auto;
}

.header{
	display:inline;
}
.header_top{
	padding:10px 0;
}
.logo{
	float:none;
	width:33%;
	margin: 0px auto;
	margin-top: 5em;
	    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
     opacity: 1;
	 margin-bottom: 30px;
}
/**** Header Top Right ****/
.header_top_right{
	float:right;
	width:67%;
}
/*
.shopping_cart{
	float:left;
	width: 202px;
	position:relative;
	margin-left:15px;
	padding: 0 0 0 46px;
	background: url(../images/header_cart.png) 0 0 no-repeat;
	z-index: 99;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}
.cart{
	height: 38px;
	padding: 0 0 0 10px;
	background: #EDEDED;
	border: 1px solid #CECECE;
	border-left: none;
	line-height: 36px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart .cart .opencart {
	width: 7px;
	height: 5px;
	display: block;
	background: url(../images/header_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: 11px;
	top: 16px;
}
.shopping_cart span.cart_title{
	font-size:13px;
	font-weight:bold;
	color: #4F4F4F;
}
.shopping_cart span.no_product{
	font-size:13px;
	font-weight:bold;
	color: #DD0F0E;
} */
.wrapper-dropdown.active .dropdown{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	max-height: 400px;
	width: 95px;
	z-index: 1;
	background: #009fcc;
}
.login{
	float:right;
	width:60px;
	height: 38px;
	display: block;
	border: 1px solid #CECECE;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/gradient_light-1.png) 0 0 repeat-x;
}
.login span a img{
	padding-top:8px;
}
/* *********       logo panel     **************/

.search_box{
	float: none;
    position: relative;
    width: 50%;
    margin: 0px auto;
	    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
     opacity: 1;
}
.s_hide
{
	z-index:-1;
}
.search_box input[type="search"]{
	width: 100%;
	padding:0.5em;
	outline:none;
	border:none;
	background-color:#fff;
	font-size:1em;
	color:#a5a5a5;
	margin:0;
	height: 3em;
    padding-right: 4em;
	position:relative;
	box-shadow: 0px 0px 10px -2px #000;
}
.search_box input[type="submit"],.search_btn{
	border:none;
	cursor:pointer;
	color:#fff;
	font-size:1em;
	height: 3em;
	width:4em;
	margin:0;
/*	background: -webkit-gradient(linear,left top,left bottom,from(#009fcc),to(#0a92b8));
	background: -moz-linear-gradient(top,#009fcc,#0a92b8);
	background: -o-linear-gradient(top,#009fcc,#0a92b8);
	background: -ms-linear-gradient(top,#009fcc,#0a92b8);*/
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s;
	position:absolute;
	right:0;
	top:0;
	background:#0a92b8;
}
.search_box input[type="submit"]:hover,.search_btn:hover{
	background:#444;
	/*background: -webkit-gradient(linear,left top,left bottom,from(#009fcc),to(#0a92b8));
	background: -moz-linear-gradient(top,#009fcc,#0a92b8);
	background: -o-linear-gradient(top,#009fcc,#0a92b8);
	background: -ms-linear-gradient(top,#009fcc,#0a92b8);*/
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s;
}
 .search_box select{
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px;
    height: 36px;
    margin: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#009fcc),to(#0a92b8));
    background: -moz-linear-gradient(top,#009fcc,#0a92b8);
    background: -o-linear-gradient(top,#009fcc,#0a92b8);
    background: -ms-linear-gradient(top,#009fcc,#0a92b8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    right: 0;
    top: 0;
}
.sp-link-under-search-box
{
	margin-top:5em;
}
.sp-link-under-search-box a
{
	padding: 9px 20px;
    background-color: #6f359b;
    color: #fff;
	margin:0em 2em;
}

/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	border-radius: 0;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 8px 4px;
    height: 36px;
    margin: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#009fcc),to(#0a92b8));
    background: -moz-linear-gradient(top,#009fcc,#0a92b8);
    background: -o-linear-gradient(top,#009fcc,#0a92b8);
    background: -ms-linear-gradient(top,#009fcc,#0a92b8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    right: 0;
    top: 0;
}
.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}
.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}
.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}
.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 1px solid #3c8dbc;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}


/******Main Category********/
.main_cat
{
	width: 25%;
	float: left;
}



/**** Header Botttom Left ****/
.header_bottom_left{
	float:left;
	width:50%;
	padding-top:6px;
}
.header_bottom_img{
	float:left;
	width: 46.2%;
}
.pic{
	float:left;
	width: 46.2%;
}
.header_bottom_img2{
	float:left;
	width: 46.2%;
	margin-left:1.6%;
}
.header_bottom_left_images{
	position:relative;
	margin-top:10px;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:inline;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.listview{
	float:left;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
	text-align:left;
	background-color:#fff;
	width: 100%;
}
.listimg{
	float:left;
	width: 35%;
	overflow: hidden;
}
.listimg img{
	width: 100%;
	object-fit: cover;
	height: 115px;
	vertical-align: middle;
}

.list{
	width: 65%;
	float:left;
	padding-left: 0.3em;
}

.list  h2 {
	margin: 0.4em 0em;
	color:#CC3636;
	font-weight : bold;
	text-transform:uppercase;
	font-size: medium;
}
.list  p{
	font-size:0.6925em;	
	color: #333;
	line-height: 1.1em;
	font-family : verdana, arial, helvetica, helve, sans-serif;
	padding:0; 	
	margin: 0;
}
.list .button{
	line-height:1.9em;
	margin-top:0.5em;
}
.list .button a{
	padding:7px 15px;
		font-size:0.8em;
		font-family: Arial, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
		border: 1px solid rgba(0,0,0,0.1);
        background:#0a92b8 url(../images/large-button-overlay.png);       
        color             : #fff;
        text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
}
.list .button a:hover{
	    border: 1px solid #4D00A0;
        background:#009fcc;
        text-decoration:none; 
}

/*--start recommendetion-----*/
.recmd
{
	
}
















.header_bottom_right_images{
	float:left;
	width:49%;
	margin-left:1%;
	padding-top: 15px;
}
.content{
	padding:20px 0;
	background:#FFF;
}
.content h2{ 
	font-size:23px;
	color:#6C6C6C;
	font-family: 'Monda', sans-serif;
}
.content_top{
	padding:15px 20px;
	border:1px solid #EBE8E8;
	border-radius:3px;
}
.content_bottom{
	padding:15px 20px;
	border:1px solid #EBE8E8;
	border-radius:3px;
	margin-top:2.6%;
}
.heading{
	float:left;
	margin-right:10%;
}
.heading h3{
	font-family: 'Monda', sans-serif;
	font-size:22px;
	color:#0a92b8;
	text-transform:uppercase;
}
.sort,.show{
	float:left;
	width:14%;
	margin-left:1.6%;
	padding-top:5px;
}
.sort p,.show p{
	display:inline;
	font-size:0.8125em;
	color: #333;
}
.sort select,.show select{
	display:inline;
	font-size:1.1em;
	color: #333;
	margin-left:2px;
}
.page-no{
	float:right;
	padding-top:5px;
}
.page-no p{
	display:inline;
	font-size:0.8125em;
	padding:0.3em 0;
	color: #333;
}
.page-no ul{
	display:inline;
}
.page-no li{
	display:inline;
}
.page-no li a{
	font-size:0.8125em;
	color: #333;
	line-height: 1.6em;
	font-family : verdana, arial, helvetica, helve, sans-serif;
	padding:5px 5px;
}
.page-no li a:hover,.page-no li.active{
	color:#0a92b8;
	text-decoration:underline;
}














/*** Login ***/
.register_account h3,.login_panel h3{
	font-size: 22px;
	color: #6C6C6C;
	font-family: 'Monda', sans-serif;
	padding-bottom:.4em;
}
.register_account{
	float:left;
	width:62%;
	padding:20px;
    background:#FFF;
    border:1px solid #C0BEBE;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.register_account form input[type="text"],.register_account form select{
	font-size:12px;
	color:#B3B1B1;
	padding:8px;
	outline:none;
	margin:5px 0;
	width:340px;
}
.register_account form select{
	width:360px;
	color:#666;
}
.register_account form input[type="text"].code{
	width:15%;
}
.register_account form input[type="text"].number{
	width:69.8%;
}
.register_account table td{
	width:100%;
}
.register_account p{
	font-size:12px;
	color:#666;
}
.search{
	float:left;
	margin-top:3px;
}
.login_panel{
	float:left;
	width:27%;
	margin-right:4%;
	padding:20px;
	background:#FFF;
	border:1px solid #C0BEBE;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.login_panel input[type="text"],.login_panel input[type="password"]{
	font-size:12px;
	color:#B3B1B1;
	padding:8px;
	outline:none;
	margin:6px 0;
	width:92%;
}
.login_panel form{
	margin:15px 0;
}
.login_panel p{
	font-size:12px;
	color:#888;
}
p.terms{
	float:left;
	font-size:12px;
	padding:15px 0 0 15px;
}
p.terms a,p.note a{
	text-decoration:underline;
	color:#7C2DC5;
}
p.terms a:hover,p.note a:hover{
	text-decoration:none;
}
p.note{
	font-size:15px;
	color:#666;
	padding:5px;
	line-height:1.6em;
}
.buttons button,.search button.grey{
	    padding:10px 15px;
	    font-size:15px;
	    font-weight:bold;
	    color             : #fff;
	    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        -moz-box-shadow   : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        box-shadow        : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  
        cursor:pointer;   
}
.search button{
	padding:12px 30px;
}
 button.grey,.search button.grey{
	 	border            : 1px solid #303030;
        background        : #3f4040;
        background        : -moz-linear-gradient(top,  #3f4040 0%, #303131 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4040), color-stop(100%,#303131));
        background        : -webkit-linear-gradient(top,  #3f4040 0%,#303131 100%);
        background        : -o-linear-gradient(top,  #3f4040 0%,#303131 100%);
        background        : -ms-linear-gradient(top,  #3f4040 0%,#303131 100%);
        background        : linear-gradient(top,  #3f4040 0%,#303131 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4040', endColorstr='#303131',GradientType=0 );
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.4);
}
 button.grey:hover,.search button.grey:hover{
	        border            : 1px solid #303030;
        background        : #525252;
        background        : -moz-linear-gradient(top,  #525252 0%, #454646 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#454646));
        background        : -webkit-linear-gradient(top,  #525252 0%,#454646 100%);
        background        : -o-linear-gradient(top,  #525252 0%,#454646 100%);
        background        : -ms-linear-gradient(top,  #525252 0%,#454646 100%);
        background        : linear-gradient(top,  #525252 0%,#454646 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#454646',GradientType=0 );
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.4);  
}
/** End Login ***/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}

/*** Social Icons ***
.social-icons{
	padding-top:8%;
}
.social-icons li {
	width:30px;
	height:30px;
	padding: 0px 0 0 5px;
	margin: 0;
    display:inline-block;
	cursor:pointer;
}
.social-icons li.facebook {
	background:url(../images/icon-2.png) no-repeat 0px  -29px;
}
.social-icons li.facebook:hover {
	background:url(../images/icon-2.png) no-repeat 0px  0px;
}
.social-icons li.twitter {
	background:url(../images/icon-3.png) no-repeat 0px  -29px;
}
.social-icons li.twitter:hover {
	background:url(../images/icon-3.png) no-repeat 0px  0px;
}
.social-icons li.googleplus {
	background:url(../images/icon-4.png) no-repeat 0px  -29px;
}
.social-icons li.googleplus:hover {
	background:url(../images/icon-4.png) no-repeat 0px  0px;
}
.social-icons li.contact {
	background:url(../images/icon-1.png) no-repeat 0px  -29px;
}
.social-icons li.contact:hover {
	background:url(../images/icon-1.png) no-repeat 0px  0px;
}
 .copy_right{
	text-align:center;
	padding:15px 0;
 }
 .copy_right p{
	font-size:12px;
	color:#747474;
 }
 .copy_right p a{
    color:#747474;
	font-size:12px;
	text-decoration:underline;
 }
 .copy_right p a:hover{
	color:#BBB7B7;
	text-decoration:none;
 }
/*** move top **/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:48px;
	height:48px;
	border:none;
	text-indent:100%;
	background:url(../images/arrow_up.png) no-repeat right top;
}

#toTopHover {
	width:48px;
	height:48px;
	display:block;
	overflow:hidden;
	float:right;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}

/* FAQ  ============================================================================= */
.questions{
	margin:20px 0 10px 0;
}
.questions h4{
	color:#009fcc;
	font-size: 15px;
	margin-bottom:5px;
	font-weight: normal;
}
.questions p{
	color: #444;
	font-size: 13px;
	line-height: 1.8em;
	margin-bottom: 5px;
}

/*  Contact Form  ============================================================================= */
.support{
	padding:1.5%;
}
.support_desc{
	float:left;
	width:75%;
}
.support_desc h3{
	font-size:30px;
	color: #6C6C6C;
	padding:5px 0;
	font-family: 'Monda', sans-serif;
}
.support_desc p span{
	font-size:15px;
	color:#666;
}
.support_desc p{
	font-size:12px;
	color:#777;
	line-height:1.8em;
	padding:5px 0;
}
.support img{
	float:left;
	margin-left:4%;
	margin-top:0px;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}

.company_address p{
	font-size:0.8125em;
	color:#757575;
	padding:0.2em 0;
	font-family :Arial, Helvetica, sans-serif;
}
.company_address p span{
	text-decoration:underline;
	color:#444;
	cursor:pointer;
}
.map{
	border:1px solid #C7C7C7;
	margin-bottom:15px;
}
/**** Responsive Layout ****/
@media only screen and (max-width:1024px) {
	.wrap{
		width:90%;
		padding:0 2%;
	}
	
}
@media only screen and (max-width:800px) {
	.wrap{
		width:90%;
		padding:0 2%;
	}
	
}
	
@media only screen and (max-width: 640px) {	
	.wrap{
		width:90%;
	}	

}
@media only screen and (max-width: 480px) {	
	.wrap{
		width:90%;
	}	
}


/*----------------sub-category page-------------------------*/
/* The container <div> - needed to position the dropdown content */
.sub-cat
{
    background-color: none;
	margin: 0.4em;
    /*box-shadow: 0px 0px 3px rgb(150, 150, 150);
	position: relative;
    display: inline-block;*/
}



/* Style The Dropdown Button */
.subbtn {
    background-color: #D1C003;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown Content (Hidden by Default) */
.typeProduct {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 31%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.typeProduct a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.typeProduct a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.sub-cat:hover .typeProduct {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.sub-cat:hover .subbtn {
    background-color: #3D3D3D;
}


/*----------------details page-------------------------*/
.delta_box
{
	display:block;
	width:100%;
	background-color: white;
	box-shadow: 0px 0px 10px -3px #022;
	margin-bottom: 0.7em;
}

/*.delta_box:hover
{
	box-shadow: 0px 15px 50px -15px #000;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: scale(1.035); 
	-ms-transform: scale(1.035); 
	-moz-transform: scale(1.035);
	transform: scale(1.035);   
}*/



.delta_info
{
	width:380px;
	float:left;
	text-align:left;
	height:140px;
}

.ellip_details {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
}

.delta_info h3
{
margin: 0;
color:#333;
font-size: 1.4em;
text-transform: capitalize;
}
.delta_info span
{
	display: block;
}
.sp_sc
{
    font-size: 12px;
    margin: 0.15em 0 1em 1.2em;
    color: #777;
	text-transform: capitalize;
}
.sp_sc b{color: #555;}
.sp_con
{
	color:#333;
	margin-bottom: 1em;
}
.sp_addre
{
    margin-bottom: 0;	
	color:#333;
}
.sp_con i,.sp_addre i{color:#0a92b8;}
.sp_rat
{
	color:#000;
    margin-bottom: 1em;	
}

.delta_btns
{
	width:238px;
	float:left;
	text-align:center;
	height:140px;
}
/*
.delta_btns:after{	content: "";position: absolute;	border-bottom: 70px solid #fff0;border-left: 20px solid #fff;border-right: 10px solid #fff0;border-top: 70px solid #fff0;margin-left: -233px;}
*/

.delta_btns ul
{
	margin-top: 1em;
}

.delta_btns button,.delta_btns a
{
	padding: 0.3em 0.5em;	
    color: #fff;
    font-size: 1em;
    border-radius: 2px;
    margin: 0.8em auto;
	float:none;
	border:none;
	    background: -webkit-gradient(linear,left top,left bottom,from(#009fcc),to(#0a92b8));
    background: -moz-linear-gradient(top,#009fcc,#0a92b8);
    background: -o-linear-gradient(top,#009fcc,#0a92b8);
    background: -ms-linear-gradient(top,#009fcc,#0a92b8);
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    -ms-transition: all .9s;
}


/*------filter-box------*/
.filter-box{
	background-color:#fff;
	padding: 0.5em;
	margin-right: 0.5em;
}
.filter-box h3{
	margin: 0.4em 0.2em;
	border-bottom: solid 2px #eee;
	font-weight: 400;
}
.filter-box label{ /* , #sOption label, #addOption label */
	white-space: pre-wrap;
	line-height: 2.5em;
	padding: 0.2em;
	background-color: #ccc;
	border-radius: 2px;
	margin: 0.2em;
	transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-box label:hover{ /* , #sOption label:hover, ,#addOption label:hover */
	box-shadow: 0px 2px 10px -4px #333;
	transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-box label:focus,.filter-box label:active{
	background-color:#0a92b8;
}

.filter-box ul
{
list-style: none;padding: 0em 1em;
}
.filter-box li
{
padding:0.5em 0em;
font-size:1em;
font-weight:400;
color: #333;
border-bottom: 1px solid #ccc;
cursor: pointer;

}
.filter-box li a
{
color: #666;
}


/*  ------------------   listing 3 step            ----------------   */
.list3s{display: block;float: left;}
.list3s ul{
	list-style: none;padding: 4px;width: 200px;float: left;margin:4px;position: relative;
}
.list3s a{
	cursor:pointer;
}
.nlCl,.n-lCl{ /* .list3s li*/
border-bottom: solid 2px #ccc;
color: #000;
border-left: solid 2px #9a9a9a;
padding: 4px;
margin: 2px;
border-top: solid 2px #ccc;
z-index: 1;
border-right: solid 2px #ccc;
background-color: #eee;
}

.lCl,.l-Cl{
	background-color: #fff;
    border-left: solid 2px #b65300;
    border-right: solid 2px #fff;
}
#sOption,#ssOption{
	float: left;display: block;
	width: 490px;overflow: scroll;overflow-y: hidden;
	margin-left: -16px;margin-top: 6px;
}

#sOption label,#ssOption label{
line-height: 2em;
padding: 2px;
transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
width: 200px;
}
#sOption ul,#ssOption ul{
	list-style: none;border: solid 2px #ccc;
	margin:4px; width:750px; float:left;
}


/*--------------  modals            ----------------------------*/


/*-------bs modal css ------*/
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}


button.close{
	outline:none;
}

/*medium model*/
.modal-dialog {  
    width: 600px;
    margin:3em auto;
}
/*large model*/
.modal-lg{
	width: 900px;
	margin:2em auto;
}
/*small model*/
.modal-ex-lg{
	width: 1200px;
	margin:1em auto;
}

.modal-content {
	border-radius:0!important;
}
.social-icons li{
	list-style:none;
}
.modal-dialog.sign {
    margin:7em auto;
}
.tag a {
    outline: none;
}
.login-bottom.one input[type="submit"]{
	padding:8px 20px!important;
}
.login-top.sign-top.one form {
    padding: 1em 2em 1em 2em!important;
}
.modal-header.one {
    border: none;
	background-color:#0a92b8;
    padding: 1em 2em 1em 2em;
}
button.close.sg {
    margin-top:0px!important;
}




.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}


/**------------------search page ----------------------

/*----------------Left Side-------------------------
.s_box
{
	display: inline-block;
	width:100%;
	background-color: white;
	box-shadow: 0px 0px 10px -3px #000;
	transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	-moz-transform: scale(1);
	transform: scale(1); 
}

.s_box:hover
{
	box-shadow: 0px 15px 50px -15px #000;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: scale(1.035); 
	-ms-transform: scale(1.035); 
	-moz-transform: scale(1.035);
	transform: scale(1.035);   
}



.s_info
{
	width:100%;
	float:left;
	text-align:left;
}

.s_info h3
{
	margin:1em 0 2px 0;
	color:#000;
}
.s_info span
{
	display: block;
}
.sp_sc
{
    font-size: 14px;
    margin: 0.15em 0 1em 1.2em;
    color: #666;

}
.sp_con
{
	color:#000;
	margin-bottom: 0.5em;
}
.sp_addre
{
    margin-bottom: 0em;	
	color:#000;
}
.sp_rat
{
	color:#000;
    margin-bottom: 1em;	
}


/*----------------Right Side-------------------------
.slbox{margin-top:1em;width: 33.33%;float:right;}
.slbox h2{margin-bottom: 40px;}
.slbox_main{background-color: white;box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);}
.slbox_main_info h3{ margin: 1em 1em 0.5em 1em; }
.slbox_main_info h4{ margin: 0em 0em 1.5em 2em; }

.slbox_main_link{padding: 1.5em;}

.slbox_main_link a
{
	background-color: rgba(222, 185, 255, 0.35);
	color: #000;
	padding: 0.5em;
	margin: 0.5em;
	border-radius: 2px;
}

/*   search page end */

/* b_profile.php box-shadow: inset 0px 0px 100px 1000px rgba(128, 128, 128, 0.2); */
.b_profile
{
	background:url(../images/1.jpg);
	height: 18.75em;
    width: 75em;
    float: none;
    margin: 0 auto;
	box-shadow: inset 0px 0px 80px 60px rgba(0, 0, 0, 0.2);
}
.b_profile img
{
	height: 7em;
    border: solid 0.5em;
    border-image-source: url(../images/body_bg3.jpg);
    border-bottom-right-radius: 0.2em;
    width: 7em;
    background: url(../images/body_bg3.jpg);
	margin: 1em 0 0 -3em;
}
.b_pro_div
{
	margin-top: -10em;
}
.b_pro_div h2
{
	margin: 0.5em 0em 0em 3em;
    font-size: 2.4em;
    padding-top: 0.8em;
    text-shadow: 0px 0px 10px #444;
    color: white;
}
.b_pro_div h4
{
	margin: 0em 0em 0em 7.4em;
    text-shadow: 0px 0px 10px #333;
	color: #eee;
	font-weight: 500;
}

.b_pro_div h4:nth-child(3)
{
	color: #fff;
    font-size: 1.2em;
    margin: 0.2em 0em 0em 8em;
    text-shadow: 0px 0px 10px #444;
}
.b_pro_div h4:nth-child(4)
{
	color: #fff;
    font-size: 1.1em;
    margin-left: 8.5em;
    text-shadow: 0px 0px 10px #0a92b8;
}
.b_pro_div_btn
{
	float: none;
    text-align: center;
    margin-top: 8.8em;
}
.b_pro_div_btn a
{
	color: #fff;
    font-size: 2.5em;
    margin: 0 1em;
    text-shadow: 0px 0px 10px #0a92b8;
}
.b_detail
{
    width: 75em;
    float: none;
    margin: 0 auto;
}
.b_detail_div,.b_detail_412
{
	display: block;
	min-height: 100px;
    margin-bottom:12px;
    padding: 4px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
	width:95%;
	float:left;
}
.b_detail_412
{
	width:49%;
	float:left;
}
.profile_pic
{
	
}
.photo_b 
{
	float:left;
	cursor: pointer;
	height: 150px;
	margin: 4px;
	width: 197px;
		-webkit-box-shadow: 0px 0px 10px -1px #333;
		-moz-box-shadow: 0px 0px 10px -1px #333;
	box-shadow: 0px 0px 10px -1px #333;
	overflow: hidden;
}

.photo_b_tl 
{
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}
.photo_b_tl button
{
	background: transparent;
    color: #fff;
    border: none;
    padding: 2px;
    font-size: medium;
}
.photo_b h5
{
	position: absolute;
    top: 160px;
}
.photo_b p
{
	position: absolute;
    top: 160px;
    right: 10px;
}

.photo_b_tl ul
{
	display:none;
	background: #ababab;
    overflow: visible;
    list-style-type: none;
    border: solid 2px #fff;
}
.photo_b_tl ul li
{
	margin-left:0.2em;
}
.photo_b_tl ul li:hover
{
	color: #333;
}
.photo_b .photo_b_tl 
{
	opacity: 0;
	width: 170px;
	height: 170px;
	text-align: left;
	padding: 15px;
}

.photo_b:hover .photo_b_tl
{	
	opacity: 1;
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	
	transform: translateY(0%);
}



.cover_pic img
{
	height: 210px;
    width: 840px;
}
.gallery_pic img
{
	height:200px;
	width:200px;
}

.fbtn{
padding: 4px 9px;
background: #0a92b8;
color: #fff;
margin: 0.2em;
border: none;
}

/*  fa fa icons position    */
.fafaPos
{
float: right;
font-size: 1.5em !important;
margin: -1.6em 0 0 0;
}
/*  fa fa icons position   // */


/* end b_profile.php  */
/* start u_profile.php  */
.u_profile
{
	background:url(../images/1.jpg);
	height: 18.75em;
    width: 75em;
    float: none;
    margin: 0 auto;
	box-shadow: inset 0px 0px 100px 1000px rgba(0, 0, 0, 0.5);
	text-align:center;
}
.u_profile img
{
	height: 7em;
    border: solid 0.5em;
    border-image-source: url(../images/body_bg3.jpg);
    border-bottom-right-radius: 0.2em;
    width: 7em;
    background: url(../images/body_bg3.jpg);
	margin: 0 34em;
    float: none;
    vertical-align: middle;
}
.u_pro_div
{
	
}
.u_pro_div h2
{
    font-size: 3em;
    padding-top: 0.5em;
    text-shadow: 0px 0px 10px #444;
    color: white;
}
.u_pro_div h4
{
    text-shadow: 0px 0px 10px #777;
    color: #aaa;
	font-weight: 500;
}

.u_pro_div h4:nth-child(3)
{
	color: #fff;
    font-size: 1.5em;
    text-shadow: 0px 0px 10px #444;
}
.u_pro_div h4:nth-child(4)
{
	color: #fff;
    font-size: 1.1em;
    text-shadow: 0px 0px 10px #0a92b8;
}

.u_pro_social
{
	float: right;
    margin-top: -3em;
    margin-right: 0.8em;
}
.u_pro_social a
{
	background: #fff;
    padding: 0.5em;
    font-size: 2em;
}


.u_detail
{
    width: 75em;
    float: none;
    margin: 0 auto;
}
.u_b_detail
{
	background: #fff;
	display: inline-block;
}
.u_b_detail .th
{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
    font-weight: 600;
    font-size: x-large;
}
.u_b_detail .tr
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
    font-weight: 400;
    font-size: large;
}


/* end u_profile.php  */
/* start edit_bp.php  */


.edit-bp-name
{    width: 1200px;
    background-color: #6f359b;
    float: none;
    margin: 0 auto;
    margin-top: 63px;
    display: block;
    height: 50px;
}

.edit-bp-name div
{
float: left;
color: #fff;
width: 800px;
padding: 0.8em;
}
.edit-bp-name .btndiv
{
float: right;
width: 300px;
padding: 0.6em;

}

.edit-bp-name .btndiv span
{
color: #fff;
border: solid 1px #ccc9;
background-color: #450575;
float: right;
padding: 0.2em;
border-radius: 2px;
cursor: pointer;

}

.edit-bp-name
{


}


.edit-bp-banner
{
	background:url(../images/1.jpg);
	height: 12.5em;
    width: 75em;
    float: none;
    margin: 0 auto;
	box-shadow: inset 0px 0px 100px 1000px rgba(128, 128, 128, 0.2);
}
.edit-img
{
	height: 7em;
border: solid 0.5em;
border-image-source: url(../images/body_bg3.jpg);
border-bottom-right-radius: 0.2em;
width: 7em;
background: url(../images/body_bg3.jpg);
float: left;
vertical-align: middle;
}

#changeGal
{
    font-size: 22px;
    padding-top: 0.5em;
    text-shadow: 0px 0px 10px #444;
    color: white;
	font-weight:600;
outline: none;margin:0 0 0 50px;cursor:pointer;color: #fff;
	
}
#changePro,#changeCov
{
    font-size: 25px;
    padding-top: 0.5em;
    text-shadow: 0px 0px 10px #444;
	font-weight:100;
	line-height: 1.6;
	outline: none;margin:0 0 0 50px;cursor:pointer;color: #fff;
}


.edit-bp-div-social
{
	float: right;
}
.edit-bp-div-social a
{
background: #6c6c6c;
padding: 0.4em !important;
font-size: 2em !important;
margin: 0 !important;
float: left;
}


.edit-bp-detail
{
    width: 75em;
    float: none;
    margin: 0 auto;
background-color: #fff;
display: block;
min-height: 300px;
}

.edit-bp-det
{
display: table;
border-bottom: 2px solid #eee;
}

.edit-bp-det .tr
{
	margin:0.5em 1em;
    font-weight: 400;
    font-size: large;
}

.edit-bp-det .tr:first-child
{
text-align: right;
}

.edit-bp-detail .btn
{
color: #fff;
border: solid 1px #ccc9;
background-color: #450575;
float: right;
padding: 0.2em;
border-radius: 2px;
cursor: pointer;
}

.e-fade
{
font-weight: 100;
color: #ccc;
}



/* end edit_bp.php  */

/* start edit_bgallery.php  */


.fig { display: block; position: relative; float: left; overflow: hidden; margin: 1em; width:200px;height:200px;box-shadow:0 0 4px -1px #555;}

figcaption { position:relative; color: white; padding: 0.4em 0.6em; opacity: 0; background-color:rgba(51, 51, 51, 0.4);
    background: rgba(51, 51, 51, 0.4); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(51, 51, 51, 0.4),rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(51, 51, 51, 0.4),rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(51, 51, 51, 0.4),rgba(255, 255, 255, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(51, 51, 51, 0.4),rgba(255, 255, 255, 0)); /* Standard syntax */
 -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } 
.fig:hover figcaption { opacity: 1; } 

.cap-left:before { top: 10px; right: 10px; }
.cap-left .spanfig1 { right:0; top:0; width:50px;position: absolute;}
.cap-left:hover .spanfig1{ cursor:pointer;border-bottom-left-radius: 1em;}

.cap-right:before { top: 10px; left: 10px; } 
.cap-right .spanfig2{ left:0; top:0; width:80px;position: absolute; }
.cap-right:hover .spanfig2{ cursor:default; border-bottom-right-radius: 1em;}

.cap-top:before { bottom: 10px; left: 10px; }
.cap-top .spanfig3 {bottom:0px; width:200px; position: absolute;font-size: 0.7em;
 	background: rgba(51, 51, 51, 0.4); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0),rgba(51, 51, 51, 0.4)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255, 255, 255, 0),rgba(51, 51, 51, 0.4)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255, 255, 255, 0),rgba(51, 51, 51, 0.4)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255, 255, 255, 0),rgba(51, 51, 51, 0.4)); /* Standard syntax */
}
.cap-top:hover .spanfig3 {cursor:default;}


/* end edit_bgallery.php  */

#preloader { position: fixed; left: 0; top: 0; z-index: 999;
			width: 100%; height: 100%; overflow: visible;
			background: #333 ; }