html {overflow: -moz-scrollbars-vertical; margin: 0; padding: 0;}
body {background:#f8f8fa; color: #222; font-family:Arial,DFKai-sb !important; margin: 0px; padding: 0px;}
body, td, th, input, textarea, select, a {font-size:16px;}
* { margin:0; padding:0; }
h1 {color: #256fc5; margin-bottom:10px; font-size: 30px; font-weight: bolder; font-family:Calibri, Arial, Verdana, Geneva, sans-serif;}
h2 {color: #111; font-size:24px; margin-top: 0px; margin-bottom:15px; padding:0px 0px 5px 0px; font-weight:normal; line-height:32px; }
h3 {color: #333; margin-bottom:10px; font-size: 30px; font-weight: bolder; font-family:Calibri, Arial, Verdana, Geneva, sans-serif;}
h4 {color: #222; font-size:13px; margin-top: 0px; margin-bottom:10px; padding:3px 0px 5px 0px; font-weight:bold; }
h5 {text-transform: capitalize; color: #256fc5; margin-bottom:10px; font-size: 18px; font-weight: bolder; font-family:Calibri, Arial, Verdana, Geneva, sans-serif;}
p {margin-top: 10px;}
b {font-weight: bold; font-size:18px;}
a, a:visited, a b { color:#222; text-decoration: none; cursor: pointer;}
a:hover {text-decoration:none; color:#000;}
a img { border: none; }
.clear{clear:both;}
form { padding:0; margin:0; display:inline;}
input[type='text'], input[type='password'], textarea { background:#fff; border: 1px solid #dddddd; padding:5px 7px; margin-left: 0px; margin-right: 0px; font-size:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:5px;}
input[type='text']:focus, input[type='password']:focus, textarea:focus { border:1px solid #bbb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
select {background:#fff; border: 1px solid #dddddd; padding:5px 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
label {cursor: pointer;}
fieldset{border:0px solid #256fc5; background-color:#e3f2f0;}
.form-label{padding:4px 10px 0 10px; width:20%; float:left; text-align:right;}
.form-control{width:70%; border:1px solid #ddd; margin:4px;}
.form-group-center{width:100%;} .form-group-center-inner{margin:0 0 0 40%;}
.videobox {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/********** layout fixed 013001 **********/
.wrapper-box{margin:0px auto; background:#fff; border-top:6px solid #256fc5;}
.wrapper-wide{background:#fff; border-top:3px solid #256fc5;}

.main-wrapper{margin:0px auto; padding:0 20px; background:url(../img/bg-1.jpg) repeat-y; background-size:100% auto;}

#container{text-align:left; margin:0 auto;}
#column-left { float:left; width:220px; padding:0px 15px 0 0px; border-right:1px solid #eee; }
#column-right { float: right; width:220px; padding:0px 0px 0 15px; border-left:1px solid #eee; }
#content { min-height: 400px; margin-bottom:10px; padding:0px 0px 0 0px; }
#column-left + #column-right + #content, #column-left + #content { margin-left:250px; }
#column-right + #content { margin-right:250px; }

/********** header **********/
#header {position: relative; padding:0px;}
#header:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .htop{border-bottom:0px solid #256fc5;}
#header .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .hsecond{position:relative; margin:0 auto; min-height:100px;}
#header #logo {float:left; margin:25px 10px 0px 0px; width:20%;}
#slogan {float:left;font-size:8px; color:#256fc5;}
/*#header #logo {float:left; margin:25px 10px 0px 0px; width:20%; height:4.6vw; background:url(../img/logo-0.png) no-repeat; background-size:100% auto; }*/
/********** Language & Currency **********/
#language, #currency{float:left; margin:2px 0 0 0; cursor:default; color:#444; text-decoration:none; text-transform:capitalize; position:relative; z-index:1015; line-height:38px; }
#language ul, #currency ul{ display:none; position:absolute; top:38px; left:-62px; background:#fff; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); z-index:1013; padding:10px; }
#language ul li, #currency ul li{ display:block; width:120px; line-height:18px; padding:2px 0;}
#language ul li a, #currency ul li a{display:block;}
#language ul li a b, #currency ul li a b{cursor:default; display:block;}
#language ul li a:hover, #currency ul li a:hover{color:#256fc5;}
.button-language { background:url('../img/ico-02.png') center no-repeat; background-size:26px auto; width:34px; height:34px ;position:absolute; left:-32px; float:left;}

#language span, #currency span{ position:relative; display:block;  padding:0 10px 0 10px; z-index:1014; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
#language span b, #currency span b{background:url(../img/bullet-d.png) right center no-repeat; padding:0 12px 0 0px;}

#language:hover span, #currency:hover span{background:#fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#language:hover, #currency:hover{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.25);}
#language img {cursor: pointer; margin-right:3px; }
#currency:hover, #language:hover { color:#256fc5;}
#currency a b{color: #000; text-decoration: none; }

/********** Top Links **********/
#header .links { position: relative; float:right; line-height:30px; margin-right:-10px;}
#header .links a {display: inline-block; padding:0px 10px; color: #444;  text-decoration: none; font-size:12px; position:relative;}
#header .links a + a:before{display:inline-block; content: "|"; clear: both; height: 0; color:#444; font-size:11px; padding-left:12px; position:absolute; left:-15px;}
#header .links a:hover{color:#256fc5;}
#header #welcome {color: #999999; float:left;}

/********** Mini Cart  ***********/
#header #cart { position:absolute;  line-height:25px; right:0px; top:33px;}
#header #cart .heading {padding:0 0px 0 0px; position: relative;}
#header #cart .heading h4 { background:#256fc5; width:32px; height:32px; float:left; margin:4px 0px 0 0; padding:0;  z-index:1012; position:relative;}
#header #cart .heading a { text-decoration: none; font-size:14px; height:36px; color:#444; display:inline-block; background:#fff; z-index:1012; position:relative; padding:0 7px 0 2px;}
#header #cart .heading a span { background:url('../img/bullet-d.png') right 11px no-repeat; padding-right: 12px; display:inline-block; margin-top:5px; }
#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height: 150px; z-index:1011; background: #FFF; width:350px; right:0; top:35px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);}
#header #cart.active .heading{  box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); }
#header #cart.active .content { display: block; }
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
.mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; }
.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { text-align: left; }
.mini-cart-info .name small { color: #666; }
.mini-cart-info .quantity { text-align: right; }
.mini-cart-info td.total { text-align: right; }
.mini-cart-info .remove { text-align: right; }
.mini-cart-info .remove img { cursor: pointer; }
.mini-cart-total { text-align: right; }
.mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; }
.mini-cart-total td { color: #000; padding:2px; }
#header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0;}
#header #cart .empty { padding-top: 50px; text-align: center; }

/********** Search Bar **********/
#header #search { position:absolute; top:35px; right:140px;}
#header .button-search { background:url('../img/ico-01.png') center no-repeat; background-size:26px auto; width:34px;height:34px ;position:absolute; right:0; cursor:pointer; float:right;}
#header #search input {background:#FFF; padding:0 10px; width:300px; height:32px; line-height:32px; font-size:13px; color:#333; outline:none; border-radius:50px; }
#content #search { position:absolute; margin-top:-40px; left:25%; margin-left:202px;}
#content .button-search { background:url('../img/ico-01.png') center no-repeat; background-size:26px auto; width:34px;height:34px ;position:absolute; top:3px; right:0; cursor:pointer; float:right;}
#content #search input {background:#FFF; padding:0 10px; width:300px; height:32px; line-height:32px; font-size:13px; color:#333; outline:none; border-radius:50px; }

.button-search { background:url('../img/ico-01.png') center no-repeat; background-size:26px auto; width:34px;height:34px ;position:absolute; right:25%; cursor:pointer; float:right;}
#search input {background:#FFF; padding:0 10px; width:70%; height:32px; line-height:32px; font-size:13px; color:#333; outline:none; border-radius:50px; }

/*style 2*/
#header.style2 #search{right:0; left:auto;}
#header.style2 #logo{margin:20px 0px 0 250px; width:380px; text-align:center;}
#header.style2 #cart{left:0; right:auto;}
#header.style2 #cart .content{left:0; right:auto;}

#header.style2 .htop{margin-bottom:10px;}

/*style 3*/
#header.style3 .htop{border:none; display:inline-block; float:right;}
#header.style3 .hsecond{min-height:146px;}
#header.style3 #language, #header.style3 #currency{position:absolute; right:0px; top:30px;}
#header.style3 #language{right:100px;}
#header.style3 #language ul, #header.style3 #currency ul{right:0; left:auto;}
#header.style3 #language span, #header.style3 #currency span{padding:0 7px;}
#header.style3 #language:hover, #header.style3 #currency:hover{box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.25);}
#header.style3 #cart{top:65px;}
#header.style3 .links{z-index:1; padding-right:8px;}
#header.style3 #logo{margin:40px 10px 0 0;}
#header.style3 #search{right:0px; top:112px;}

/********** Menu **********/
#menu > span, .m-menu{display:none;}
#menu {background:url(../img/menu-btn-bg.png) repeat no-repeat; margin:15px 0px; height:61px; padding:0px 0px 0px 3px; border-radius:2px;}
#menu > ul > li.home { margin:0 0 0 0px; }
#menu > ul > li.home a { display:block; height:35px!important; line-height:35px!important; padding:5px 5px 0 5px!important; }
#menu > ul > li.home a span { background:url(../img/home-icon.png) center center no-repeat; display:block; width:30px; height:30px; text-indent:-9999px;}

#menu ul { list-style: none; margin: 0; padding:0 0 0 2px;}
#menu > ul > li { position: relative; float: left; z-index:1010; padding:0px; }
#menu > ul > li > a {white-space: nowrap;overflow:hidden; font-size:18px; color: #fff; line-height:20px; text-decoration: none; display: block; padding:20px 0 20px 35%; z-index: 1009; position: relative; font-weight:bold; text-transform:capitalize;}
#menu > ul > li > a > img { margin-top:-6px; left:30px; position:absolute;}
#menu > ul > li:hover > a {color:#ce7017; background:none; }
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #ce7017; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li:hover > div.custom_block{display:table;}
#menu > ul > li:hover > div.custom_block ul{display:table-cell;}

#menu > ul > li > div > ul { display: table-cell; }

#menu > ul > li.categories_hor > div { display:none; background:rgba(206, 112, 23, 1); width:860px !important; position:absolute; left:50%; margin-left:-422px !important; z-index:1008; padding:10px 0px 0px 0px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);}

#menu > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:200px; margin:0 8% 15px 8%;float:left}
#menu > ul > li > div > ul{position:relative; width:160px;}
#menu > ul > li.categories_hor > div > .column + .column, #menu > ul > li > div > ul li + li{}
#menu > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:16px; color:#fff; border-bottom:0px solid #fff; margin-bottom:5px;}
#menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; }
#menu > ul > li > div > ul li a{font-size:12px;}
#menu > ul > li.categories_hor > div > .column:hover > a{color:#FFF;}
#menu > ul > li.categories_hor > div > .column > div{display:block;}
#menu > ul > li.categories_hor > div > .column:hover div{display:table; }
#menu > ul > li.categories_hor > div > .column > div ul{display:none; padding:0;}
#menu > ul > li.categories_hor > div > .column_single_box > .column_single > div ul{}
#menu > ul > li.categories_hor > div > .column > div ul li + li{}
.column_single_box{position:relative; display:inline-block; width:200px; margin:0 5% 15px 5%; float:left;}
.column_single {margin:0 15px 15px 0px;}
.column_single > a{font-weight:bold; font-size:16px; color:#fff; border-bottom:0px solid #fff; margin-bottom:5px;}
.column_single:hover > a{color:#FFF;}

#menu > ul > li ul + ul { padding-left: 20px; }
#menu > ul > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 150px;}
#menu > ul > li div > ul > li > a {color:#fff; margin-left:8px;}
#menu > ul > li div > ul > li > a:hover {background:url(../img/bullet-1.png) right center no-repeat; color:#FFF;}

#menu > ul > li.categories > div { display: none; background:#fff; min-width:160px; position:absolute; z-index:1008; padding:10px; border-top:2px solid #256fc5; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}

#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menu > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block;}
#menu > ul > li > div > div:nth-child(4) > ul > li.column > ul > li > a{padding:5px 0 5px 25px;}
#menu > ul > li.categories > div > .column:hover > a{color:#256fc5;}
#menu > ul > li.categories > div > .column > div{display:none; position:absolute; border-top:2px solid #256fc5; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index:1010; left:150px; top:0; padding:5px 10px;}
#menu > ul > li.categories > div > .column:hover div{display:table; }
#menu > ul > li.categories > div > .column:hover > div ul{display:table-cell; }
#menu > ul > li.categories > div > .column:hover > div ul li + li{border-top:1px solid #eee;}
.custom_block p{line-height:18px; margin:0;}

/*************** mobile menu css ***************/
.mp-modal{z-index:1099;display:none;padding-top:10px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.mp-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.mp-black,.mp-hover-black:hover{color:#fff!important;background-color:#256fc5!important}
.mp-container:after,.mp-container:before,.mp-panel:after,.mp-panel:before,.mp-row:after,.mp-row:before,.mp-row-padding:after,.mp-row-padding:before,
.mp-cell-row:before,.mp-cell-row:after,.mp-clear:after,.mp-clear:before,.mp-bar:before,.mp-bar:after{content:"";display:table;clear:both}
.mp-display-container{position:relative}
.mp-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.mp-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mp-button:disabled{cursor:not-allowed;opacity:0.3}
.mp-display-topright{position:absolute;right:0;top:0}
.mp-large{font-size:18px!important}
.mp-container  span{font-size:32px!important}
.mp-modal h1{font-size:36px}.mp-modal h5{font-size:18px}
.mp-modal h1,.mp-modal h5{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
.mp-button:hover{color:#000!important;background-color:#ccc!important}
@media (max-width:600px){.mp-modal-content{margin:0 10px;width:auto!important}}
@media (max-width:768px){.mp-modal-content{width:500px}}
@media (min-width:993px){.mp-modal-content{width:900px}}
@media (max-width:992px){
.mp-container,.mp-panel{padding:0.01em 16px}.mp-panel{margin-top:16px;margin-bottom:16px}
.mp-display-container:hover .mp-display-hover{display:block}.mp-display-container:hover span.mp-display-hover{display:inline-block}.mp-display-hover{display:none}
.mp-display-position{position:absolute}
}
.mp-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.mp-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.mp-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.mp-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.mp-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.mp-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.mp-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.mp-animate-input{transition:width 0.4s ease-in-out}.mp-animate-input:focus{width:100%!important}

.breadcrumb { color: #c2c2c2; margin-bottom: 10px; text-align:center;}
.breadcrumb a { color:#999; font-size:11px;}
.breadcrumb a:hover { color:#256fc5 }
.success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color:#555555; }
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; }
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; }
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; }
.success { background: #EAF7D9 url('../img/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; }
.warning { background: #FFD1D1 url('../img/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; }
.attention { background: #FFF5CC url('../img/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; }
.required { color: #000; font-weight: bold; }
.error { display: block; color: #FF0000; }
.help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; }
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
table.form tr td:first-child { width: 150px; }
table.form > * > * > td { color: #333; }
table.form td { padding:8px 4px; }
input.large-field, select.large-field { width: 300px; }
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; }
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; }
table.list tbody td { vertical-align: top; padding: 0px 5px; }
table.list .left { text-align: left; padding: 7px; }
table.list .right { text-align: right; padding: 7px; }
table.list .center { text-align: center; padding: 7px; }
table.radio { width: 100%; border-collapse: collapse; }
table.radio td { padding: 5px; vertical-align: top; }
table.radio td label { display: block; }
table.radio tr td:first-child { width: 1px; }
table.radio tr td:first-child input { margin-top: 1px; }
table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; }

/*************** search list table proto type ***************/
.search-product-title{display:inline; text-transform:capitalize; padding-bottom:10px; height:30px; line-height:30px; font-size:26px; font-weight:bolder; color:#256fc5;}
.search-result-title{text-transform:capitalize; color: #256fc5; margin-bottom:10px; text-align:center; font-size: 22px; line-height:50px; font-weight: bolder; font-family:Calibri, Arial, Verdana, Geneva, sans-serif;}
.search-block-title{text-transform:capitalize; color: #256fc5; margin-bottom:10px; text-align:center; font-size: 22px; line-height:50px; font-weight: bolder; font-family:Calibri, Arial, Verdana, Geneva, sans-serif;}
.search-block-content{ width:100%; background:#FFF; margin:auto; padding:0px 0px 0px 0px;}
.search-block-01{border-bottom:1px solid #ddd;} .search-block-02{height:280px;}
.search-block{ width:24.6%; display:block; float:left;}
.search-block p{ font-size: 16px; color: #256fc5; font-weight: bolder; margin-bottom: 0px;}
.sort-01{width:400px; margin:0 auto; display:inline;}
.sort-02{width:200px;}
/*the container must be positioned relative:*/
.search-block-select {  position: relative;  font-family: Arial;}
.select-selected {  background-color: #ebf5f4;}
/*style the arrow inside the select element:*/
.select-selected:after {  position: absolute;  content: "";  top: 14px;  right: 10px;  width: 0;  height: 0;  border: 6px solid transparent;
  border-color: #256fc5 transparent transparent transparent;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {  border-color: transparent transparent #256fc5 transparent;  top: 7px;}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #256fc5;    font-weight: bolder;    font-family: Calibri, Arial, Verdana, Geneva, sans-serif;
    padding: 10px 12px;    cursor: pointer;    user-select: none;	font-size:14px;    width:auto; }
#main_layer{  width:25%;}
.search-block-select select{
    color: #ce7017;    font-weight: bolder;    font-family: Calibri, Arial, Verdana, Geneva, sans-serif;
    padding: 10px 12px;    cursor: pointer;    user-select: none;	font-size:16px;    width:98%; text-align-last: center;}
/*style items (options):*/
.select-items {  position: absolute;  background-color: #ebf5f4;  top: 100%;  left: 0;  right: 0;  z-index: 99;}
/*hide the items when the select box is closed:*/
.select-hide {  display: none;}
.select-items div:hover, .same-as-selected {  background-color: #256fc5; color:#FFF;}

.search-table,.css-table{	width: 99.9%;	border-collapse: collapse;	margin-bottom: 20px;}
.search-table td, .search-table th,.css-table .td, .css-table .th{	padding: 5px;}
.search-table td,.css-table .td{	color: #666666;	border: 0px solid;	text-align:center; font-size:1vw; font-weight:bolder;}
.search-table td a{ font-size:10px; color:#256fc5; text-decoration:underline; font-size:1vw; font-weight:bolder;}
.search-table td a:hover{ text-decoration:underline;}
.search-table th,.css-table .th{	background-color: #256fc5;	color:#ffffff;	border: #FFF 2px solid;	text-align: center; font-size:1vw;}
.search-table th a{	font-size:1.6vw; color:#fff;}
.search-table tr:hover{	background-color: rgba(0, 125, 104, 0.1);}

.css-table{	display: table;	display: none;}
.css-table .thead{	display:table-header-group;}
.css-table .tbody{	display:table-row-group;}
.css-table .tr{	display:table-row;}
.css-table .th,.css-table .td{	display:table-cell;}

/*********** Pagination ***********/
.center-me{ text-align: center;}
.pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; text-align: center;}
.pagination .links {  margin: auto; width: 100%; display: block;}
.pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #777; }
.pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #e3f2f0; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #256fc5; }
.pagination .links a:hover { color:#256fc5; border: 1px solid #ccc; }
.pagination .results { float: right; padding-top: 3px; }
.page-showing{ margin: auto; display: block; width:260px; color:#256fc5; font-size:18px; letter-spacing:1px; padding-left:10px;}
/*.pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; }
.pagination .links {  margin: auto; width: 50%; display: block;}
.pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #777; }
.pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #e3f2f0; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #256fc5; background: #e3f2f0; }
.pagination .links a:hover { color:#256fc5; border: 1px solid #ccc; }
.pagination .results { float: right; padding-top: 3px; }*/

/*********** button ***********/
.btn-style-01{padding:7px; border-radius:37px; width:20%; cursor:pointer; color:#fff; font-size:12px; font-weight:bold; text-align:center; background:#256fc5; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-style-01:hover{background:#008770; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-style-02{padding:7px; border-radius:37px; width:137px; cursor:pointer; color:#fff; font-size:12px; font-weight:bold; text-align:center; margin:55px auto; background:#256fc5; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-style-02:hover{background:#008770; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-style-03{ display:none; margin:-8px auto; padding:7px; border-radius:37px; width:40%; cursor:pointer; color:#fff; font-size:12px; font-weight:bold; text-align:center; background:#256fc5; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-style-03:hover{background:#008770; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a.button, input.button { border-radius:7px 7px 7px 7px; width:30%; cursor: pointer; color:#fff; font-size: 12px; font-weight: bold; background:#256fc5; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);}
a.button { display: inline-block; text-decoration: none; padding:7px 12px; }
.cart .button { display: none;}

input.button { margin:0; padding:7px 12px; }
a.button:hover, input.button:hover { background:#008770; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }

.htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; }
.htabs a {padding:7px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration: none; color: #333; margin-right: 2px; display: none; }
.htabs a.selected { padding-bottom: 7px; background: #FFFFFF; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: bold;}
.tab-content{padding: 10px; margin-bottom: 20px; z-index: 2;}
.tab-content ul { margin-left:20px; }

.product-tab{margin-bottom:20px;}
.product-tab .tabs{height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; margin-bottom:20px;}
.product-tab .tabs li{float:left; list-style-type:none;}
.product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:14px; text-transform:capitalize; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.product-tab .tabs li.active a{opacity:1; padding-bottom: 7px; background: #FFFFFF; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.product-tab .deactive{display:none;}
.addthis_default_style > a{padding:0}

.page-btn-block{ display:block; float:left; padding:0 100px 0 0;} .page-btn-block p{ text-align:center;}
.page-btn-01 { background:url('../img/page-btn-01.png') no-repeat; background-size:100% auto; margin:0 8px 8px 0; width:196px; height:40px; float:left;}
.page-btn-01:hover { background:url('../img/page-btn-01r.png') no-repeat; cursor:pointer}
.page-btn-02 { background:url('../img/page-btn-02.png') no-repeat; background-size:100% auto; margin:0 8px 8px 0; width:196px; height:40px; float:left;}
.page-btn-02:hover { background:url('../img/page-btn-02r.png') no-repeat; cursor:pointer}
.page-btn-03 { background:url('../img/page-btn-03.png') no-repeat; background-size:100% auto; margin:0 8px 8px 0; width:196px; height:40px; float:left;}
.page-btn-03:hover { background:url('../img/page-btn-03r.png') no-repeat; cursor:pointer}
.page-btn-pdf { background:url('../img/page-btn-pdf.png') no-repeat; background-size:100% auto; margin:12px 8px 8px 0; width:315px; height:40px; float:left;}
.page-btn-pdf:hover { background:url('../img/page-btn-pdfr.png') no-repeat; cursor:pointer}
.page-btn-pdf-lock { background:url('../img/page-btn-pdf-lock.png') no-repeat; background-size:100% auto; margin:12px 8px 8px 0; width:315px; height:40px; float:left;}
.page-btn-pdf-lock:hover { background:url('../img/page-btn-pdf-lockr.png') no-repeat; cursor:pointer}

/*********** box ***********/

.box { margin-bottom: 20px; }
.box-heading, .welcome{text-transform:capitalize; padding:0px 0px 0px 0px; margin-bottom:20px; height:30px; line-height:30px; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.box-heading, .title{text-transform:capitalize; margin-bottom:20px; height:30px; line-height:30px; font-size:26px; font-weight:bolder; color:#256fc5; border-bottom:1px solid #ddd;}
section.box{ display:block;}
section.box ul{ list-style-type:none;}
.box-news-block{ width:100%; height:auto; display:block; overflow: hidden;}
.box-news-sec{  width:23%; float:left; height:auto; display:inline-block; padding:0px 1% 0px 1%;}
.box-news-sec > ul > img{ margin-bottom:0px;}
.newslist{margin-bottom:4px; height:auto; line-height:30px; font-size:14px; color:#333; border-bottom:0px solid #ddd; font-weight:500;}
.newslist:hover{color:#256fc5; text-decoration:underline; background:#e9f4f2;}
.newslist:hover img{}
.newscaption{ margin:0px; color:#256fc5; width:68%; float:left;}
.newscaption:hover{color:#256fc5; text-decoration:underline; background:#e9f4f2;}
.newsdate{font-size:14px; color:#000; float:right; margin:0px;}
.news-tag-01{background:url('../img/news-tag-00.png') no-repeat; width:130px; height:21px; font-size:14px; font-weight:bolder; color:#fff; line-height:21px; margin:0px; padding-left:4px;}
.box .box-content { padding:0px; }

/*********** box popup cd-modal ***********/
.cd-modal{z-index:99999;display:none;padding-top:5%;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.cd-modal-content{margin:auto;background-color:#fff;position:relative;padding:10px;outline:0;width:600px;}
.cd-black,.cd-hover-black:hover{ margin-top:11px;}
.cd-btn-close,.cd-button{border:none;display:inline-block;padding:8px 16px;color:#FFF;background-color:#256fc5;text-align:center;cursor:pointer;}
.cd-button{border-radius:14px; margin:0px auto 0px 40%; width:18%;}
.cd-button:hover{}
.cd-disabled,.cd-btn:disabled,.cd-button:disabled{cursor:not-allowed;opacity:0.3}.cd-disabled *,:disabled *{pointer-events:none}

.cd-container:after,.cd-container:before,.cd-panel:after,.cd-panel:before,.cd-row:after,.cd-row:before,.cd-row-padding:after,.cd-row-padding:before,
.cd-cell-row:before,.cd-cell-row:after,.cd-clear:after,.cd-clear:before,.cd-bar:before,.cd-bar:after{content:"";display:table;clear:both}
.cd-container,.cd-panel{padding:0.01em 16px}.cd-panel{margin-top:16px;margin-bottom:16px}
.cd-black p{ color:#256fc5; font-size:24px; font-weight:bolder;}
@media (max-width:600px){.cd-modal-content{margin:0 10px;width:auto!important}}
@media (max-width:768px){.cd-modal-content{width:500px}}
@media (min-width:993px){.cd-modal-content{width:900px}.cd-hide-large{display:none!important}.cd-sidebar.cd-collapse{display:block!important}}
@media (max-width:992px){
.cd-container,.cd-panel{padding:0.01em 16px}.cd-panel{margin-top:16px;margin-bottom:16px}
.cd-display-container:hover .cd-display-hover{display:block}.cd-display-container:hover span.cd-display-hover{display:inline-block}.cd-display-hover{display:none}
.cd-display-position{position:absolute}
}

/*@media (max-width:600px){.cd-modal-content{margin:0 10px;width:auto!important}.cd-modal{padding-top:30px}
.cd-dropdown-hover.cd-mobile .cd-dropdown-content,.cd-dropdown-click.cd-mobile .cd-dropdown-content{position:relative}
.cd-hide-small{display:none!important}.cd-mobile{display:block;width:100%!important}.cd-bar-item.cd-mobile,.cd-dropdown-hover.cd-mobile,.cd-dropdown-click.cd-mobile{text-align:center}
.cd-dropdown-hover.cd-mobile,.cd-dropdown-hover.cd-mobile .cd-btn,.cd-dropdown-hover.cd-mobile .cd-button,.cd-dropdown-click.cd-mobile,.cd-dropdown-click.cd-mobile .cd-btn,.cd-dropdown-click.cd-mobile .cd-button{width:100%}}
@media (max-width:768px){.cd-modal-content{width:500px}.cd-modal{padding-top:50px}}
@media (max-width:992px) and (min-width:601px){.cd-hide-medium{display:none!important}}
@media (max-width:992px){.cd-sidebar.cd-collapse{display:none}.cd-main{margin-left:0!important;margin-right:0!important}}*/
.cd-display-topleft{position:absolute;left:0;top:0}.cd-display-topright{position:absolute;right:0;top:0}
.cd-large{font-size:18px!important}
.cd-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.cd-border{border:1px solid #ccc!important}
.cd-padding-16{padding-top:16px!important;padding-bottom:16px!important; width:66%;}

/*********** box products ***********/
.box-product { width: 100%; }
.box-product > .flexslider ul li{vertical-align: top; text-align:center; width:200px;}
.box-product > .flexslider ul li .slide-inner{padding:10px; position: relative; text-align: center; border:0px solid #fff;border-radius:3.6px;}
.box-product > .flexslider ul li .slide-inner:hover{border:0px solid #ddd; background:rgba(0, 125, 104, 0.3);}
.box-product .image { display: block; margin-bottom:5px; }
.box-product .image a { display:block; }
.box-product .image img { padding:0px; }
.box-product .name a {font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;}
.box-product .name a:hover {text-decoration:underline;}
.box-product .price { display: block; font-weight: bold; margin:5px 0 10px 0; padding:0 8px; color:#256fc5; font-size:13px;}
.box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.box-product .price-new { font-weight: bold; }
.box-product .rating { display: block; margin-top: 5px; }
.box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{font-size:11px; height:auto; line-height:normal; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;}
.box-product > .flexslider ul li .rating img{ width:auto; display:inline;}

.box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;}
.box-product > .flexslider.style1 ul li .name{text-align:left}
.box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.box-product > .flexslider.style1 ul li .rating{float:left;}
.box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.box-product > .flexslider.style1 ul li:hover .rating{display:block;}

.box-product > .flexslider.style1 ul li .cart{float:right; }
.box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#256fc5 url(../img/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;}
.box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; }
.box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;}
.box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px  rgba(0, 0, 0, 0.1) inset;}

/********** Comented for Right Part Start*******/
.box-product > .flexslider ul li{display:block;}
.box-product > .flexslider ul li .slide-inner{padding:0; padding:10px; }
#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:220px;}
#column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:5px; margin-bottom:0px; }
#column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; }
#column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:12px;}
#column-left .box-product .price, #column-right .box-product .price { float:left; padding:0 10px 0 0; margin:0px 0 2px 0; font-size:12px;}
#column-left .box-product .rating, #column-right .box-product .rating { float:left; margin-top:0px; }
/********** Comented for Right Part End*******/


/*********** Category boxes ***********/
.box-category ul, .list-item { list-style: none; margin: 0; padding: 0; }
.box-category > ul > li, .list-item > li {display: block; position: relative; }
.box-category .down { top: 6px; right: 0; position: absolute; cursor: pointer; width:16px; height:16px; padding: 2p; background: transparent url(../img/plus.png) 0px 0px no-repeat; opacity: 0.6; -moz-opacity: 0.6; }
.box-category .down:hover { opacity: 1; -moz-opacity: 1;}
.box-category ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#222; display: block; background: transparent url(../img/bullet-dark.png) 0px 11px no-repeat;}
.box-category ul li.double a { display: inline-block; margin: 0; }
.box-category ul li { position: relative; }
.box-category > ul > li a.active + .down { background-position: 0px -16px; }
.box-category > ul > li > a { color: #333; text-transform: capitalize; }
.box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;}
.box-category > ul > li a.active { font-weight: bold; }
.box-category > ul > li > a.active { margin-bottom:5px; }
.box-category > ul > li a.active + ul { display: block; }
.box-category a:hover, .list-item a:hover {text-decoration:underline; }

.box-category > ul > li ul li a:hover, .list-item a:hover, .box-category > ul > li > ul > li a.active { }

.box-category > ul > li ul li { border-top: 1px solid #eee; }
.box-category > ul > li ul li a { margin-right: 16px; }
.box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;}
.box-category > ul > li ul > li > a { text-decoration: none; }
.submenu{display:nne;}

/*********** Filter ***********/
.box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;}
.box-filter > li > ul{margin-bottom:15px;}
.box-filter > li > ul li {margin-bottom:5px;}
.box-filter > li > ul li label{margin-left:5px;}
#button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: capitalize;}



/*********** sitemap ***********/
.sitemap { list-style: none; margin: 0; padding: 0; }
.sitemap > li { border-top: 1px solid #eee; display: block; position: relative; }
.sitemap > li:first-child { border-top:0; }
.sitemap li a { padding: 5px 8px; display: block; font-weight:bold; }
.sitemap li ul { margin-left:30px; }
.sitemap li ul li a { font-weight:normal; }
.sitemap li a:hover { color: #256fc5; }

/*********** content ***********/
#content .content { padding:10px 10px 10px 10px; overflow: auto; margin-bottom: 20px; line-height: 24px; }
#content .content .left { float: left; width: 49%; }
#content .content .right { float: right; width: 49%; }

/*********** category ************/
.category-info { overflow: auto; margin-bottom: 20px; }
.category-info .image { float: left; padding:0px; margin-right: 15px; }
.category-list { overflow: auto; margin-bottom: 20px; }
.category-list ul { float: left; width:23%; margin-right:12px;}

/*********** manufacturer ***********/
.manufacturer-list { overflow: auto; margin-bottom: 20px; }
.manufacturer-heading { background: #f8f8f8; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 15px; font-weight: bold; padding: 5px 8px; margin-bottom: 6px; }
.manufacturer-content { padding: 8px; }
.manufacturer-list ul { float: left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; }

/*********** product ***********/
#cloud-zoom-big{background:#fff;}
.product-filter { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background:#F9F9F9; padding:6px 5px; overflow: auto; line-height:27px; }
.product-filter .display { margin-right: 15px; float: left; color: #333; }
.product-filter .display a { font-weight: bold; }
.product-filter .sort { float: right; color: #333; }
.product-filter .limit { margin-left: 15px; float: right; color: #333; }
.product-filter select{padding:2px 2px;}
.product-compare { padding-top: 6px; margin-bottom: 25px; font-weight: bold; }
.product-compare a { text-decoration: none; font-weight:normal;}

/*********** Product List ***********/
.product-list > div {overflow: auto; border:1px solid #fff; padding:10px;}
.product-list > div:hover{border:1px solid #ddd;}
.product-list .right { float: right; margin-left: 15px; }
.product-list .left .cart  .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:left; }

.product-list > div + div { border-top: 1px solid #ddd; }
.product-list > div:hover + div{border-top: 1px solid #fff;}
.product-list .image { float: left; margin-right: 10px; }
.product-list .name { margin-bottom:8px; }
.product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:13px; }
.product-list .name a:hover { color:#256fc5; }
.product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; }
.product-list .rating { color: #7B7B7B; margin-bottom:5px;}
.product-list .price {font-size:14px; font-weight: bold; color:#256fc5; margin-bottom:5px;}
.product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; }
.product-list .price-tax { font-size: 12px; font-weight: normal; color: #BBBBBB; }
.product-list .cart input {padding:2px 3px; font-size:10px; height:auto; line-height:normal; text-transform:capitalize;}
.product-list .wishlist, .product-list .compare {margin-left:10px;}
.product-list .wishlist a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:capitalize; padding-left:16px; background: url("../img/plus.png") 0 1px no-repeat;}
.product-list .compare a {color: #333333; text-decoration:none; display:inline-block; font-size:10px; text-transform:capitalize; padding-left:16px; background: url("../img/plus.png") 0 1px no-repeat;}
a.wishlist:hover { color:#256fc5; }

/*********** News List ***********/
.news-list{padding:10px 10px 10px 10px; width:90%; height:210px; margin:0px auto;}
.news-list:hover .box{background-color:#c3e9e5;}
.news-list:hover .date{background-color:#c3e9e5;}
.news-list .label{width:130px; height:21px; position:absolute; margin-top:-12px;}

.news-list .box{border:0px solid #256fc5; background-color:#e3f2f0; width:88%; height:100%; float:left;}
.news-list .box .caption{padding:16px 8px 0 10px; margin-bottom:0px; font-size:22px; font-weight:bolder; color:#256fc5; line-height:24px;}
.news-list .box .content{width:90%;font-size: 18px;}
.news-list .date{background-color:#e3f2f0; width:12%; height:100%; float:right; position: relative;}
.news-list .date p{font-size:16px; font-weight:bolder; color:#256fc5; position:absolute; top:50%;transform: translate(0%, -50%);}

/*********** News ***********/
.news-date{color:#256fc5;font-size:18px;}
.news-desc img{ border:none;}
.news-desc-img{ width:60%; margin:2% 0 0 17%;}

/*********** Grid-List Icon ***********/
.product-filter .display b { float:left; margin-right:10px;}
.grid-icon{background:url(../img/list-icon.png) left top no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.list-icon{background:url(../img/list-icon.png) left -45px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.grid1-icon { background: url(../img/list-icon.png) left -23px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.list1-icon { background: url(../img/list-icon.png) left -68px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px; }

/*********** Product Grid ***********/
.product-grid { width: 100%;}
.product-grid > div { min-width: 130px; display: inline-block; margin-bottom:10px; position: relative; vertical-align: top; background:#fff; text-align:center; padding:10px; border:1px solid #fff;}
.product-grid > div:hover{border:1px solid #ddd; }
.product-grid .image { display: block; margin-bottom:5px; }
.box-product .image a { display:block; }
.product-grid .image img { padding:0px; }
.product-grid .name a { width:152px; font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333; }
.product-grid .name a:hover {text-decoration:underline;}
.product-grid .description { display: none; }
.product-grid .rating {  display: block; margin-top: 5px; }
.product-grid .price { display: block; font-weight: bold; margin:5px 0 10px 0; padding:0 8px; color:#256fc5; font-size:13px; }
.product-grid .price-old {color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.product-grid .price-new { font-weight: bold; }
.product-grid .price .price-tax { display: none; }
.product-grid .cart input{ padding:2px 3px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:auto; line-height:normal; text-transform:capitalize; }
.product-grid .wishlist, .product-grid .compare { margin-bottom: 3px;}
.product-grid .wishlist a{color: #666; text-decoration: none; display:inline-block; font-size:10px; text-transform:capitalize; margin-top:10px; padding-left:16px; background: url("../img/plus.png") 0 0 no-repeat;}
.product-grid .compare a {color: #666; text-decoration:none; display:inline-block; font-size:10px; text-transform:capitalize; padding-left:16px; background: url("../img/plus.png") 0 0 no-repeat;}
.product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover {color:#256fc5;}

.product-grid.style1 .name a{margin:0 0 10px 0;}
.product-grid.style1 .name{text-align:left}
.product-grid.style1 .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.product-grid.style1 .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.product-grid.style1 > div:hover .rating{display:block;}
.product-grid.style1 .cart{float:right; }
.product-grid.style1 .cart input{font-size:11px; padding:0 5px; text-indent:-9999px; background:#256fc5 url(../img/cart-icon.png) center 2px no-repeat; width:35px; height:35px; border-radius:50%;}
.product-grid.style1 .cart input:hover{background-color:#444; border-radius:50% 0%;}
.product-grid.style1 > div{background:#f3f3f4; padding:5px; margin:0 5px 10px 5px; border:0px none;}
.product-grid.style1 > div:hover{border:0px none; box-shadow:0px 0px 10px  rgba(0, 0, 0, 0.1) inset;}
.product-grid.style1 .wishlist, .product-grid.style1 .compare{position:absolute; display:none; width:100%; bottom:-20px; left:0; background:#eee; padding:0 0 2px 0; z-index:1;}
.product-grid.style1 .compare{bottom:-37px; padding:0 0 4px 0;}
.product-grid.style1 > div:hover .wishlist, .product-grid.style1 > div:hover .compare{display:block}
.product-grid.style1 .wishlist a{margin:0;}

/*********** Product ***********/
.product-info { overflow:auto; margin-bottom: 20px; }
.product-info > .left { float: left; margin-right: 15px; }
.product-info > .left + .right { margin-left:370px; }
.product-info .image { float: left; margin-bottom: 15px; text-align: center; position:relative; }
.product-info .image_inside { margin:0px; position:relative; z-index:20; padding:0; }
.product-info .image .zoom_btn { position: absolute; bottom:6px; right:0px; width: auto; height: 11px; z-index:21; }
.product-info #zoom-image .zoom_bttn { font-size: 10px; line-height: 11px; color: #ababab; text-transform: capitalize; background: #fff url('../img/zoom-plus.png') 2px 2px no-repeat; padding: 1px 1px 1px 16px; }
.product-info #zoom-image { color: #ababab; }
.product-info .image-additional { width:355px; margin-left: -7px; clear: both; overflow: hidden; }
.product-info .image-additional img { width:64px; display:block; }
.product-info .image-additional a { float: left; display: block; margin-left:7px; margin-bottom: 10px; }
.image-additional a:active { outline: 0; }
.product-info .description {border-bottom:1px solid #eee; padding: 5px 5px 10px 5px; margin-bottom: 10px; line-height: 20px; color: #4D4D4D; font-size:13px; }
.product-info .description span { font-weight:bold; }
.product-info .description a { color: #4D4D4D; text-decoration: none; font-size:13px; }
.product-info .price { overflow: auto; padding: 0px 5px 10px 5px; margin-bottom: 10px; font-size:18px; font-weight: bold; color: #256fc5; }
.product-info .price-old { color: #F00; text-decoration: line-through; font-weight:normal; }
.product-info .price-new { }
.product-info .price-tag{background:#256fc5 url(../img/price-tag.png) left top no-repeat; display:inline-block; height:48px; padding:0 18px 0 32px; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; line-height:48px; color:#fff; font-size:25px; font-weight:normal;}
.product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; }
.product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; }
.product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; }
.product-info .options {padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #333; }
.product-info .option-image { margin-top: 3px; margin-bottom: 10px; }
.product-info .option-image label { display: block; width: 100%; height: 100%; }
.product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; }
.product-info .cart { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding:15px 5px 10px 5px; margin-bottom: 20px; color: #4D4D4D; overflow: auto; }
.product-info .cart div { vertical-align: middle; }
.product-info .cart div > span { padding-top: 7px; display: block; color: #999; }
.product-info .cart div .qty{margin-right:15px; float:left; padding:5px 0px;}
.product-info .cart div .wishlist{padding-left:15px; background: url("../img/plus.png") 0px 1px no-repeat; font-size:11px; margin-top:15px; display:inline-block;}
.product-info .cart div .wishlist + .wishlist{margin-left:10px;}
.product-info .cart #button-cart{text-transform:capitalize; padding:10px 12px;}

.product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999; clear: both; }
.product-info .review { color: #4D4D4D; margin-bottom: 10px; }
.product-info .review a:hover { color: #256fc5; }
.product-info .review > div { padding: 8px; background:#F4F3F3; line-height: 20px; overflow:auto; }
.product-info .review > div > span { color: #38B0E3; }
.product-info .review .share { overflow: auto; line-height: normal; }
.product-info .review .share a { text-decoration: none; }
.review-list { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; }
.review-list .author { float: left; margin-bottom: 20px; }
.review-list .rating { float: right; margin-bottom: 20px; }
.review-list .text { clear: both; }
.attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
.attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; }
.attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; }
.attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; margin-bottom: 20px; }
.compare-info thead td, .compare-info thead tr td:first-child { color: #333; font-size: 14px; font-weight: normal; text-transform:capitalize; background: #F7F7F7; text-align: left; }
.compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; }
.compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top;  border-bottom: 1px solid #DDDDDD; }
.compare-info td + td{border-left: 1px solid #DDDDDD;}
.compare-info thead td{padding:10px 7px;}
.compare-info .name a { font-weight: bold; }
.compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; }
.compare-info .price-new { font-weight: normal; }

.product-sort-title{color: #256fc5; margin-bottom:10px; text-align:center; font-size: 22px; line-height:50px; font-weight: bolder; font-family:Calibri, Arial, Verdana, Geneva, sans-serif;}
.product-desc{min-height: 400px; margin-bottom:10px; padding:0px 0px 0 0px;}
.product-desc-left{width:48%; height:100%; float:left;border:0px solid #256fc5; padding:0px 0px 0px 0px;}
.product-desc-right{width:48%; height:100%; float:right;border:0px solid #256fc5; padding:0px 0px 0px 0px;}
.product-desc-right img{max-width:480px;}
.product-desc-left ul{}
.product-desc-left li{ line-height:24px;}

.qty strong{margin-right:10px;}
.qty a{ background: url("../img/plus.png") no-repeat left top; display: inline-block; height: 16px; width: 16px; overflow: hidden; position: relative; text-indent: -9999px;  border:1px solid #fefefe; top:4px;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.qty a.mines{background-position:left bottom;}
.qty a:hover{ border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/*********** Login ***********/
.login-content { margin-bottom: 20px; overflow: auto; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.login-content .right b{margin-bottom:3px; display:inline-block;}
.login-content .right a{margin-top:12px; display:inline-block}
.login-content .left .content, .login-content .right .content { min-height: 190px; }

/*********** cart ***********/
.cart-info table{width: 100%; margin-bottom:30px; border-collapse: collapse; border-top: 1px solid #DDDDDD;}
.cart-info td { padding: 7px; }
.cart-info thead td { color: #000; padding:10px 7px; text-transform:capitalize; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.cart-info thead .image { text-align: center; }
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; }
.cart-info thead .price, .cart-info thead .total { text-align: right; }
.cart-info tbody td {border-bottom: 1px solid #DDDDDD; }
.cart-info tbody .image { text-align: center; }
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; }
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; }
.cart-info tbody .price, .cart-info tbody .total { text-align: right; }
.cart-info tbody span.stock { color: #F00; font-weight: bold; }
.cart-module > div { display: none; }
.cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align:right; }


/************** Accordion ************/
.accordion-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding:10px 8px; font-weight: bold; cursor:pointer; font-size: 13px; color: #555555; margin-bottom: 15px; }
.accordion-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; line-height:18px; }


/*********** checkout ***********/
.checkout{margin-bottom:20px;}
.checkout-heading {border-bottom: 1px solid #DBDEE1; padding:15px 0; font-weight: normal; font-size: 16px; color: #333; text-transform:capitalize;}
.checkout-heading{}
.checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; }
.checkout-content { padding: 0px 0px 15px 0px; margin-top:20px; display: none; overflow: auto; }
.checkout-content .left { float: left; width: 48%; }
.checkout-content .right { float: right; width: 48%; }
.checkout-content .buttons { clear: both; }
.checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;}
.checkout-product td { padding: 7px; }
.checkout-product thead td {padding:10px 7px; color: #000; text-transform:capitalize; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.checkout-product thead .name, .checkout-product thead .model { text-align: left; }
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; }
.checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.checkout-product tbody .name, .checkout-product tbody .model { text-align: left; }
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; }
.checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; }
.contact-info { overflow: auto; }
.contact-info .left { float: left; width: 48%; }
.contact-info .right { float: left; width: 48%; }
.sitemap-info { overflow: auto; margin-bottom: 40px; }
.sitemap-info .left { float: left; width: 48%; }
.sitemap-info .right { float: left; width: 48%; }

/************** Back To Top *************/
.back-to-top{display:none;}
.back-to-top a{ position:fixed; bottom:20px; right:20px; background:rgba(250, 250, 250, 0.5)url(../img/back-to-top.png) left top no-repeat; width:35px; height:35px;text-indent:-9999px; display:block;}
.back-to-top a:hover { background:#256fc5 url(../img/back-to-top.png) left -35px no-repeat; }

/************************* Page Content ***********************/
.our-values-box-6{width:48%; height:266px; float:left;border:0px solid #256fc5; padding:0px 0px 0px 0px;}
.our-values-box-7{width:48%; height:266px; float:left;border:0px solid #256fc5; padding:0px 0px 0px 20px;}
.contact-title{width:440px; height:66px; margin:0 0 0 200px; text-align:left; font-size:32px; color:#256fc5; font-weight:bolder;}
.contact-box{width:88%; height:66px; margin:30px auto;}
.contact-box-01{width:33%; height:66px; float:left; padding:0px 0px 0px 9%; }
.contact-box-02{width:26%; height:66px; float:left; padding:0px 0px 0px 0px;}
.contact-box-03{width:26%; height:66px; float:left; padding:0px 0px 0px 0px;}
.ico-03{background:url(../img/ico-03.png) center no-repeat; background-size:100% auto; float:left; width:32px; height:32px;}
.ico-04{background:url(../img/ico-04.png) center no-repeat; background-size:100% auto; float:left; width:32px; height:32px;}
.ico-05{background:url(../img/ico-05.png) center no-repeat; background-size:100% auto; float:left; width:32px; height:32px;}
.ico-06{background:url(../img/ico-06.png) center no-repeat; background-size:100% auto; float:left; width:32px; height:32px;}
.ico-03-info{margin-left:38px;}
.ico-04-info{margin:8px 0 0 38px;}
.ico-05-info{margin:8px 0 0 38px;}
.ico-06-info{margin-left:38px;}

/************************* Footer ***********************/
#footer .part3{width:320px; float:left;}
#footer .part3 + .part3{margin-left:17px;}

#footer .social-part{padding:0px 0px 30px 0; margin:0;}
#footer .social-part:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/******** Footer Links *******/
#footer { clear: both; overflow:auto; background:#fff; color:#111;}
#footer .fpart-inner{max-width:9000px; margin:0 auto; padding:20px 20px 0 20px;}
#footer a{color:#111;}
#footer a:hover{color:#ce7017;}

#footer h3{color: #111; font-size:14px;  margin:0px 0 10px 0; padding:0px 0px 7px 0px; border-bottom:1px dotted #444444; text-transform:capitalize; font-weight:normal;}
#footer .column { float: left; position:relative; }
#footer .column + .column { margin-left:1%; }
#footer .column ul {width:100%; padding:0px; }
#footer .column ul li { list-style-type:none; }
#footer .column a { max-height:50px; text-decoration: none; display:block; padding:5px 0px; line-height:24px; font-size:18px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .custom_column p{line-height:18px; margin:0;}
#footer .custom_column_logo{margin:20px auto; width:100%; height:15vw; background:url(../img/logo-1.png) no-repeat; background-size:100% auto;}
#footer .custom_column_logo_text{text-align:center; color:#256fc5; padding-top:71px;}

/******** Contact Details *******/
#footer .column{margin-left:1%; float:left;}
#footer .column ul{width:200px;}
#footer .column ul li{font-size:18px; list-style-type:none; line-height:18px; margin-bottom:7px;overflow:hidden;}
#footer .column_icon ul li{background:url(../img/contact-icon.png) left top no-repeat;}
#footer .column_icon1 ul li{background:url(../img/contact-icon-1.png) left top no-repeat;}
#footer .column_icon2 ul li{background:url(../img/contact-icon-2.png) left top no-repeat;}
#footer .column_icon3 ul li{background:url(../img/contact-icon-3.png) left top no-repeat;}
#footer .column_icon4 ul li{background:url(../img/contact-icon-4.png) left top no-repeat;}
#footer .column_icon5 ul li{background:url(../img/contact-icon-5.png) left top no-repeat;}
#footer .column_icon6 ul li{background:url(../img/contact-icon-6.png) left top no-repeat;}
#footer .column_icon7 ul li{background:url(../img/contact-icon-7.png) left top no-repeat;}
#footer .column_icon8 ul li{background:url(../img/contact-icon-8.png) left top no-repeat;}
#footer .column_icon9 ul li{background:url(../img/contact-icon-9.png) left top no-repeat;}
#footer .column_icon10 ul li{background:url(../img/contact-icon-10.png) left top no-repeat;}

#footer .column ul li.address{background:url(../img/contact-icon.png) left top no-repeat;background-position:0px 22px; background-repeat:no-repeat !important;}
#footer .column ul li.mobile{background:url(../img/contact-icon.png);background-position:0px -48px; line-height:25px;background-repeat:no-repeat !important;}
#footer .column ul li.email{background:url(../img/contact-icon-mail.png) left top no-repeat; background-position:0px 12px; line-height:28px;}
#footer .column ul li.site{background:url(../img/contact-icon-site.png) left top no-repeat; background-position:0px 0px; line-height:28px;}
#footer .column ul li.qr-code-img{background:none;}
#footer .column ul li.qr-code-img img{width:80%; background-size:100% auto; margin:0 0 0 -8px;}
#footer .column ul li.fax{background:url(../img/contact-icon.png) left top no-repeat;background-position:0px -153px; line-height:25px;}
#footer .column ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/******** Payments Types *******/
#footer .payments_types{float:left; padding:8px 0 0 0;}
#footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/******** Social Icon *******/
#footer .social { float:right; margin:0; text-align:right; padding:8px 0 0 0;}
#footer .social a { display:inline-block; margin:0px 0 0px 5px; border-radius:50%;}
#footer .social a img{border-radius:50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .social a img:hover{border-radius:50% 0%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/******** Powered *******/
#footer #powered {line-height:20px; padding:10px 0; font-size:11px; border-top:0px dotted #444444; margin-top:55px;}
#footer #powered a { font-size:11px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:50%;}
#footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#footer.style-2 .powered_text{text-align:right;}

#footer .powered_text{text-align:center;}
#footer .powered_text p{line-height:18px; margin:0;}

#footer .box2{width:490px; float:left;}
#footer .box2 + .box2{margin-left:20px;}

#footer .box5{width:235px; float:left;}
#footer .box5 + .box5{margin-left:15px;}

#footer.style-2 .column{float:none;}
#footer.style-2 .custom_column p{line-height:18px; margin:0;}
#footer.style-2 .column + .column{}
#footer.style-2 .column ul{width:auto;}

#footer.style-2 .social-part{padding:0px 0 10px 0;}
#footer.style-2 #powered{padding:15px 0; margin:0;}

#footer.style-2 .contact{float:none; margin:15px 0 0 0; border-top: 1px dotted #444444;}
#footer.style-2 .contact ul{width:auto; padding:15px 0;}
#footer.style-2 .contact ul li{width:21%; display:table-cell; vertical-align:middle; height:36px; margin:15px 0px 15px 4px;}
#footer.style-2 .contact ul li.mobile{background-position: 0 -44px; font-size:15px;}
#footer.style-2 .contact ul li.fax{background-position: 0 -148px; font-size:15px;}
#footer.style-2 .contact ul li.email{background-position: 0 -96px;}
#footer.style-2 .contact h3{display:none;}


#footer.style-2 .fpart_column ul li{float:left; list-style-type:none;}
#footer.style-2 .fpart_column ul li a{padding-right:12px; }


#footer .box3{width:300px; float:left;}
#footer .box3 + .box3{margin-left:20px;}
#footer .box3_1{width:380px; float:left;}

#footer.style-3 .custom_column{float:none; margin:0 0 25px 0;}
#footer.style-3 .custom_column p{margin:0;}
#footer.style-3 .column{min-height:155px; margin-right:20px;}
#footer.style-3 .column + .column{margin-left:0px;}
#footer.style-3 .contact h3{display:none;}
#footer.style-3 .contact{float:none; margin:15px 0 0 0; border-top: 1px dotted #444444;}
#footer.style-3 .contact ul{width:auto; padding:15px 0;}
#footer.style-3 .contact ul li{width:21%; display:table-cell; vertical-align:middle; height:36px; margin:15px 0px 15px 4px;}
#footer.style-3 .contact ul li.mobile{background-position: 0 -44px; font-size:15px;}
#footer.style-3 .contact ul li.fax{background-position: 0 -148px; font-size:15px;}
#footer.style-3 .contact ul li.email{background-position: 0 -96px;}

#footer.style-3 .column a{padding:3px 0;}
#footer.style-3 #powered{padding:15px 0; margin:0;}
#footer ::selection{color:#FFF; background-color:#256fc5;}
#footer ::-moz-selection{color:#FFF; background-color:#256fc5;}

/*********** banner ***********/
.banner div { text-align: center; width:100%; }
.banner div img { margin-bottom: 20px; }

/*********** Extra ***********/
.w30{width:30px!important; text-align:center;}
::selection{color:#FFF; background-color:#256fc5;}
::-moz-selection{color:#FFF; background-color:#ffb156;}
.preload{ opacity:0; position:absolute; top:-9999px; left:-9999px;}
.spinner:hover {
}
.spinner img{
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 9s;

  animation-name: spinner;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 9s;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
/*-webkit-animation-play-state: paused;
animation-play-state: paused;*/
}

  /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateX(0deg);    }
    to   { -webkit-transform: rotateX(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
    }
    to {
      -moz-transform: rotateX(-360deg);
      -ms-transform: rotateX(-360deg);
      transform: rotateX(-360deg);
    }
  }


@media screen and (min-width:1424px) {
#menu > ul > li > a{font-size:20px;}
p,input,a.button,input.button,.btn-style-01{font-size:16px;}
#menu > ul > li div > ul > li > a{font-size:12px;}

}
@media screen and (min-width:1222px) {
#menu ul{padding:0px; width:100%; margin:0px auto;}
#slogan{font-size:18px; letter-spacing:-1px;}
.newslist,.newsdate{ font-size:18px;}
#footer .column{width:24%;}
#footer .column ul{width:260px;}
#footer .custom_column_logo{ width:50%; height:9vw;}
#footer .custom_column_logo_text{ padding:94px 0 0 0}
#footer h3{font-size:32px;}
#footer .custom_column p{font-size:19px;}
}
@media screen and (max-width:1366px) {
.contact-title{width:440px; margin:0 0 0 15%;}
}
@media screen and (max-width:1222px) {
#menu ul{padding:0px; margin:0px auto;}
#footer .column{width:24%;}
#footer .column ul{overflow:hidden;}
#footer .custom_column_logo{width:50%;}
.page-btn-block{padding:0 0 0 0;}
}
@media screen and (max-width:1044px) {
#menu ul{padding:0px; margin:0px auto;}
#menu > ul > li > a{padding:20px 12px 20px 40px; font-size:14px;}
#menu > ul > li > a > img {left:5%;}
#menu > ul > li:hover > a {color:#fff; background:none;padding:20px 12px 20px 40px;}
.news-desc-img{ width:90%; margin:2% 0 0 5%;}
input.button{width:30%;}
#footer .column{width:23.6%;}
#footer .custom_column_logo{width:50%;}
}
@media screen and (max-width:1023px) {
.wrapper-box{width:auto; margin:10px; }
.box-product > div, .product-grid > div{margin-right:2px;}
.main-wrapper{margin: 0px 0px 0 0px; padding:0 10px;}
#header #search input{ width:210px}
.our-values-box-6{width:100%; height:auto; float:left; padding:0px 0px 0px 0px;}
.our-values-box-7{width:100%; height:auto; float:left; padding:0px 0px 0px 0px;}
.search-block{ width:48%; height:70px; padding:0 0.8vw 0 0.8vw;}
.search-block-02{height:220px;}
.sort-02{width:auto;}
.news-list{padding:10px 10px 0px 10px; width:92%; height:240px; margin:18px auto;}
.news-list .label{position:absolute; margin-top:-12px;}
.news-list .date{width:80%; height:4%; position:absolute; margin:4px 0px 0px 10px; background-color:transparent}
/*.news-list .date p{font-size:8px; top:50%;transform: translate(0%, -50%);}*/
.news-list .box{width:100%; height:100%; float:left;}
.news-list .box .caption{padding:36px 8px 0 10px;}
.btn-style-03{ display:block; margin-bottom:25px;}
#footer .column ul{width:155px;}
.cd-button{margin:0px auto 0px 28%; width:42%;}

.product-info .cart div{float:none; margin-bottom: 10px;}
#footer.style-2 .box5{width:225px;}
#footer.style-2 #footer .box2{width:460px;}
#footer .box3_1{width:350px;}
#footer .box3{width:288px;}
#footer .column{width:auto;}

#back-top{display:none!important;}
}
@media screen and (max-width:946px) {
.newscaption{ width:66%;}
.newsdate{}
}
@media screen and (max-width:920px) {
#slogan{position:absolute; left:230px;}
#logo > a > img{ width:220px !important;}
.newscaption{ margin:0px; width:84%;}
.newsdate{}
.box-news-sec{width:92%; padding:0px 1% 0px 4%; margin-bottom:5%;}
.box-news-sec > ul > img{ margin-bottom:-18px;}
.newslist{margin:0 0 14px 0; height:auto; line-height:30px; border-bottom:0px solid #ddd;}
.newslist > img{ width:124px;}
#footer .column{width:17.4%;}
}
@media screen and (max-width:910px) {
#menu > ul > li > a{font-size:12px;}
}
@media only screen and (min-width:801px) {
#menu > ul, #footer ul { display: block!important;}
}

@media screen and (max-width:800px) {
body {-webkit-text-size-adjust: auto; }
#content #search input {padding:0 10px; width:200px; }
#header { min-height:auto; text-align:center; margin:0 auto; padding:0px; width:100% !important;}

#header.style3 #logo, #header #logo{margin:0; padding:20px 0px;}
#header.style3 .hsecond{min-height:auto;}
#header.style3 #language, #header.style3 #currency{top:0; position:relative;}
#header.style3 .htop{display:block; float:none;}
#header.style3 #language{right:auto;}
#header.style3 #language ul, #header.style3 #currency ul{left:0; right:auto;}
#header.style3 #language ul li, #header.style3 #currency ul li, #header #language ul li, #header #currency ul li{text-align:left;}

#header.style3 #search{top:auto; display:inline-block}
#header.style3 #cart{top:auto; float:left; position:relative;}
#header.style3 #cart .content, #header #cart .content{left:0;}

#header #search{position:relative; float:right;}
#header #cart{display:inline-block; float:left;}

#header.style2 #logo{width:auto; margin:0;}
#header.style2 .htop{margin-bottom:0;}
#header.style3 .links{padding-right:0px;}

#footer{ width:auto!important; }
#container{width:none!important;}

.home, .banner, .back-to-top a, #column-right, #column-left{ display:none!important; }
#header #welcome{width:100%; float:none;}
h1, .welcome { text-align:center }
.login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right { width:auto!important; float:none; }
.login-content .left .content, .login-content .right .content{min-height:inherit }
input[type="text"], input[type="password"], textarea { width:95%; margin:0px 5px 0px 5px; }

.breadcrumb a {font-size:11px; margin-bottom:10px; display:inline-block }

.m-menu{display:block;}
#menu {padding:0; height:auto; text-align:center;}
#menu ul{width:100%; margin:0 0 0 0px}
#menu > ul > li div > ul > li > a {color:#256fc5; margin-left:8px;}
#menu > ul > li div > ul > li > a:hover {color:#256fc5;}
#menu ul{padding:0 0 0 0%;}
#menu > span {text-transform:capitalize; font-size:16px; padding:0px 15px 0px 8px; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#fff; background:url(../img/mplus.png) no-repeat right 17px;}
#menu > ul > li { float:none; padding:0px; display:none;}
#menu > ul > li.categories{display:block;}
#menu > ul > li.categories > a{display:none;}
#menu > ul > li.categories > div > .column > a{color:#333!important; }
#menu > ul > li.categories > div{display:block; position:relative;}

#menu > ul > li.categories > div > .column > div{display:none; position:relative; left:auto;}
#menu > ul > li.categories > div > .column:hover div{display:block; }
#menu > ul > li.categories > div > .column:hover > div ul{display:block; }
#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}

#menu > ul { display:block; text-align:left; background:#fff!important; position:relative; z-index:9;}
#menu > ul > li > div{display:block;}
#menu > ul > li.categories > div > .column > a{font-weight:bold;}
#menu > ul > li.categories > div > .column > div{display: none; box-shadow:none; border:none; padding:0; margin-left:20px;}
#menu > ul > li.categories > div > .column:hover div{display: none;}
#menucollapse:hover ul { display:none; }
#menucollapse ul {display:none; position:relative; bottom:0px; width:auto; padding:10px 0; margin-left:55px;}
#language ul img{ width:16px;}
span.more{color: #c2c2c2; display: block; font-weight: bold;  position: absolute; right: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(../img/mplus.png) no-repeat left -50px;}
span.more.plus{background-position:0 -80px;}

.product-info .cart div .qty{float:none; margin-bottom:15px; padding:0;}
.product-info .cart div .wishlist{margin:0;}

.contact-box{width:98%; height:auto; margin:30px auto;}
.contact-box-01{width:100%; height:66px; float:none; padding:0px 0px 0px 0px;}
.contact-box-02{width:100%; height:66px; float:none; padding:0px 0px 0px 0px;}
.contact-box-03{width:100%; height:66px; float:none; padding:0px 0px 0px 0px;}
.contact-time{ margin:0 0 0 40%;}
.form-control{width:90%;}
.news-list .date{ margin:4px 0px 0px 10px;}

.buttons .left , .buttons .right, .buttons .center{ float: none; text-align: center; margin:10px 0;}

#footer {padding:0!important;}
#footer .fpart-inner{padding:10px 10px 0}
#footer .column { float:none; width:auto; margin:0!important; display:inline; }
#footer h3{ cursor:pointer; display:block; text-align:center; padding:10px 0; margin-bottom:0px; border-top:1px dotted #444444;  border-bottom:none; height:auto; line-height:normal;}
#footer .custom_column h3{border:none;}
#footer h3 + h3{border-top:1px dotted #444444;}
#footer h3.active{background-color:#256fc5; color:#FFF;}
#footer .column a { font-size:14px; padding:3px 0; line-height:25px; height:25px; background:none;}
#footer .column:hover ul { display:none; }
#footer .column ul {display:none; position:relative; bottom:0px; width:auto; padding:10px 0;}
#footer .column ul li { text-align:center; }
#footer .info { width:auto; display:inline; float:none; }
#footer .info h3 { padding:5px 0; }
#footer .about-text { display:none; text-align:center; padding:0 10px; }
#footer-top-outside { display:none; }
#footer .column{float:none; margin:0;}
#footer .column ul{width:auto; display:none; padding:10px 0;}
#footer .column ul li.address{background-position:0px 0px;}
#footer #powered{margin-top:0px;}

#footer .payments_types{float:none; padding:0 0 10px 0;}
#footer .part3{width:auto; float:none;}
#footer .part3 + .part3{margin:0;}
#footer .social{float:none; text-align:center; padding:12px 0 0;}

.social_wrap { display:none!important; }
#powered { text-align:center; width:100%; line-height:normal; padding-top:10px; height:auto!important;}
#powered .fl { float:none; }
.payments_types{float:none; margin:10px 0 0px 0;}
.payments_types img{margin-bottom:10px;}

#footer .box5, #footer .box2{float:none; width:auto;}
#footer .box5 + .box5, #footer .box2 + .box2{margin:0;}
#footer.style-2 .box5{width:auto;}

#footer.style-2 .fpart_column ul li{float:none; display:inline-block;}
#footer.style-2 .powered_text{text-align:center; margin-top:10px;}
#footer.style-2 .contact h3{display:block;}
#footer.style-2 .contact, #footer.style-3 .contact{float:none; margin:0; border:none;}
#footer.style-2 .contact ul, #footer.style-3 .contact ul{display:none; padding:15px 0;}
#footer.style-2 .contact ul li, #footer.style-3 .contact ul li{display:block; width:auto; margin:0; line-height:34px;}
#footer.style-2 .payments_types{padding:0;}
#footer.style-2 #powered{padding:10px 0;}
#footer.style-2 .custom-column-content{padding:0 0 15px 0;}

#twitter_footer, #facebook{display:none;}

#footer .box3_1{float:none; width:auto;}
#footer.style-3 .custom_column{margin:0 0 15px 0;}
#footer.style-3 .contact h3{display:block;}
#footer .column ul li.address{background-position:0 7px;}
#footer .column ul li.qr-code-img img{width:30%; margin:0 0 0 -8px;}


#column-right + #content { margin-right:0!important; }
#column-left + #content { margin-left:0!important; }
#column-left + #column-right + #content, #column-left + #content{margin-left:0!important; }
.product-list .left { width:auto; float:none; }

.social { float:none; margin:10px; text-align:center; clear:both;}
.social h3 { display:none!important; }
#footer .column a { font-size:16px; }
#footer h3 { font-size:18px; }
.jcarousel-skin-opencart { display:none!important; }
.product-info > .left { float:none; text-align:center; margin-right:0px; }
.product-info > .left + .right { margin-left:auto ; text-align:center;}
.product-info .image { float:none;}
.mousetrap { width:99%; }
.product-info .image-additional { width:auto; margin-bottom:10px; max-width:none; }
.product-info .image-additional a { display:inline-block; float:none; }
.product-info .cart div { margin-bottom:15px; float:none;}
.product-grid{ text-align:center; }
.cart-info thead .price, .cart-info tbody .price { display:none; }
.sitemap-info .left, .sitemap-info .right, #content .content .left, #content .content .right{ float:none; width:auto }
.cart-info thead .model, .cart-info tbody .model{display:none;}
.product-filter .sort select{width:auto;}

.pagination{text-align:center; margin-bottom:0;}
.pagination .links{float:none;}
.pagination .results{float:none; margin-top:5px;}
.box .box-heading span{padding:0 30px;}

/* Force table to not be like tables anymore */
.break-table{ background-color: transparent !important;	}
.break-table, .break-table thead, .break-table tbody, .break-table th, .break-table td, .break-table tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.break-table thead tr { position: absolute; top: -9999px; left: -9999px;}
.break-table tr { border: 1px solid #ccc; margin-bottom: 10px; background-color: #ffffff;}
.search-table td a { font-size:18px !important;}
.break-table td {
/* Behave  like a "row" */
border: none !important; border-bottom: 1px solid #eee !important; position: relative; padding-left: 35% !important; white-space: normal;
text-align:left; font-size:18px;}
.break-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px; left: 6px; width: 30%; padding-right: 10px; white-space: nowrap;
text-align:left; font-weight: bold; color: #256fc5; font-size:18px;}
.break-table td:before { content: attr(data-title);}
.css-table .th,	.css-table .td{ display:block; width: 100%;}
tbody > tr{height:auto !important;}
}
@media screen and (max-width: 768px) {
.news-list .date{ margin:4px 0px 0px 10px;}
.form-label{ width:auto; text-align:left;}
.required{margin:14px 0px 0px 15px !important;}
.contact-title{width:100%; margin:0px auto; line-height:8vw; font-size:24px;}
table{
	table-layout:fixed;
}
tr td:first-child{
	width:25%;
}
td span{
	font-size:16px ! important;
}
td p{
	font-size:16px ! important;
}
}
@media screen and (max-width: 736px) {
.news-list .date{ margin:14px 0px 0px 10px;}
}
@media screen and (max-width: 670px) {
#header #search input{ }
#header.style3 #logo, #header #logo{ width:220px; position:absolute; left:30%; margin-left:-110px; padding:20px 0px;}
#slogan{width:220px; position:absolute; left:50%; }
#header #search{width:230px; position:absolute; right:2%; margin-left:0px; top:140px;}
#header #cart{width:80px; position:absolute; left:7%; margin-left:0px; top:140px;}
#header .hsecond{ height:180px;}
#content #search input {padding:0 10px; width:140px; }
#language ul, #currency ul{ left:0px; }
.newscaption{ /*margin:-32px 128px 0 68px;*/ }
.newsdate{ /*float:right; margin:-28px 0px 0 0px;*/}
.newslist > img{ width:64px;}
}
@media screen and (max-width: 640px) {
.news-list{height:380px;}
}
@media screen and (max-width: 600px) {
/*#language, #currency{float:none; display:inline-block;}*/
#header .links{display:inline-block; float:none;}
#header .htop{border-bottom:none;}
}
@media screen and (max-width:520px) {
.news-list .date{ margin:6px 0px 0px 10px;}
.btn-style-03{font-size:15px;}
}
@media screen and (max-width:480px) {
h1 {margin:40px auto 40px auto; }
.wrapper-box{margin:0;}
#content #search {margin-top:20px; left:50%; margin-left:-120px;}
#content #search input {padding:0 10px; width:240px; }
.search-block-content{padding:60px 0 0 0;}
#main_layer{  width:100%;}
.product-info .image a img {width:100%;}

/*#header.style3 #search, #header.style2 #search, #header #search{display:block; float:none; top:auto;}
#header #search input{width: 93%!important;}

#header.style3 #cart, #header.style2 #cart, #header #cart {float:none; margin-top:10px;}
#header.style3 #cart .content, #header.style2 #cart .content, #header #cart .content{left:-95px;}
#header .links{margin-right:0px;}
#header .links a#wishlist-total{display:none;}*/

.product-tab .tabs{padding-left:0px;}
.product-tab .tabs li a{padding: 7px 8px 6px; font-size:12px;}

.product-filter .display, .product-filter .limit, .product-filter .sort{width:auto; float:none; margin:0; clear:both;}
.product-filter .limit{margin:5px 0;}
.product-filter select{width:auto;}

.flex-control-nav, .flex-direction-nav li a.prev:hover{display:none!important;}

.contact ul li{float:none; width:auto;}
.category-list ul { float: none; width:auto; margin-right:0px;}
.product-info .review > div {overflow:inherit;}
select{width:99%;}

.cart-info thead .image, .cart-info tbody .image{display:none;}
.product-list .image{float:none;}
.product-list .left{text-align:center;}
.product-list .left .cart .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:none;}
#header .hsecond{ height:220px;}
.newscaption{ /*margin:-6px 88px 0 4px; font-size:8px; line-height:18px;*/ width:66%;}
.newslist > img{ width:144px; }
.search-block-02{height:480px;}
.search-block-select{}
.sort-01{width:100%; margin:0px 0px 0px 0%; display:block;}
.select-selected{ font-size:2vw; padding:6px}
.product-desc-left{width:92%; height:100%; float:none; padding:0px 0px 0px 0px;}
.product-desc-right{width:92%; height:100%; float:none; padding:0px 0px 0px 0px;}
input[type="text"], input[type="password"], textarea { width:90%; margin:0px 5px 0px 5px; }
.form-group-center-inner{margin:0 0 0 32%;}
input.button { margin:0 auto; padding:7px 7px; width:50%;}
#footer .custom_column_logo{margin:20px auto; width:100%; height:15vw; background:url(../img/logo-1.png) no-repeat; background-size:100% auto;}
}
@media screen and (max-width:400px) {
#header #search{width:230px; position:absolute; left:50%; margin-left:-115px; top:180px;}
#header #cart{width:130px; position:absolute; left:50%; margin-left:-25px; top:130px;}
#header .hsecond{ height:220px;}
.newscaption{ /*margin:-6px 88px 0 4px; font-size:8px; line-height:18px;*/}
.newslist > img{ width:144px; }
.contact-time{ margin:0 0 0 30%;}
}
@media screen and (max-width:320px) {
.main-wrapper{padding:0 5px;}
#header .links{line-height:20px;}
#header .links a{font-size:11px; padding:0 7px;}
#language, #currency{font-size:11px;}

#header #cart .content, #header.style2 #cart .content, #header.style3 #cart .content{width:250px; left:-45px;}

.product-info{overflow:hidden!important;}
.htabs a{font-size:11px; padding:7px 5px 6px 5px;}

}

.nivoSlider img{height:550px !important;}
.nivo-main-image{height:550px !important;}