@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600);
/*font-family: 'Raleway', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
/*font-family: 'Titillium Web', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/*font-family: 'Roboto Condensed', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
/*font-family: 'Roboto', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Oswald);
/*font-family: 'Oswald', sans-serif;*/

body{ /*font-family: 'Titillium Web';*/ font-family:'Myriad Pro', sans-serif;background: #ffffff;padding: 0px!important;margin: 0px!important}
.backsapceone{background: #f5f8f9;z-index: 1;}
.backsapcetwo{background: #ffffff;z-index: 1;}
.backsapcthree{background: #ffffff;z-index: 1;}
a{text-decoration:none;color: inherit;}
.mgb20{ margin-bottom: 20px!important;}

.btn:focus, .btn:active{color:inherit;}
.btn:focus{color: inherit;}
.btn:focus,.btn:active{outline: none !important;}
button:focus, button:active, button:hover {outline: none !important;} 
input:focus, input:active{outline: none !important;} 
select:focus, select:active{outline: none !important;}
.tabl{display:table;}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active{color:#fff}

.midline{padding:0 5px;color:#dbdbdb}
.topborder{border-bottom:1px solid #ddd}
.topblock{width:100%;display:table}
.topblock img{margin-top:2px}
.navlist{    padding-left: 0px;
    display: table;
    margin-bottom: 0px;}
	
.navlist li{float:right; list-style:none;}
.logon{ background: #ffffff;
    border-radius: 30px;
    color: #2479ef;
    font-size: 14px;
    margin-top: 5px;
    padding: 2px 15px 1px;}

.selecttwo{position:relative;padding: 7px 25px 5px;cursor:pointer}
.selecttwo ul{   padding-left: 0px;
    position: absolute;
    min-width: 100px;
    font-size: 14px;
    display: none; 
    left: -15px;
    top: 32px;
    border: 1px solid #ddd;
    z-index: 10;
    background: #fff;
    border-radius: 0px 0px 3px 3px;}
	
.selecttwo:hover ul{display:block}
.selecttwo ul:hover{display:block}	
.selecttwo ul li{ list-style: none;
    padding: 2px 5px;
    float: left;width:100%}
	
.selectone{ position:relative;padding: 7px 25px 5px;cursor:pointer}
.selectone ul{    padding-left: 0px;
    position: absolute;
    min-width: 100px;
    font-size: 14px;
    display: none; 
    left: -15px;
    top: 32px;
    border: 1px solid #ddd;
    z-index: 10;
    background: #fff;
    border-radius: 0px 0px 3px 3px;}
	
.selectone:hover ul{display:block}
.selectone ul:hover{display:block}	
.selectone ul li{    list-style: none;
    padding: 2px 5px;
    float: left;width:100%}
.selectone ul li:hover{background:#ddd}
.selecttwo ul li:hover{background:#ddd}

.selecttwo select{ border: none;
    margin: 7px 15px;
    font-size: 15px;
    color: #5c5959;
    font-family: 'Source Sans Pro', sans-serif;
    cursor: pointer;
	position:relative}
.selectone select{  border: none;
    margin: 7px 15px;
    font-size: 15px;
    color: #5c5959;
    font-family: 'Source Sans Pro', sans-serif;
    cursor: pointer;}
	
.selectone::before{     content: "";
    font-family: fontawesome;
    position: absolute;
    left: 12px;
    z-index: 10;
    top: 1px;
    font-size: 20px;
    color: #5c5959;}
	
.selectone::after, .selecttwo::after{    content: "";
    font-family: fontawesome;
    position: absolute;
    right: 6px;
    z-index: 10;
    top: 5px;
    font-size: 14px;
    color: #5c5959;}


.relavence p{ font-size: 14px!important;
    margin-bottom: 0;
    border: 1px solid #ddd;
    width: 130px;
    padding: 2px 10px;
    margin-left: 0!important;}
.relavence{position:relative}
.relavence ul{    padding-left: 0px;
    position: absolute;
    min-width: 100px;
    font-size: 14px;
    display: none;
    right: -0px;
    top: 26px;
    border: 1px solid #ddd;
    z-index: 10;
    background: #fff;
    border-radius: 0px 0px 3px 3px;}
	
.relavence ul:hover{display:block}
.relavence:hover ul{display:block}
.relavence ul li{ list-style: none;
    padding: 2px 5px;
    float: left;width:100%}
.relavence ul li:hover{background:#ddd;}
.relavence p::after{content: "";
    font-family: fontawesome;
    position: absolute;
    right: 5px;
    z-index: 10;
    top: 2px;
    font-size: 14px;
    color: #5c5959;}



.secondline{margin-top:15px}
.secondline .pull-left img{margin-top:0px; cursor:pointer;}


.wishlistbox{ display:table; float:right;width:270px}
.cart{padding: 8px;
    background: #ffa200;
    width: 45px;
    height: 45px;
    border-radius: 3px;
    float: right;
    position: relative;
    display: table;cursor:pointer;}
.contnt{position: absolute;
    top: -7px;
    background: #f26666;
    right: 5px;
    padding: 1px 5px;
    border-radius: 4px;
    color: #fff;}	
	
	
.price{float: right;
    display: table;
    margin-right: 25px;
    cursor: pointer;}
.price p:nth-child(1){color: #5a5b5a;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 0px;}
	
.price p:nth-child(1) i{font-size: 18px;
    color: #5a5b5a;
    margin-right: 2px;}
	
.price p:nth-child(2){color: #777777;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;}
	
.heart{float: right;
    display: table;
    padding: 7px 5px 2px 7px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin: 8px 16px;cursor:pointer;position:relative;}
.heart i{font-size:20px;}
.wishcount{ position: absolute;
    top: -15px;
    background: #64ab4a;
    right: 0px;
    padding: 1px 5px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;}


.inputbox{display: table;
    float: right;
    margin-right: 15px;position:relative;}
.inputbox input{float: left;
    box-shadow: none;
    border: solid 2px #6fba54;
    border-radius: 25px;
    color: #7a7a7b;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    padding-left: 30px;
    height: 42px;
    width: 500px;position:relative}
	
.inputbox::before{    content: "";
    font-family: fontawesome;
    position: absolute;
    left: 12px;
    z-index: 10;
    top: 8px;
    font-size: 18px;
    color: #ddd;}

.inputbox select{border-radius: 0px;
    float: left;
    background: #6fba54;
    height: 42px;
    color: #fff;
    border: none;
    width: 150px;}
.inputbox .btn{border-radius: 0px 25px 25px 0px;
    float: left;
    background: #64ab4a;
    height: 42px;
    padding: 10px 15px;}

.inputbox .btn i{color:#fff}


.navbar{background: #397ad4;
    color: #fff;
    position: relative;border-radius:0px}
.navbar-nav{margin-left:100px;}
.navbar-nav>li>a{    padding-top: 7px;
    padding-bottom: 5px;
    font-size: 17px;
    cursor: pointer;}
.navbar-brand{
    padding: 7px 15px 4px 0px;
    position: relative;
    display: table;}
.navbar-brand i{margin-right:5px}
	
	
.nav>li>a:focus, .nav>li>a:hover{background:none;text-decoration: none;}

.slider{position:relative}
.mslider{ width: 100%;
    display: table;
    padding-left: 260px;position:relative;margin-bottom:15px}
	
.carousel {margin-top:15px}
.catgorylist{ position: absolute;
    width: 245px;
    top: -1px;
    left: 0px;
    z-index: 1000;
    border-top: 1px solid #397ad4;}
	
.carousel-inner img{width:100%}
.catgorylist ul{position: relative;
    background: #fafafa;
    border: 1px solid #fafafa;padding-left:0px}
.catgorylist ul li{list-style: none;
    padding:7px 0px 7px 40px;
    position: relative;
    cursor: pointer;
    color: #3a3e41;
    font-size: 15px;}
.catgorylist ul li:hover{background:#f3f3f3;}

.catgorylist ul li::after{    content: '';
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    color: #ddd;
    opacity: 0.5;
	z-index:2}

.catgorylist ul li::before{
	 content: '';
    font-family: fontawesome;
    position: absolute;
    right: 23px;
    color: #ddd;
    opacity: 0;
    transition: right 0.3s ease-in-out 0.01s;
	-webkit-transition: right 0.3s ease-in-out 0.01s;
	-moz-transition: right 0.3s ease-in-out 0.01s;
	-o-transition: right 0.3s ease-in-out 0.01s;
	-ms-transition: right 0.3s ease-in-out 0.01s;
    animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	z-index:1;
	}
.catgorylist ul li:hover::after{opacity:1;color:#b9b9b9}
.catgorylist ul li:hover::before{opacity:1;right:5px;color:#b9b9b9}	

.catgorylist ul li img{position:absolute;left:8px;top:3px;}
.mbottom{margin-top: 15px;}
.mbottom img{width:100%}

.catlistbox{position: absolute;
    z-index: 5;
    top: 0;
    left: 243px;
    width: 896px;
    background: #f3f3f3;
    height: auto;
	min-height:387px;
    display: none;
    padding-right: 150px;
    cursor: auto;
    padding-bottom: 15px;
	border:1px solid #f3f3f3}
	
.catlistbox	.imgcat{position:absolute!important;right:0!important;top:0!important;display:table}
.catlistbox	.imgcat	img{position:relative;left:0px;top:0px}
.catgorylist ul li:hover .catlistbox{display:block}
.catlistbox:hover{display:block}
.catlistbox ul li::after{display:none;}
.catlistbox ul li:last-child{background:none;}

.subbox{width:33.33%;float:left}
.catlistbox .subbox:nth-child(3n+1){clear:both;}
.subbox h4{margin-left: 15px;
    margin-bottom: 5px;
    font-size: 18px;
    cursor: default;
    border-bottom: 1px dotted #fafafa;color: #007b4c;
    display: table;}
.subbox h4:hover{border-bottom: 1px dotted #ffa200;}	
	
.subbox ul{padding-left: 0px;
    border: none; background:#f3f3f3}
.subbox ul li{    list-style: none;
    padding: 2.5px 15px;
    font-size: 14px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    height: 25px;}
.subbox ul li:after {
	content: ' ';
	display: inline-block;
	position: absolute;
	width: 120%;
	height: 25px;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translateX(-100%) skewX(-36deg);
	-ms-transform: translateX(-100%) skewX(-36deg);
	transform: translateX(-100%) skewX(-3deg);
	background: #374650;
	z-index: -3;
	-webkit-transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
	-moz-transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
	-ms-transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
	-o-transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
	transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
	
	
	}

.subbox ul li:last-child:after{display:none;}
.subbox ul li:hover:after{ 	
   -webkit-transition: 0.4s cubic-bezier(0.82, 0.01, 0.28, 0.99) 0s;
	transition: 0.4s cubic-bezier(0.82, 0.01, 0.28, 0.99) 0s;
	-webkit-transform: translateX(-10%) skewX(-36deg);
	-ms-transform: translateX(-10%) skewX(-36deg);
	transform: translateX(-10%) skewX(-36deg);
	opacity: 1}



.subbox ul li a::before{  content: '';
    width: 2px;
    height: 0;
    background:#f57f17 ;
    position: absolute;
    top: 0px;
    left: 5px;display:none;
	transition: all 0.2s ease-out 0.01s;
    -webkit-transition: all 0.2s ease-out 0.01s;
    -moz-transition: all 0.2s ease-out 0.01s;
    -ms-transition: all 0.2s ease-out 0.01s;
    -o-transition: all 0.2s ease-out 0.01s;
	}
	
	
.subbox ul li a:hover::before{height:100%;display:block}
.subbox ul li a{ width: 100%;
    display: table;
    z-index: 5!important;
    overflow: hidden;}
/*.subbox ul li:hover{background:#fafafa;}*/
.subbox ul li:hover a{color:#f57f17;}
.subbox ul li:last-child:hover{background:none;}
.subbox ul li:last-child a{color:red;font-size:12px;display:table;position:relative;overflow:hidden;z-index: 5;}
.subbox ul li:last-child::before{display:none;}
.subbox ul li:last-child a:hover::before{display:none}
.subbox ul li:last-child a:hover::after{display:none}

.subbox ul li:last-child a span{position: relative;
    display: inline-block;
    transition: transform 0.3s ease-out 0.01s;
    -webkit-transition: transform 0.3s ease-out 0.01s;
    -moz-transition: transform 0.3s ease-out 0.01s;
    -ms-transition: transform 0.3s ease-out 0.01s;
    -o-transition: transform 0.3s ease-out 0.01s;}
.subbox ul li:last-child a span::after{position: absolute;
    left: 0px;
    top: -100%;
    content: attr(data-hover);
    font-weight: 400;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
.subbox ul li:last-child a span:hover{	
   -webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);}
	
	
.subbox ul li::before{display:none;}

/*.subbox ul li:last-child a::after{content:'';display:block;
    font-family: fontawesome;
    position: absolute;
    top: -1px;
    left: 55px;
    opacity: 0;transition: all 0.3s ease-in-out 0.001s;}
	
.subbox ul li:last-child a:hover::after{opacity:1;}
*/	


.viewlft{float:left}
.viewlft i{margin-right:5px}

.prdbox{    width: 100%;
    display: table;
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    margin-bottom: 15px;
    min-height: 383px;
    transition: box-shadow 0.3s ease-out 0.01s;
    -webkit-transition: box-shadow 0.3s ease-out 0.01s;
    -ms-transition: box-shadow 0.3s ease-out 0.01s;
    -o-transition: box-shadow 0.3s ease-out 0.01s;
    -moz-transition: box-shadow 0.3s ease-out 0.01s;
    overflow: hidden;}
	
.prdbox:hover{ border: 1px solid #b1d8a3;
    box-shadow: 0 6px 6px rgba(0,0,0,.175);}

.percent{ position: absolute;
    width: 35px;
    height: 35px;
    padding: 6px;
    z-index: 1;
    font-size: 19px;
    color: #fff;
    background: #e03030;
    left: 10px;
    top: 10px;}

.prdimg{width:100%;display:table;}
.prdimg img{    max-width: 165px;
    height: 165px;
    margin: 30px auto 0px;
    display: table;}
	
.prdtitl{width:100%;display:table; margin-top:18px;}
.prdtitl p{ text-align: center;font-size: 15px;height: 45px;padding: 0px 15px;overflow:hidden;    margin-bottom: 0px;max-width:200px;margin:0 auto}
.prdprice{width:100%;display:table}
.prdprice p{color: #636262;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    font-family:'Source Sans Pro',sans-serif;
    margin-bottom:5px;}
.prdprice span{font-size:15px;
    margin-left:5px;
    position:relative;}
.prdprice span::after{content: "";
    position:absolute;
    width:100%;
    height:1px;
    background:#636262;
    left:0;
    top:7px;
    transform: rotate(13deg);
	-ms-transform: rotate(13deg);
	-webkit-transform: rotate(13deg);
	-moz-transform: rotate(13deg);
	-o-transform: rotate(13deg);}
	
	

.prdprice p small{position:relative;}
.prdprice p small::after{content:"";}
.addtocart{width:100%;display:table;margin-bottom: 10px;height: 30px;}
.addtocart .btn{padding: 1px 15px 0px;
    display: table;
    width: 185px;
    margin: 0 auto;
    background: #6fba54;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
    height: 30px;
    transition: box-shadow 0.3s ease-in-out 0.01s;
	-webkit-transition: box-shadow 0.3s ease-in-out 0.01s;
	-moz-transition: box-shadow 0.3s ease-in-out 0.01s;
	-o-transition: box-shadow 0.3s ease-in-out 0.01s;
	-ms-transition: box-shadow 0.3s ease-in-out 0.01s;
	}
	
.addtocart .btn:hover{box-shadow: 0px 6px 6px rgba(0,0,0,0.3);}
	
	
.addtocart .btn img {
    margin-right: -1px;
    display: inline-block;
    float: left;
    margin-left: 13px;
}

.prdoff{width:100%;display:table;height: 21px;}
.poffr{    position: relative;
    cursor: pointer;
    font-size: 15px;
    color: #ef7b2e;
    text-align: center;
    height: 21px;
    margin-bottom: 0;}

.psellr{ color: #666;
    font-size: 12px;text-align: center;margin-bottom:5px;}
	
.prdoff p span{position: absolute;
    bottom: 18px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    display: none;
    width: 190px;
    left: 6%;
    color: #636262;
    text-align: left;
    z-index: 15;}
.prdoff p span i{color: #f86969;display:block}	
.prdoff p a:hover +span{display:block}
.prdoff p span:hover{display:block}
.headingtag{width:100%;display:table;}

.viewlft{color: #686868;font-size: 22px; margin-top:8px;text-transform: capitalize;}

.empty-baskett-text{position:relative;padding-right:220px;}
.empty-baskett-text h1{margin-top: 40px;
    margin-bottom: 15px;}
	
.empty-baskett-text span{text-transform: capitalize;}
.empty-baskett-text img{       width: 300px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-85%);
    z-index: -1;
    top: 30px;}
.empty-baskett-text h2{text-align:center;margin-top: 165px;color:red;}


.viewrght{background: #566273;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    line-height: 23px;
    padding: 1px 10px;
    text-transform: uppercase;margin-top:8px}
.viewrght:hover, .viewrght:focus, .viewrght:active{color: #fff;}	
	
	
.sharebox{ position: absolute;
    top: 8px;
    right: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out 0.001s;z-index:10;}
	
.prdbox:hover .sharebox{top: 8px;
    right:8px;opacity:1}	

.ico2, .ico3{position: relative;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    margin-bottom: 3px;
    padding: 6px 7px;background:#fff;}

.ico2{cursor:pointer}
.ico2 .fa-share-alt{cursor:pointer}

.ico3{cursor:Pointer}
.sss{width:70px;
    height: 26px;
    display: block;
    top: 2px;
    right:0px;
    z-index: 1;
    background: #ddd;
    padding: 4px;
    border-radius: 4px;
    position: absolute;
    opacity: 0;transition: all 0.3s ease-in-out 0.01s;-webkit-transition: all 0.3s ease-out 0.01s;
    -moz-transition: all 0.3s ease-out 0.01s;
    -ms-transition: all 0.3s ease-out 0.01s;
    -o-transition: all 0.3s ease-out 0.01s;}


.ico2:hover .sss{opacity:1;right: 35px;}

.sss:hover{display:block}

.sss i{float: left;
    padding: 2px 3.5px;}
.owl-nav{    display: table;
    position: absolute;
    top: -46px;
    right: 136px;}
.owl-prev{    position: absolute;
    top: 5px;
    left: 0;
    font-family: fontawesome;
    background: green;
     padding: 3px 5px;;
    color: #fff;
    border-radius:3px}
.owl-next{    position: absolute;
    top: 5px;
    left: 26px;
    font-family: fontawesome;
    background: green;
    padding: 3px 5px;
    color: #fff;
    border-radius: 3px;}
.bannimg{width:100%;display:table;margin-bottom:15px;}
.bannimg img {width:100%}

.foottop1{background: #27313b;}
.android{background: #0056a6 ;
    border-radius: 3px;
    margin: 10px 0;
    padding: 5px 20px;font-size:15px ;color:#fff}
.android:hover, .android:focus{color:#fff}	
	
.android i{font-size:20px; margin-left:5px}
.sharee{     padding-left: 0px;
    margin-top: 15px;
    width: 100%;
    display: table;}
	
.sharee li{float: left;
    list-style: none;
    padding: 5px 5px;
    margin-right: 3px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;}
	
.sharee li:nth-child(1){background: none;
    width: 50px;
    color: #fff;
    display: table;
    font-size: 14px;}

.sharee .fa-facebook{color: #4f8af6;}
.sharee .fa-twitter{color: #38a7ed;}
.sharee .fa-linkedin{color: #3598ec;}
.sharee .fa-google-plus{color: #e44747;}

.fa-facebook, .fa-twitter, .fa-linkedin, .fa-google-plus{transition: all 0.3s ease-in-out 0.001s;transform: scale(1);
-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);
}
.fa-facebook:hover{color: #4f8af6;transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.fa-twitter:hover{color: #38a7ed;transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);}
.fa-linkedin:hover{color: #3598ec;transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);}
.fa-google-plus:hover{color: #e44747;transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);}

.imgb{width: 100%;
    display: table;
    /*text-align: right;*/
	text-align:left;
    margin-top: 15px;}
.imgb img{cursor:pointer;}
.foottoptwo{    /* background: #1a2127; */
    background: url(../images/background.jpg);
    background-attachment: fixed;
    background-position:100% 0px;
}

	
.footlist{     padding-left: 0px;
    color: #fff; min-height: 200px;}
.footlist h4{cursor: default;display: table;border-bottom: 1px dotted #696969;}	

.footlist li{    list-style: none;
    padding: 5px 0px;position:relative;overflow:hidden;}
.footlist li a{display:inline-block; position:relative; z-index:100; overflow:hidden; padding:3px 5px 0px 3px;}

.footlist li a::after{content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    border-top: 1px dotted #696969;
    z-index: 0;
	
    transition: left 0.3s ease-in-out 0.001s;
    -webkit-transition: left 0.3s ease-in-out 0.001s;
    -moz-transition: left 0.3s ease-in-out 0.001s;
    -ms-transition: left 0.3s ease-in-out 0.001s;
    -o-transition: left 0.3s ease-in-out 0.001s;}

.footlist li a::before{content:"";
    position: absolute;
    bottom: 0;
    right: 100%;
    width: 100%;
    border-top: 1px dotted #696969;
    z-index: 0;
	
    transition: right 0.3s ease-in-out 0.001s;
    -webkit-transition: right 0.3s ease-in-out 0.001s;
    -moz-transition: right 0.3s ease-in-out 0.001s;
    -ms-transition: right 0.3s ease-in-out 0.001s;
    -o-transition: right 0.3s ease-in-out 0.001s;}	

.footlist li a:hover::after{left:0px;opacity:1}
.footlist li a:hover::before{right:0px;opacity:1}

.footlist li i{margin-right:5px} 

.foottopthree{background:#1a2127;border-top: solid 1px #28323b;}
.linll{    text-align: right;
    margin-top: 12px;}
.linll a {    color: #fff;
    margin-left: 10px;
    display: inline-block;
    overflow: hidden;position:relative;}
	
.linll a span{position:relative;display:inline-block;
transition: transform 0.3s ease-out 0.01s;
-webkit-transition: transform 0.3s ease-out 0.01s;
-moz-transition: transform 0.3s ease-out 0.01s;
-ms-transition: transform 0.3s ease-out 0.01s;
-o-transition: transform 0.3s ease-out 0.01s;}

.linll a span::after{position: absolute;

    left: 0px;
    top: -100%;
    content: attr(data-hover);
    font-weight: 400;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}	
	
.linll a span:hover{	
   -webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);}
	
.copy{color: #fff;
    margin-top: 12px;}
.cards{margin-top: 10px;
    display: table;}
.cards img{float: left;
    margin-right: 5px;}
#scrollat{border-radius: 50%;
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    border: 1px solid #ddd;
    padding: 7px 9px;
    background: #fff;
    transition: all 0.3s ease-in-out 0.01s;z-index: 100;}
#scrollat i{font-size: 15px;
    color: #1a2127;}
#scrollat:hover{background:#2e8bcc;}
#scrollat:hover i{color:#fff}



.filter{width:100%;display:table;}
.bigbox{width:100%;display:table; position:relative; padding-left:231px}
.filsec{    position: relative;
    top: 0px;
    z-index: 10;
    background: #fff;
    
    float: left;
    margin-left: -230px; }
.rightaside{display: table;
    width: 100%;    
	min-height: 680px;}
	
.headrs{width:100%;display:table;margin-bottom:10px}
.rightaside .col-md-3{paddin-left:10px ;padding-right:0px}


.headrs p{margin-left: 15px;
    font-size: 20px;}
.headrs select{margin-right:2px}

.coupon{position:relative;width: 220px;}
.coupon img{width:220px}
.code{    position: absolute;
    bottom: 52px;
    left: 74px;
    font-size: 16px;
    font-family: raleway;
    font-weight: 600}
.discont{    position: absolute;
    bottom: 11px;
    left: 75px;
    font-size: 18px;
    color: #efa943;
    font-weight: 600;}

.drhead{    width: 100%;
    display: block;
    position: relative;
    padding-left: 20px;
    font-size: 17px;
    color: #272727;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.drhead i{margin-right: 5px;
    position: absolute;
    left: 2px;
    top: 4px;
    font-size: 17px;}
.drhead span{    float: right;
    font-size: 14px;
    margin-top: 5px;}
.drhead span button{border: none;
    background: none;}
.fill1{width:220px;display:block;padding:5px}
.fill1 ul{padding-left: 0px;
    width: 210px;
    max-height: 80px;
    overflow-x: hidden;
    overflow-y: hidden;}

.fill1 ul:hover{transition: max-height 0.5s ease-in 0.01s;max-height:170px!important;border-bottom:1px solid #ddd;overflow-y: auto!important;}

.filterheight{height: 85vh;
    background: #fff;
    max-width: 220px;
    }



.fill1 ul li{       list-style: none;
    padding: 1px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;cursor:pointer}
.fill1 ul li:hover{background:#ddd}
	
.fill1 ul li a{cursor:pointer;}		
	
	
.fill1 ul li input{margin-right:10px;cursor:pointer}
.filtogg{float: left;
    margin-right: 6px;
    background: #397ad4;
    color: #fff!important;
    padding: 5px 10px 2px;}

.compdetails{width:100%;padding:15px}

.compdetails h4{
    font-weight: 500;
    color: #444;
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.compdetails h4:hover{overflow:visible;}
.productdetails{width:100%;display:table;}
.wishlst, .avilble, .actual, .spprice, .shipp, .ptag, .addcart{width:100%;display:table; color: #777777;
    font-size: 14px;margin-bottom:8px;position:relative;}
.wishlst a{float: left;
    display: table;
    margin-right: 15px;
    margin-bottom: 15px;}
.wishlst a i{margin-right:5px}

.avilble span{color: #298e00;margin-left: 10px;}
.actual span{ display: inline-block;color: #696767;
    font-size: 15px;position:relative;margin-left: 10px;}
.actual span::after{ content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #636262;
    left: 0;
    top: 7px;
    transform: rotate(13deg);}	
	
.spprice span{ color: #636262;
    font-size: 23px;display:inline-block;margin-left: 10px;}
.shipp span{    color: #666;
    font-size: 16px; display:inline-block;margin-left: 10px;}
.ptag{color: #444;
    font-size: 14px;}	
	
.ptag input{    width: 30px;
    height: 22px;
    display: inline-block;
    margin: 0 6px;
    text-align: center;}


.sellersdet{width:100%;display:table;font-family: 'titilliumregular', sans-serif;}
.sellersdet p{width:100%;display:block;font-size:15px}
.sellersdet p a:hover{    color: #397ad4;
    text-decoration: underline;}
.sellersdet p span:hover{    color: #397ad4;
    text-decoration: underline;}	

.sellersdet .selname span{font-size:14px;
    color: #ffa200;
    font-weight: 600;}
	
.addcart .btn{padding: 1px 15px 0px;
    display: table;
    width: 185px;
    float:left;
    background: #6fba54;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
    height: 25px;
	transition: box-shadow 0.3s ease-in-out 0.01s;
    -webkit-transition: box-shadow 0.3s ease-in-out 0.01s;
    -moz-transition: box-shadow 0.3s ease-in-out 0.01s;
    -o-transition: box-shadow 0.3s ease-in-out 0.01s;
    -ms-transition: box-shadow 0.3s ease-in-out 0.01s;margin-right:5px;}

.addcart .btn:hover{box-shadow:0px 6px 6px rgba(0,0,0,0.3);}

.addcart .btn img{float:left}	
.addcart i{padding:5px; margin:0px 5px}	

.distab{}
.distab tr td{text-align:left!important;}
.distab p{margin-bottom:0px}
.distab tr:nth-child(3) td:nth-child(1){width:150px;}

.grayback{background:#fff;font-size:15px;width:100%}

.grayback .table-responsive{background:#fff;}
	
.drakgray{background:#f5f5f5;}

.discrpt{   width: 100%;
    display: table;
    margin-top:15px;
    background: #fff;}
.discrpt p{
    padding: 7px 5px 7px 0px;
    margin-bottom: 0px;
	text-align:justify;}
.blueback{border: none;
    margin-bottom: 0;
    padding: 0;}
.blueback a{display: table;
    background: #397ad4;
    padding: 5px 10px;
    color: #fff;cursor:pointer}

.tabsbox{width:768px; display:table; margin:0 auto;padding:10px;min-height: 400px;}
.fgtpass{width:100%; display:table; text-align:center;color:#444444 }
.fgtpass a:hover{color:#ED070A;}
.signblue{
    background: #397ad4;
    color: #fff; }
.signblue:hover, .signblue:focus{color:#fff}	
.tab-content{ border: 1px solid #ddd;
    border-top: 0px;
    padding: 20px;}
.addcartgrn{    padding: 1px 15px 0px;
    display: table;
    width: 185px;
    background: #6fba54;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
    height: 25px; margin :0 auto;}
.addcartgrn:hover, .addcartgrn:focus{color:#fff}
.addcartgrn img{float:left; margin-right:5px}
.smimg{width:60px;height:60px;display:table; margin:0 auto;}
.smimg img{ max-width:60px; display:table; text-align:center;width:60px; height:60px}
.fa-remove{color:red}
.table{margin:0px 0px; border:1px solid #f7f7f7;font-size: 15px;}
.table p{margin-bottom:0px}
.nodatafound{width:760px; margin:50px auto;display:table; }

.nodatafound img{margin:0 auto;display:table}
.nodatafound h2{text-align:center;color: #ff7e5d;}
.cartbox{width:100%;display:table;padding-top: 15px;background: #fff;}
.addcoup{background: #8c98a2;
    border-radius: 2px;
    color: #ffffff;
    padding: 1.6px 8px;
    margin-top: 5px;}
.addcoup:hover,	.addcoup:focus{color:#fff}
	
.whiteback{background:#fff; display:table; width:100%; padding:5px; margin-bottom:10px}
.whiteback p:nth-child(1){font-size: 20px;
    color: #ffa200;
    margin-bottom: 5px;}
.blueen{background: #397ad4;color:#fff;border: 1px solid #397ad4;}
.whiteback .table{margin-bottom:0px!important; margin-top:0px;font-size: 13px;}
.whiteback .table td{text-align:left;    min-width: 100px;}
.brdcolr{ color: #333333;
    font-size: 13px;
    font-weight: 500;}
.orcolor{color:#f69834;font-size:12px}
.inpuandupdate{display: table;
    width: 150px;
    margin: 0 auto;}
.inpuandupdate span{padding-right:5px}	
	
.inpuandupdate p{ color: #e62929;
    font-weight: 500;}	
.inpuandupdate p a:hover{ color: #e62929!important;}
.inpuandupdate p a{display: inline-block;
    position: relative;
    overflow: hidden;}

.inpuandupdate p a:hover{text-decoration:underline}	
	
.inpuandupdate p i{margin-right:5px}	
	
.inpuandupdate input{      width: 30px;
    height: 25px;
    text-align: center;
    margin-right: 8px;
    border-radius: 0px;}

.logonafter{position:relative;}
.logonafter a{     display: table;
    padding: 7px 15px 5px;}
.logonafter:hover ul{display:block;}	
.logonafter ul{display:block;}
.logonafter ul{    padding-left: 0px;
    position: absolute;
    min-width: 181px;
    top: 32px;
    right: 0px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 10;
    border-radius: 0px 0px 5px 5px;display:none}
.logonafter ul li{list-style: none;
    padding: 5px 0px;
    width: 100%}
.usrimg{    height: 135px;
    position: relative;}
.usrimg img{    max-width: 120px;
    height: 100%;
    display: table;
    margin: 0 auto;}
.usrimg p{    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 5px 0px;
    margin-bottom: 0px;}
.usrimg p .btn{ background: #397ad4;
    padding: 0px 9px;
    color: #fff;    margin: 0 auto;
    width: 100px;}

.logonafter ul li a{padding: 0px 10px;
    width: 100%;
    display: table;}
.logonafter ul li i{margin-right: 5px;
    color: #666;}
.usrimg:hover{background:#fff!important}
.logonafter ul li:hover{background:#ddd}
.pagetitle{    margin-bottom: 0;
    font-size: 18px;
    padding: 4px 0px;}
.pagetitle img{    margin-right: 5px;
    margin-top: -5px;}
.pagetitle i{margin-right:5px}
.prckout{width:100%;margin-bottom:0px}
.prckout .btn{float: right;
    background: #f3942e;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    padding: 6px 15px 2px;
    margin: 0px 5px 15px 0px;}
.prckout .btn:hover, .prckout .btn:focus{color:#fff}
	
.prckout .btn i{margin-right:5px}
.chngadd{background: #5bac55;
    color: #fff;}
.chngadd:hover, .chngadd:focus, .chngadd:active{color:#fff!important}	
	
.addadrr{background:#f3942e;color:#fff;}
.addadrr:hover, .addadrr:active, .addadrr:focus{color:#fff}	
	

.kartcode1 p{padding-top: 8px;
    color: #007b4c;
    font-weight: 600;}

.address_box_1{width:100%;display:table;}
.address_box_1 .addbox_1{display: table;
    float: left;
    width: 48%;
    margin: 5px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;}

.bodytextcontent p{text-align: justify;font-size: 15px;}
.bodytextcontent{margin-bottom:25px;min-height:400px}	

i.clk{display:none}

#CartItems table tr td:nth-child(2){max-width: 200px;
    text-align: left;
    word-wrap: break-word;}
div#WishList{min-height: 450px;}




@media (max-width:1200px){

.addtocart .btn{width: 160px;
    padding: 1px 2px;}
.inputbox input{width:480px}
.catgorylist ul li{padding: 8px 0px 8px 40px;}
.slider{margin-bottom:60px}
.catlistbox{width:697px;}
.subbox{width:50%}

.subbox ul li{padding: 2.5px 15px;}
.addcart .btn{width:135px;padding: 1px 4px 0px;}
.catlistbox .subbox:nth-child(2n+1){clear:both;}
.catlistbox .subbox:nth-child(3n+1){clear:none;}
}
@media (max-width:992px){
.slider{margin-bottom:0px}
.bannimg{display:none}	
.secondline .pull-left img{/*position:absolute;*/margin-left:-13px;}
.navbar-nav{margin-left: 10px;
    float: right;
    margin-right: -20px;}
.inputbox{    width:300px;
    margin: 0px auto 10px;}
.inputbox input{ width:100%!important;}
.catgorylist ul li{padding:8px 0px 8px 40px}
.navbar-nav>li>a{padding:7px 8px}
.catlistbox{width:500px;padding-right:0px}
.catlistbox .subbox{width:50%;}
.subbox ul li{padding: 3px 0px 3px 15px;}
.addtocart .btn{width: 185px;
    padding: 1px 15px;}
.owl-item .empty-baskett-text{width:300%!important;}
.copy{text-align:center}
.linll{text-align:center}
.cards{text-align: center; margin: 3px auto 0px;}
.mbottom img:nth-child(1){margin-bottom:15px}
.addcart .btn{width:185px;padding: 1px 15px 0px;}
.zoom-left{margin-bottom:15px}
.compdetails{padding-left:0px;}
.wishlistbox{width:250px}
}
	
@media (max-width:768px){
.secondline .pull-left{position:absolute;}
.mslider{padding-left:0px}
.inputbox select{width:120px}
.inputbox input{ width: 100%!important;}
.catgorylist{left:-315px;transition: all 0.3s ease-in-out 0.01s;
	-webkit-transition: all 0.3s ease-in-out 0.01s;
	-moz-transition: all 0.3s ease-in-out 0.01s;
	-o-transition: all 0.3s ease-in-out 0.01s;
	-ms-transition: all 0.3s ease-in-out 0.01s}
.imgb{text-align:center}
.sharee{width: auto;
    display: table;
    margin: 10px auto 0px;
    text-align: center;}
.android{margin: 5px auto 0px;
    display: table;}
.copy{text-align:center}
.linll{text-align:center}
.navbar-nav{    margin-left: 0px;
    margin-right: 0px;float:none}
.navbar-nav li{text-align:center}
/*.catgorylist ul li:hover .catlistbox{display:none}*/
.catlistbox{    width: 200px;
    left: -295px;
    top: 33px!important;
    transition: all 0.3s ease-in-out 0.01s;
		-webkit-transition: all 0.3s ease-in-out 0.01s;
	-moz-transition: all 0.3s ease-in-out 0.01s;
	-o-transition: all 0.3s ease-in-out 0.01s;
	-ms-transition: all 0.3s ease-in-out 0.01s;
    border: 1px solid #ddd;
	}
.asdfg{left:95px!important}	
.catgorylist ul li{font-size:14px}
.catlistbox .subbox{width:100%;}
.catgorylist{width:225px}
b.clk{    position: absolute;
    width: 35px;
    height: 34px;
    border: 1px solid #ddd;
    right: 0;
    top: 0;
    z-index: 4;display:block!important}
b.clk::after{content:"";}
.catlistbox::after{    content: "";
    width: 34px;
    height: 15px;
    background: #f3f3f3;
    position: absolute;
    top: -6px;
    left: 93px;}

.selectone::after{display:none}
.navbar-brand{margin-left:15px}
.filsec{position: absolute;
    margin-left: 0;border:1px solid #ddd;}
.rightaside .col-md-3{padding-left:15px;padding-right:15px}
.bigbox{padding-left:0px}
.filsec{    top: 38px;
    left: -240px;
    transition: all 0.3s ease-in-out 0.001s;
	-webkit-transition: all 0.3s ease-out 0.01s;
    -moz-transition: all 0.3s ease-out 0.01s;
    -ms-transition: all 0.3s ease-out 0.01s;
    -o-transition: all 0.3s ease-out 0.01s;}
.catdisp{display:block!important}
.tabsbox{width:100%;min-height: 100px;}
.nodatafound{width:100%;min-height: 100px;}
.inputbox{width:100%}
.address_box_1 .addbox_1{width:96%}
.nav>li>a{    padding: 14px 5px 2px;
    border-bottom: 1px dotted #015fe2;}
.tabsbox .nav>li>a{padding: 10px 15px;border-bottom: 0px;}

.fottercls{position:relative!important}
.footbtn{display:none;}
.asidefix{position:absolute!important; top:38px}
.cards{text-align: center; margin: 3px auto 0px;}
.whiteback{margin-bottom:0px}
.cartbox{padding:0px}
.headrs p{margin-left:0px}
.ui-dialog{width:90%!important}
.owl-item .empty-baskett-text{ width: 100%!important;}
.ui-dialog .table-responsive{border:none!important}	
.showtcttwo{top:-34px!important;left:-60px!important;}
.simpleLens-gallery-container{ width: calc(100% - 0px)!important;margin-left:0px!important;}
.simpleLens-thumbnails-container{width:100%!important}
.ui-autocomplete{left:0px!important;width:100%!important}
.dataTables_filter label{margin:10px 0px;}
.tabttwidth th{min-width:150px;}
.myordertrow3 p{width:100%!important}
.myordertrow3 p:nth-child(1){padding-left:0px!important;}
.empty-baskett-text img{    transform: translate(-50%)!important;
	-webkit-transform: translate(-50%)!important;
	-moz-transform: translate(-50%)!important;
	-ms-transform: translate(-50%)!important;
	-o-transform: translate(-50%)!important;
	}
.empty-baskett-text{padding-right:0px;}
.headerfixed{ position: relative!important;
    top: 0px!important;}
.sliderfixed{position: relative!important;
    top: 0px!important;}
.breadcrumb{font-size:9px;}
.catgorylist ul li{font-size:14px}
}
@media (max-width:525px){
.navlist{margin-right: -10px;}
.topblock img{margin-left:-10px}
.logon{font-size:13px;padding: 2px 7px 1px;}
.selecttwo select,.selectone select {    margin: 7px 2px;
    font-size:13px;}

.cards{text-align: center; margin: 3px auto 0px;}
.secondline .pull-left img{left:-13px}
.wishlistbox{margin-right:-13px}
.price{margin-right:2px}
.heart{margin: 7px 6px;}
.modal-footer .btn{padding:2px 5px;}
.modal-title .btn{padding:2px 5px;}
h4.modal-title{margin-right:100px}

}

@media (max-width:450px){
.selecttwo{padding-left:3px;}
.selectone{padding-right:2px}

}

@media (max-width:380px){
.selecttwo{padding-left:3px;font-size: 11px;}
.selectone{padding-left:2px;font-size: 11px;}
.selectone::before{left:-10px;font-size: 15px;}
.selectone ul{top:27px}
.selecttwo ul{top:27px}
.price p:nth-child(1){font-size:17px}
.zoomimg img{width:275px!important}
}




.navbar-toggle{ padding: 4px 10px; margin:0 15px}

.hiidden{left:0px!important}
.hider{left:0px!important;}
.navbar-toggle i{    position: relative;
    display: table;
    width: 20px;
    height: 2px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 3px;
    margin-top: 3px;}
.catdisp{display:none}
.displayfull{display:block!important}
.catdisp:hover{display:block}
sup{color:red}
.redirect{padding-right:15px;display:table;}
.redirect .btn{float: left;
    background: #6fba54;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    padding: 6px 15px 2px;
    margin-left: 5px}
	
.redirect .btn i{margin-right:5px}	

.colorgrn{ color: #00711e;
    border-bottom: 1px solid #00711e;
    display: table;}
.table-bordered>thead>tr>th{border-bottom-width: 1px!important;}
.linepar input{margin-right:5px; margin-left:10px}
.linepar{margin-bottom:5px}
.linepar .btn{margin-bottom:15px}
.yelcolor{ color: #007b4c;}
.orddetll{ color: #ffa200;}
.drkclor{color: #000000;
    font-size: 15px;
    text-align: justify;}	

.text-left{text-align:left!important;font-weight:bold;color:#ffa200}
.texte-left{text-align:left!important}
.ui-dialog{padding: 15px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    outline: none;
    min-height:220px!important;
    z-index: 150;}
.diagmaxhgt{ max-height: 155px;
    width: 100%;
    overflow-x: hidden;
    overflow-Y: auto;}


.ui-dialog-titlebar {}
.ui-dialog-titlebar span{font-size: 17px;
    color: #f3942e;
    font-weight: 600;}
.ui-dialog-titlebar button span{font-size:15px; color:#000}
	
	
.list{padding-left:15px}	
.list ul{padding-left:0px}
.list li{list-style:none;padding-left:15px}
	
.ui-dialog div{margin-bottom:10px;}

.ui-dialog-titlebar-close{float: right;
    border-radius: 4px;
    border: 1px solid #ddd;}
	
.postaldelivery{background: #64ab4a;color: #fff;padding: 1px 10px;}
.postaldelivery:hover, .postaldelivery:focus, .postaldelivery:active{color:#fff}
.ui-autocomplete{    width: 500px;
    background: #fff;
    border-radius: 5px;padding-left:0px; border:1px solid #ddd;z-index:1500;}
.ui-autocomplete li{list-style:none;padding:4px 15px;cursor:pointer;}
.ui-autocomplete li:hover{background:#e0e0e0}
.ui-autocomplete-category{color:#f26666;font-weight:500;}

.footbtn{position:fixed;
    bottom: -1px;
    left: 25px;
    background: #1154a1;
    color: #fff;
    padding: 4px 15px;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
	z-index:1000;transition: position 0.3s ease-in-out 0.01s;-webkit-transition: position 0.3s ease-out 0.01s;
    -moz-transition: position 0.3s ease-out 0.01s;
    -ms-transition: position 0.3s ease-out 0.01s;
    -o-transition: position 0.3s ease-out 0.01s;}

.footbtnrel{transition: position 0.3s ease-in-out 0.01s;-webkit-transition: position 0.3s ease-out 0.01s;
    -moz-transition: position 0.3s ease-out 0.01s;
    -ms-transition: position 0.3s ease-out 0.01s;
    -o-transition: position 0.3s ease-out 0.01s;}	
.footbtn:hover, .footbtn:focus, .footbtn:active{color:#fff;}	
.fottercls{position: fixed; transition: position 0.3s ease-in-out 0.01s;-webkit-transition: position 0.3s ease-out 0.01s;
    -moz-transition: position 0.3s ease-out 0.01s;
    -ms-transition: position 0.3s ease-out 0.01s;
    -o-transition: position 0.3s ease-out 0.01s;}
footer{bottom: 0;
    width: 100%;
    z-index: 10;
	position:relative;
	transition: position 0.3s ease-in-out 0.01s;-webkit-transition: position 0.3s ease-out 0.01s;
    -moz-transition: position 0.3s ease-out 0.01s;
    -ms-transition: position 0.3s ease-out 0.01s;
    -o-transition: position 0.3s ease-out 0.01s;}
.asidefix{position:fixed;top:95px;z-index:1;}
.fadmasg{ position: absolute;
    top: 50%;
	display:none;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #a7a7a7;
    width: 85%;
    padding: 5px 15px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #a7a7a7;
    font-size: 16px;
    text-align: center;}
	
.certime{border: 1px solid red;}
.certime .prdimg img{ -webkit-animation-name: flash;
  animation-name: flash;
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
 
@-webkit-keyframes flash {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes flash {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
 
.certime:hover{border: 1px solid red;box-shadow: 0 6px 6px rgba(165, 3, 3, 0.31)!important;}

.certime #element2{ display:inline-block; color:red;font-weight:bold;}
.certime #element1{ display:none;}
#element2{ display:none;}
.certime .btn img{display:none!important;}

.changea #element2{ display:inline-block; color:red;font-weight:bold;}
.changea #element1{ display:none;}
.changea img{display:none!important}

.shrere{ display: inline-block;
    position: relative;
    border-radius: 2px;
    border: 1px solid #ddd;
    margin: 0px 5px; }

.ssbicons{position: absolute;
    width: 31px;
    background: #ddd;
    left: 2px;
    padding: 0;
    border-radius: 5px;
    bottom:0px;opacity:0;
	transition: all 0.3s ease-in-out 0.01s;
	-webkit-transition: all 0.3s ease-in-out 0.01s;
	-moz-transition: all 0.3s ease-in-out 0.01s;
	-ms-transition: all 0.3s ease-in-out 0.01s;
	-o-transition: all 0.3s ease-in-out 0.01s;
	}
.shrere:hover .ssbicons{opacity:1; bottom: 25px;}
.ssbicons a{}
.owl-item .empty-baskett-text{width:500%}
.showtct{position: absolute;
    top: 0px;
    width: 150px;
    background: #6fba54;
    font-size: 17px;
    right: 35px;
    padding: 1px 1px;
    border-radius: 5px;
    z-index: 10;
    text-align: center;
    color: red;
    font-weight: 500;
	display:none}
.newshow .showtct{display:block}
.sharetwo{cursor:pointer;}
.showtcttwo{ position: absolute;
    top: 0px;
    width: 150px;
    background: #6fba54;
    font-size: 17px;
    left: 50px;
    padding: 0px 1px;
    border-radius: 5px;
    z-index: 10;
    text-align: center;
    color: red;
    font-weight: 500;
    display: none;}
.disshow .showtcttwo{display:block}

.closetable{
	position: absolute;
    top: -5px;
    right: 0;
    z-index: 150;
    background: red;
    padding: 1px 3px 0px 3px;
    color: #fff;cursor:pointer}
#Productsview td{min-width:100px}
.paddmr0{padding-right:0px}
#ProductsList {display:table;width:100%;}




/*------------------------ ripple effect -------------------*/
.rippler {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rippler:focus,
.rippler:active {
  outline: none;
}
.rippler::-moz-focus-inner {
  border: 0;
}
.rippler-button {
  display: inline-block;
}
.rippler-img {
  display: block;
}
.rippler-circle-mask {
  border-radius: 50%;
-webkit-mask: url(../svg/circle.svg) no-repeat;
  -webkit-mask-size: 100%;
}

.rippler-effect {
  position: absolute;
  opacity: .3;
}

.rippler-default .rippler-svg {
  fill: #fff;}

.rippler-default .rippler-div {
  background-color: #fff;
}

.rippler-gray .rippler-svg {
  fill: #ddd;}.rippler-gray .rippler-div {background-color: #ddd}
.comeuu {
background:#27313b;}

/*# sourceMappingURL=rippler.css.map */



.dataTables_filter input{border:1px solid #64ab4a}
.dataTables_filter label{color:#64ab4a;font-weight:500;}
.previous{padding: 5px;
    background: #ddd;
    border-radius: 4px 0px 0px 4px;}
.current{background: #ffa200;
    padding: 5px;
    color: #fff;}
.next{padding: 5px;background: #ddd;border-radius: 0px 4px 4px 0px;}
.dataTables_paginate{margin:10px 0px!important;}
.adorder{padding-left:0px}
.adorder li{    list-style: none;
    text-align: left;
    padding: 5px 0px;
    color: #037348;
    font-weight: 500;}
	
.adorder li span{color:#000;font-weight:400}

.fontclr{ color: #ffa200;
    font-weight: 600;
    text-align: left!important;}
.sunmsn{ font-weight: 700;color:#056305;text-align: right!important;}
.sunmsnred{font-weight: 700;color:red;text-align: right!important;font-size:17px;}
.reorderbtn{background: #e63e37;color: #fff;}
.reorderbtn:hover, .reorderbtn:active, .reorderbtn:focus{color:#fff;}

.addblk{ vertical-align:top!important;text-align: left!important;}
.tablebaground{background-color: #f9f9f9!important;text-align:left!important}
.validation-summary-errors{padding-left:60px;}
.validation-summary-errors li{list-style:none;color:red;}
.myorderrow{    display: table;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 5px 0px 15px;
    margin-bottom: 10px;}

.myorderrowtop{display: table;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px 5px;
    margin-bottom: 10px;border-radius: 4px 4px 0px 0px;    font-weight: 600;
    color: #ffa200;}	
	
.myordertrow3 p{float:left;width:33.33%;text-align:left}
.myordertrow3 p:nth-child(3){text-align:right}
.myordertrow3 p:nth-child(1){color: #ffa200;font-weight: 600;padding-left:15px}

.myordertrow3 p span{color:#287d09;font-weight:600;}

.myorderrowtop p, .myorderrow p{ float: left;
    width: 33%;
    margin-bottom: 0px;
    font-size: 15px;}
.myorderrow p:nth-child(3){text-align:right}
.myorderrow p:nth-child(3) i{color: #ffa200;
    cursor: pointer;
    padding-left: 10px;
    padding: 0px 10px;}

.myorderrowtop p:nth-child(3){text-align:right}

.panel-group table{margin-bottom:15px;}
.panel-group .table-bordered>tbody>tr>td, .panel-group .table-bordered>tbody>tr>th{border: 1px solid #f1f1f1!important;}
.btn-cancel{background: #f26666;
    color: #fff;
    float: left;margin-bottom: -8px;
    margin-right: 5px;border:1px solid #f26666!important}
	
.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus{background: #f26666!important;
    color: #fff!important;}	
.ordersdrop{    position: relative;
    float: right;
    border: 1px solid #ddd;
    padding: 2px 15px;
    width: 150px;
    text-align: left;
    border-radius: 4px;}

.ordersdrop::after{ content: "";
    font-family: fontawesome;
    position: absolute;
    right: 6px;
    z-index: 10;
    top:2px;
    font-size: 14px;
    color: #5c5959;}

.ordersdrop p{margin-bottom:0px;}

.myodrop{width:100%;margin-bottom:10px;}

.ordersdrop ul{    padding-left: 0px;
    position: absolute;
    top: 25px;
    right: 0px;
    width: 100%;
    min-width: 150px;
    border: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    background: #fff;display:none}
.ordersdrop ul:hover{display:block}
.ordersdrop:hover ul{display:block}
.ordersdrop ul li{list-style: none;
    padding: 2px 5px;
    text-overflow: ellipsis;
    overflow: hidden;}
.ordersdrop ul li:hover{background:#fafafa;}	
.zoomimg{width:100%;display:table;}
.zoomimg img{width: 300px;margin: 10px auto;display: table;border: 1px solid #f1f1f1;}
.leftselname{color:#ffa200;font-weight:600;text-align:left!important}

.btn-default.dropdown-toggle::after{content: "";
    font-family: fontawesome;
    position: absolute;
    right: 6px;
    z-index: 10;
    top: 4px;
    font-size: 14px;
    color: #fff;}
.btn-default.dropdown-toggle{width: 160px;
    background: #007b4c;
    color: #fff;
    text-align: left;
    border: 1px solid #007b4c;position:relative;}
.open>.dropdown-toggle.btn-default {
    color: #fff!important;
    background-color:#007b4c!important;
    border-color:#007b4c;}
	
.logtext{    display: inline-block;
    font-family: 'Oswald', sans-serif;
    padding-top: 5px;
    font-weight: 400;}
	
.logtext svg{width:130px;height:30px}
.logtext svg text{ fill: #5bac55;
    stroke: #5bac55;
    font-size: 23px;font-weight:300}
	
.mgb20 p a:hover{color:#f3942e}
header{width:100%;display:block;position:relative;background: #fff;
    z-index: 110;}
.headerfixed{ position: fixed;top: -35px;dispaly:table; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);}
.sliderfixed{    position: fixed;
    z-index: 1000;
    top: 94px;}
.zindexxx{z-index:100!important}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-color: #f7f7f7;}
.error{color:red;}
.table.mgb20 tr td:nth-child(2){max-width: 200px;
  word-wrap: break-word;}
.table.mgb20 tr td:last-child{min-width:120px}	


/*.logtext svg text:hover{-webkit-animation-name:flashhhh;-webkit-animation-duration: 1.5s;} 
@-webkit-keyframes flashhhh {
  from{
   fill: #5bac55;
    stroke: #5bac55;
  }

  25%{
    fill: #fff;
    stroke: #5bac55;
  }

  50% {
    fill: #ff3d00;
    stroke: #ff3d00;
  }
   75% {
    fill: #fff;
    stroke: #5bac55;
  }
  to{
	    fill: #5bac55;
    stroke: #5bac55;
	  }
}*/

#Loading_Image{    width: 320px;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px
}


#Loading_Image img{
margin: 0 auto;
    display: table;
    border-radius: 5px;
}
.wallleft{}
.wallleft i{margin-right:10px}
.reptpay{padding: 0px 5px;} 
.reptitle{background: #ffa84b;
    color: #fff;
    padding: 5px;
    font-weight: 400;
    margin-bottom: 5px;}

.walet{

    padding: 0px 10px; height: 32px; text-transform: uppercase; margin-right: 40px; display: table; 
}
.waletlnk {
    display: table-cell;
    vertical-align: middle;
}