@charset "utf-8";
/*Base class*/
.ani-1, .ani-1 span, .ani-1 ul li{ -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; }
.ani-1 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; }
.ani-1 a:hover, .ani-1 a:hover span, .ani-1 a:hover ul li{ -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; }
.cl{ clear:both; }

#totop {opacity:0; filter:alpha(opacity=0); position:fixed; right:-59px;  width:49px; z-index:9999; display:block; top:88%; background-color:#404040; font-size:11px; color: #fff; text-align: center; padding: 7px 0 7px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family:Arial, Helvetica, sans-serif;text-decoration:none; }
#totop:after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #404040  transparent; border-image: none; border-style: solid; border-width:5px; content:""; left:50%; margin-top:0; position:absolute; top:-10px; z-index: 1; margin-left:-5px;}
#totop.on { right:20px; opacity:0.7; filter:alpha(opacity=70); -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; }
#totop.off{right:-59px; -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; }
#totop:hover { opacity:1; filter:alpha(opacity=100)}
img {height: auto;max-height:100%;max-width: 100%;vertical-align: middle;}
/*Base class*/

/*body part*/
body{font-family: 'Roboto Condensed', sans-serif; font-weight:400;/*background:url(../images/pattern_03.png) repeat;*/}
.white-bg { background:#fff;}

/*Header part*/
.header-part { width:100%; float:left; margin:0px; padding:0px; border-bottom:5px solid #e67817; background:#fff;}
.head-top { width:100%; background:#1f1a17; margin:0px; padding:0px;}
.free-ship-text { width:21%; float:left; margin:0px; padding:7px 0px; }
.free-ship-text i { color:#fff; font-size:31px; margin-right:10px;}
.free-ship-text span { font-size:20px;color:#fff; vertical-align:7px;}
.free-ship-text span a { color:#fff;}

.top-right {float: right;list-style: none;margin: 0;padding:0;width: 60%;text-align:right;}
.top-right li { font-size:16px; color:#fff; display:inline-block; padding:12px 15px 12px 0;}
.top-right li:last-child {padding-right:0px;}
.top-right li a {color:#fff;}
.top-right li a i {vertical-align: -4px;font-size: 21px;}
.top-right li a:hover {color:#edddd3; text-decoration:none;}
.top-right li .fi-line-angle-down {font-size: 9px;font-weight: normal;margin-left: 15px;}
.top-right li .fi.fi-cart-line { position:relative;	margin-right: 15px;	font-size: 29px;vertical-align:middle;}
.count_total {background-color:#e67817;border-radius:12px;color: #ffffff;font-size: 10px; font-weight:bold; height:19px; line-height:17px;padding: 0px 0;position: absolute;right:-5px;text-align: center;top:-5px;vertical-align: middle;width:19px;}

.main-banner { width:100%; float:left; margin:0px; text-align:center;}
.top-logo {float: left;	margin: 5px 0;	padding: 0;}
.top-menu-part {float: right;margin: 0;padding: 0;}
.top-logo img { max-height:85px;}

.threebox{width:100%; float:left; margin:30px 0 0px 0; padding:0px; border:1px solid #e7e7e7; min-height:85px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+54,efefef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 54%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 54%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 54%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.smllink01{float:left; padding:17px 30px;margin: 0 0px 0 0; position:relative;}
.smllink01:after{ width:9px; height:85px; background:url(../images/sprite.png) 0px 0px no-repeat; position:absolute; top:0px; right:0px; }
.smllink01 a{ display:block; }
.smllink01 a:hover { text-decoration:none;}
.smllink01:last-child:after{ display:none;}
.smlhead02{ display:table-cell; padding-bottom:0px; text-align:left; font-weight:700; color:#494949; font-size:18px; letter-spacing:-0.5px; vertical-align:middle;}
.addtextsty{ font-size:13px; line-height:18px; padding:2px 0px 2px 0px; color:#606060;}
.smllink_text { width:84%; display: table; padding:0px 0px 0px 20px;height: 45px;line-height: 22px;}
.smllink01 .icon01 {float: left; font-size: 42px; color: #e67817; line-height: 0;}
.home-add-banner{ margin-bottom:30px;}

/*Hover Effect*/
.imghover {position: relative;overflow: hidden;}
.imghover * {-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);}
.imghover:hover img, .imghover.hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.buthover01 {position: relative; -webkit-transition: all 0.3s; transition: all 0.3s;}
.buthover01:after {content: ""; position: absolute; height: 0; left: 0; bottom: 0; width: 100%; border-radius: inherit; background-color: rgba(255, 255, 255, 0.25); -webkit-transition: all 0.3s; transition: all 0.3s;}
.buthover01:before {content: ""; position: absolute; width: 100%; left: 0; top: 0; -webkit-transform: translateY(5px); transform: translateY(5px); background-color: inherit; z-index: -1; }
.buthover01:hover:after, .buthover01.hover:after {height: 100%;}

.fourimg {position: relative;float: left;overflow: hidden;margin: 10px 1.6%;background-color: #000000;color: #ffffff; text-align: center;}
.fourimg * {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.fourimg img {opacity:1; max-width: 100%;}
.fourimg:after {background: #000000; width: 0; height: 6px; position: absolute; left: 0; top: 0; content: ''; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fourimg figcaption {position: absolute; top: 50%; left: 0; width: 100%; padding: 0 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.fourimg h2 { width:100%; float:left; line-height:32px;color: #ffd404; font-size:30px; text-transform: uppercase;margin-bottom: 5px;}
.fourimg span {font-size: 18px;color: #fff;   text-transform: uppercase;}
.fourimg a {left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
.fourimg.red:after {background-color: #ffd404;}
.fourimg.blue span { color: #fc3f34;}
.fourimg:hover img,.fourimg.hover img { -webkit-transform: scale(1.2); transform: scale(1.2);}
.fourimg:hover:after,.fourimg.hover:after { width: 100%;}
/*END Hover Effect*/

.fourbox {width:100%; float:left; margin:30px 0 0 0; padding:0px;}
.line {background: #ffd404;bottom: 0;display: block;height: 1px;margin:10px auto 5px;width:125px;}
.fixwidth { max-height:260px; width:31.2%; max-width:408px;}
.fullwidth { width:100%; margin:20px 0;}

.hedsty01 {width: 100%;display: block;color: #171717;font-size: 23px;font-weight: 700;border-bottom: solid 1px #e67817;padding: 10px 0px;position: relative;text-transform: uppercase;margin: 0 0 30px 0;}
.pro-box {width: 100%;float: left;margin: 0 0 30px 0;padding: 15px;border: 1px solid #ccc;position: relative;}
.pro-box:hover {border: 1px solid #e67817;}
.pro-box-img {width: 100%;display: block;text-align: center;}
.pro-box-text {width: 100%;	display: block;color: #171717;font-size: 17px;padding: 20px 0px 5px 0;position: relative;text-transform: uppercase;	text-align: center;	font-weight: 700;}

.newslfull { width: 100%; background-color: #000; padding: 21px 0px; min-height: 105px;}
.newslfullwp { width: 100%;}
.deals_logo { width:38%; float: left;}
.newsltext {float: left; padding: 0px 40px;}
.newsltext {font-size: 22px;color: #fff;font-weight: 700;line-height: 58px;}
.newslemail {width:28%;height: 43px;border: 0px;border-radius:0px;text-indent: 15px;margin-top: 10px;}
.newslemailbtn {width: 120px;height: 43px;border-radius:0px; border: 0px; background-color: #f36a22; color: #fff;font-weight: 700; cursor: pointer; margin-top: 10px;}
/* bottompart */

.bottompart {width: 100%; display: block; background-color:#f8f8f8; background-color:#fff;}
.btmheader {width: 85%; display: block; font-size: 19px; color: #3f3f3f; color: #000; padding: 8px 0px; font-weight: 700; border-bottom: solid 1px #d7d7d7; margin-bottom: 11px;}
.bottomcol {width: 23%; margin: 0px; padding: 20px 0px; float: left; font-size: 18px; color: #000000; font-weight:400;}
.bottomcol.btmcoll02 {width: 31%;}
.bottomcol ul { margin: 0px; padding: 0px; list-style: none;}
.bottomcol ul li { line-height: 29px; font-size: 16px;}
.bottomcol ul li a { color: #3d3d3d; color: #fff;}
.bottomcol ul li a .fi {font-size: 8px;}
.bottomcol .btmcontent a { color: #000000;margin-bottom: 5px;display: inline-block;}
.contactul li.phonetxt {font-size: 18px; color: #262626;color: #000;font-weight: 700;}
.contactul li.phonetxt .fi { font-size: 19px; color: #2f2f2f; color: #000; margin-right: 9px; vertical-align: middle;}
.contactul li.btmaddress {font-size: 16px; color: #262626; color: #000;font-weight: 400;}
.contactul li.btmaddress span {padding-left: 30px;}
.contactul li.btmaddress .fi {font-size: 19px;margin-right: 9px; vertical-align: middle;}
.contactul li.btmemail { font-size: 15px; color: #262626; color: #000; font-weight:400;}
.contactul li.btmemail .fi {font-size: 20px; line-height: 25px; vertical-align: middle; margin-right: 9px;}
.contactul li.btmemail a { color: #262626; color: #000;}
.contactul li { line-height: 24px !important; padding: 8px 0px}
.copyrightbottom { background:#fff; border-top: solid 1px #d9d9d9; width: 100%; padding: 18px 0; text-align: center; font-weight: 400; font-size: 16px;}
.copyrightbottomwp { width: 100%;}
.copyrightdiv01 {width:50%; font-size: 14px; color: #4c4c4c;text-align: left; padding:10px 0; float: left;}
.copyrightdiv01 a {color: #4c4c4c;}
.copyrightdiv02 {float: left; width: 50%;}
.copyrightdiv03 {float: right; width:50%;}
.copyrightdiv03wp {float: right;}
.bottomsocialhead {font-size: 14px;font-weight: 700;color: #707070;text-align: left;float: left;margin: 8px;}
.bottomsocial { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: row; justify-content: space-between;}
.bottomsocial li {margin: 0px 3px;padding: 0px;list-style: none;display: inline-block;}
.bottomsocial li a {width: 38px; height: 38px; background-image: url(../images/footer-sprite.png); background-repeat: no-repeat; display: block;}
.bottomsocial li a.fbicon {background-position: -242px -13px;}
.bottomsocial li a.twicon {background-position: -286px -13px;}
.bottomsocial li a.youticon {background-position: -329px -13px;}

.home-row02 {width:100%; float:left; margin:50px 0; padding:50px 0 80px 0; background:url(../images/gallery-bg.jpg) no-repeat; background-size:cover;}
.title_sty02 {font-size:37px; color:#fff; position:relative; padding:0 0 15px 0; margin:0 0 0px 0; text-align:center;}
.photo_gallery_top { width:100%; float:left; margin:0px; padding:0px; text-align:center;}
.photo_gallery_top p {font-size:16px; line-height:26px; color:#666666;}
.gallery_img { margin-top:50px; position:relative;}
.gallery_img:hover:before {opacity:1;}
.gallery_img:before {content: '';background-color: rgba(0,0,0,0.7);transition: all .9s ease-out 0s;-webkit-transition: all .9s ease-out 0s;-o-transition: all .9s ease-out 0s;-moz-transition: all .9s ease-out 0s;position: absolute;top: 0;left: 0;width: 100%;bottom: 0;opacity:0;z-index: 100;}
.h_search_icon {-webkit-transition: all .9s ease-out 0s;-o-transition: all .9s ease-out 0s;-moz-transition: all .9s ease-out 0s; opacity:0;position: absolute;	z-index:100;top: 50%;left: 50%;margin: -18px 0 0 -18px;}
.gallery_img:hover .h_search_icon {opacity:1;}

.aimex-design{ width:100%; display:block; padding:46px 0px; }
.homehead01{width:100%; display:block; color:#171717; font-size:28px; font-weight:700; padding:10px 0px; position:relative; text-transform:uppercase;}
.homecanadaimg img {width: 100%;border-radius: 15px;border:0px solid #efefef;}
.homeproductdesignblock{text-align:justify; line-height:28px; color:#231f20; font-size:18px; font-weight:300; margin-top:20px;}

/*-----------------------innerpage-------------------------*/
.innerpagebn { width:100%; display:block; background:url(../images/innerpageimg.jpg) center center no-repeat; background-size:cover;}
.innerpagebn h1{font-size:36px;color:#fff; padding:0 0 0px 0; margin:35px 0;text-shadow: 0px 1px 0px #000000; text-align:center;}
.innerpagebn h2{font-size:44px;color:#fff; padding:0 0 0px 0; margin:35px 0;text-shadow: 0px 1px 0px #000000; text-align:center;}
.hedsty02 { font-size:30px; color:#606060; font-weight:700; border-bottom:1px solid #ebebeb; padding:0 0 20px 0; margin:0 0 35px 0;}
.bodytextarea { width:100%; display:block; padding:30px 0px; font-size:14px; line-height:28px; color:#686868; }
.bodytextarea p {text-align:justify;}
.cms-left-img { float:left; margin:10px 40px 30px 0;}
.cms-left-img img {border:1px solid #ccc; border-radius:15px; overflow:hidden;}
/*-----------------------contact page-------------------------*/
.contacthead01{width: 100%; display: block; color: #414141; font-size:26px; font-weight:400; padding-bottom:30px;}
.contacthead02{width: 100%; display: block; color: #414141; font-size:17px; font-weight:400; padding-bottom:10px;}
.contentpart01{width:50%; float:left; padding:50px 0px 25px 0px;}
.contentpart02{width:50%; float:left; padding:50px 0px 25px 75px;}
.incontform{ width:100%; display: block; } 
.incontformrow{ width:100%; display: block; } 
.incontformrowhalf01{ width:48%; margin-right: 2%; display:block; float:left;} 
.incontformrowhalf02{ width:50%; display:block; float:left;} 
.extraspc{ margin-right: 10px; }
.incontform input {background-color: #fbfbfb; border: solid 1px #e5e5e5; padding:10px;margin: 0px 0px 20px 0px;display: block;width: 100%;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size:14px; color:#000000; height:47px; }
.incontform input:focus, .incontform textarea:focus{background-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; -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.11);-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.11); color:#555555;}
.incontform textarea {background-color: #fbfbfb; border: solid 1px #e5e5e5; padding:10px;margin: 0px 0px 10px 0px;display: block;width: 100%;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size:14px; color:#000000;min-height:133px;}
.butnstyle{ width:108px; height:40px; text-transform:uppercase; font-weight: 700;  font-size:14px; border:solid 0px; color:#fff; background:#000; text-decoration:none; border-radius:2px; float:right;}
.butnstyle:hover {background: #515254;color: #fff;}
.addressfild{ display:block; position:relative; font-size:16px; margin-bottom:29px; color:#414141; line-height:28px; }
.addressfild h3 {margin: 2px 0 2px 0;color: #e67817;}
.addressfild strong{ font-weight: 700; font-size:18px; display:block; letter-spacing:1px; }
.phonefild{ display:block; position:relative; font-size:16px; margin-bottom:22px; color:#414141;}
.phonefild a{ color:#414141;}
.phonefild strong{ font-weight: 700; font-size: 18px; display:block; }
.emailfild{ display:block; position:relative; font-size:16px; margin-bottom:22px; color:#414141;}
.emailfild a{ color:#414141;}
.emailfild strong{ font-weight: 700; font-size:18px; display:block; }
.googlemapfullwidth{ width:100%; float:left;}
.googlemapfullwidth iframe { width:100%; height:200px; float: left; border:1px solid #D5D5D5; padding:3px;}
.breadcome {width: 100%;float: left;display: block;margin:0px 0 20px 0;font-size: 16px;color: #b3b3b3;background: #fff;padding:15px 0;text-transform: uppercase;border-bottom: 1px solid #eee;}
.breadcome a {color: #b3b3b3;font-weight: normal;}
.breadcome a:hover {text-decoration: underline;color: #000;}
.breadcome span {padding: 0px 7px;color: #b3b3b3;}
.breadcome strong {font-weight: normal;color: #000;}

.cms-page {line-height: 28px;color: #231f20;font-size: 16px;font-weight: 300;}
.cms-page h2 {margin: 0 0 10px 0;}
.cms-page p { text-align:justify; margin-bottom:20px;}

.formcoll20 {width: 20%;float: left;margin-right: 2%;margin-top: 10px;text-align: center;}
.formcoll70 {width: 75%;float: right;margin-left: 2%;margin-top: 10px;}
.inputfildempty {background-color: #fbfbfb;border: solid 1px #e5e5e5;padding: 10px;margin: 0px 0px 20px 0px;display: block;width: 100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 14px;	color: #000000;height: 47px;}

/*detail Page*/
.detailleft {float: left;width: 44%;margin: 30px 0;border: 1px solid #ccc; text-align:center;}
.detailright {float:right;width:55%; margin:30px 0; padding:0 0 0 50px;}
.detailright_contant { width:100%; float:left; margin:0px; padding:0 0px 0 0;}
.detailright_title { width:100%; float:left; color:#414141; font-size:26px; line-height:28px; border-bottom:1px solid #cfcfcf; padding:0 0 15px 0; margin-bottom:20px; font-weight:700;}
.addtocont {width:100%; float:left; margin:0px; font-size:16px; border-bottom:1px solid #eeeeee; padding:0 0 15px 0; margin-bottom:15px;}
.product-code { float:left; margin:0px; padding:0px;}
.availability { float:right; margin:0px; padding:0px;}
.pro_detail_text { width:100%; float:left; margin:0px; padding:0px; font-size:16px; line-height:22px; border-bottom:0px solid #eeeeee;}
.pro_detail_text strong {text-align:left; font-size:18px; margin-bottom:7px; display:block;}
.pro_detail_text p { text-align:justify;}
.dtlheadsty {color: #373737;font-size:21px;font-weight: 700;width: 100%;display: block;	border-bottom: solid 1px #e0e0e0;padding: 0px 0px 10px 0px;}

/* Table*/
.detailtabl { font-size: 15px; color: #000; margin: 15px 0 45px 0;min-width: 600px;}
.detailtabl strong {font-size: 13px; text-align: left; color: #424242; font-weight: bold;}
.detailtabl tr .tablehead { font-size: 20px; font-weight: bold; color: #242424; letter-spacing: -1px;}
.detailtabl tr td { padding: 10px 15px 10px 15px; border: solid 1px #e6e6e6;}
.detailtabl tr:nth-child(even) {background: #fff;}
.detailtabl tr:nth-child(odd) {background: #f5f5f5;}
.detailpgtable { width:100%; margin:0; float: left;overflow-x: scroll;}
.detailpgtable tr td span { font-weight: 700;}
.specstab { width:100%; float:left; margin:20px 0 0 0; padding:0px;}
/*end detail*/

.homecanadaimg {text-align: center;}
.aimex-design .homecanadaimg img {width: 420px;}














/* ########################################################################################################################################################## */
/*============== Top Menu ==============*/
.menupart .container {position:relative;}
.jddev .clearfix:before, .jddev .clearfix:after{content: ""; display: table;}.jddev .clearfix:after{clear: both;}.jddev .clearfix{zoom: 1;}
.jddev *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-font-smoothing: antialiased;}

.jddev {font-size:19px;padding: 0px 0px 0px 0px;margin: 0px;width: 100%;font-weight:700; position:relative;}
.jddev-list {text-align: left;margin: 0 auto 0 auto;	width: 100%;display: table;padding: 0px;}
.jddev-list > li {text-align: center;display: table-cell;}
.jddev-list > li > a {display: block;color: #000000;padding:0px 40px;line-height:95px;text-decoration: none;position: relative;}
.jddev-list > li > a > .homeicon{display:inline-block; font-size:18px;}
.jddev-list > li > a > em{ display:none; }
.jddev-list > li > a.active .homeicon{display:inline-block; width:15px; height:14px;}
.jddev-list > li:hover > a .homeicon{display:inline-block; width:15px; height:14px;}
.jddev-list > li > a > .homeicon{display:inline-block; width:15px; height:14px; margin:0 8px;}
.jddev-list > li:hover>a {background: #e67817;color: #fff;}
.jddev-list > li > a:hover {background: #e67817;color: #fff;}
.jddev-list > li > a.active {background: #e67817;color: #fff;}
.jddev-list .sub-left .jddev-submenu-sub {left: -79%;top: 0px;}
.jddev-list .sub-left .jddev-submenu-sub .jddev-submenu-sub-sub {left: -100%;top: 0px;}
.jddev-submenu .cat-arrow{float:right; font-size:8px;}


/* Mega */
.megamenu {width: 100%;text-align: left;margin: 0px;padding:8px;display: none;position: absolute;top:75px;background-color: #fff;left: 0;border:solid 1px #e67817;border-bottom:solid 2px #e67817;border-top:solid 3px #e67817;		
-webkit-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
-moz-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
}
.carousel-control.left{top:38% !important;}
.carousel-control.right{top:38% !important;}
.catlinksstyle{display: block; margin: 0; padding:0px 0;font-size:13px;}
.catlinksstyle > li{color: #424242;display: block;line-height: 18px;padding: 6px 7px;}	
.catlinksstyle > li > span{font-size:11px;}
.catlinksstyle > li > a{padding:5px 6px;font-weight:300;display:block;color:#000;}		
.catlinksstyle > li > a > .fa-caret-right{ margin-right:4px;}

/*Categories*/
.jddev .categoriesmenu .title{border-bottom:1px solid #CCC;padding:12px 5px 12px 0px;font-size:16px;text-transform:none;font-weight:600;color:#424242;margin-bottom:7px;text-align:left;height:44px;	list-style:none;}
.jddev .categoriesmenu{font-size:13px;}	
.jddev li{margin:0px; padding:0px; list-style:none;}	
.jddev .categoriesmenu ul{min-height:159px;margin:0px;padding:0px;}	
.jddev .categoriesmenu > ul > li{display:block;white-space:nowrap;text-align:left;}	
.jddev .categoriesmenu ul > li > a{font-weight:300;line-height:18px;text-align:left;padding:6px 10px;background:#fff;background-image:none;border-right: 0 none;display:block;color:#424242;}
.jddev .categoriesmenu ul > li > a > .fa-caret-right{ margin-right:10px;}
.jddev .categoriesmenu ul > li > a:hover{text-decoration:underline;}
/*Categories*/


/*Links*/
.jddev .linksmenu{font-size:13px;}
.jddev .linksmenu ul{margin:0px;padding:0px;}	
.jddev .linksmenu > ul > li{display:block;white-space:nowrap;text-align:left;}	
.jddev .linksmenu ul > li > a{font-weight:300;line-height:18px;text-align:left;padding:6px 10px;background:#fff;background-image:none;border-right: 0 none;display:block;color:#424242;}
.jddev .linksmenu ul > li > a > .fa-caret-right{ margin-right:10px;}
.jddev .linksmenu ul > li > a:hover{text-decoration:underline;}
/*END Links*/


/*Content*/
.jddev .contentmenu .title{border-bottom:1px solid #CCC;padding:9px 5px 9px 0px;	font-size:15px;	text-transform:none;font-weight:bold;color:#424242;	margin-bottom:7px;text-align:left;height:39px;list-style:none;}

.jddev .contentmenu .normaltextmenu{font-weight:normal;line-height:23px;font-family:Arial;text-align:justify;color:#424242;font-size:13px;}
.jddev .catproductimg img{width:100%;}
/*END Content*/

/*product thumbnail*/
.jddev .product-thumbnail .title{border-bottom:1px solid #CCC;padding:9px 5px 9px 0px;font-size:15px;text-transform:none;font-weight:bold;color:#424242;margin-bottom:7px;text-align:left;height:39px;list-style:none;}
.jddev .product-thumbnail .normaltextmenu{font-weight:normal;line-height:23px;font-family:Arial;text-align:justify;color:#424242;font-size:13px;}
.jddev .product-thumbnail img{width:100%; }
/*END Content*/

/*Brands*/
.jddev .brandsmenu .title{padding:15px 5px 0px 0px;font-size:15px;text-transform:none;font-weight:bold;color:#424242;margin-bottom:0px;text-align:left;height:39px;list-style:none;}
.jddev .brandsmenu .normaltextmenu{font-weight:normal;line-height:23px;font-family:Arial;text-align:justify;color:#424242;font-size:13px;}
.jddev .brandsmenu img{width:100%; }
.jddev .brandsmenu .logoicon{ margin:1% 0%; }
.jddev .brandsmenu .logoicon img{ width:100%; border:solid 1px #e1e1e1; border-radius:2px; }
/*END Brands*/

/*Tab*/
.jddev .tabmenu{ min-height:302px; }
.jddev .tabmenu .tabimtag{ width:100%; height:92px; display:block;}
.jddev .tabmenu .tabimtag img{width:100%; vertical-align:middle; }
.jddev .tabmenu .tabimgtext{ text-align:center; font-size:12px; line-height:23px; font-weight:300;}

.jddev .tabmenu .mainmenuwrap{ width:100%; display:block; position:relative; }

.jddev .tabmenu .vertical-menu{ display:block; margin:0px; padding:0px; font-size:12px;}
.jddev .tabmenu .vertical-menu > li > a{ display:block; background-color:#f5f5f5; border-bottom:solid 1px #e2e2e2; padding:11px 15px;  color:#424242; line-height:24px; font-weight:500;}
.jddev .tabmenu .vertical-menu > li > a > span{ float:right;}
.jddev .tabmenu .vertical-menu > li > a:hover{ text-decoration:none; background-color:#fff; color:#424242;}
.jddev .tabmenu .vertical-menu > li .openactive{display:block;}
.jddev .tabmenu .vertical-menu > li:hover .verticalopen{ display:block;}
.jddev .tabmenu .verticalopen{min-height:184px; display:none; position:absolute; right:0px; top:0px; background-color:#fff; color:#000;   }
.jddev .tabmenu .tabimgwpr {min-height:134px;}
.jddev .tabmenu .vertical-menu .clearfix .verticalopen:first-child{display:block;}
/*END Tab*/

/* Half */
.jddev .halfmenu {width: 50%;text-align: left;margin: 0px;padding:8px;display: none;position: absolute;top:75px;background-color: #fff;border:solid 1px #e67817;	border-bottom:solid 2px #e67817;border-top:solid 3px #e67817;		
-webkit-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
-moz-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
}
.jddev .halfmenu .title{border-bottom:1px solid #CCC;padding:9px 5px 9px 0px;font-size:15px;text-transform:none;font-weight:bold;color:#424242;margin-bottom:7px;text-align:left;height:39px;list-style:none;}

.jddev .halfmenu{font-size:13px;}
.jddev .halfmenu ul{margin:0px;padding:0px;}	
.jddev .halfmenu > ul > li{display:block;white-space:nowrap;text-align:left;}	
.jddev .halfmenu ul > li > a{font-weight:300;line-height:18px;text-align:left;padding:6px 10px 6px 0px;background:#fff;background-image:none;border-right:0;display:block;color:#424242;}

.jddev .contacthalfmenu .title{border-bottom:1px solid #CCC;padding:9px 5px 9px 0px;	font-size:15px;text-transform:none;font-weight:bold;color:#424242;margin-bottom:7px;text-align:left;height:39px;list-style:none;}
	
.jddev .normaltext{font-size:13px; font-family:Arial; line-height:23px; font-weight:normal; text-align:justify;}
.jddev .contactdetail{ list-style:none; margin:0px; padding:0px;}
.jddev .contactdetail li{padding:0px 0px;}
.jddev .contactdetail li a{ text-decoration:underline; color:#000; }

.jddev .menu_form{width:100%; display:block;}
.jddev .menu_form .btnstyle01{font-weight:bold; text-transform:uppercase; color:#fff; font-size:14px; height:34px; cursor:pointer;}
.jddev .menu_form input[type="text"]{width:100%;border:1px solid #e2e2e2;-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px;}
.jddev .menu_form textarea{width:100%;border:1px solid #e2e2e2;	border-radius:5px;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px;min-height:122px;font-family:Arial;}
.jddev .menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right;  border:solid 0px; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-color:#e67817;}
.jddev .menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  background-color:#e67817;}

/* Half Menu */

/*Drop down*/
.jddev-submenu{display: none;position: absolute;top:95px;min-width: 270px;z-index: 1000;margin: 0px;padding: 0px;font-size:16px;list-style: none;border:solid 1px #e67817;border-bottom:solid 2px #e67817;border-top:solid 3px #e67817;	-webkit-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
-moz-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
}

.jddev-submenu li{margin: 0;padding: 0; position: relative;}
.jddev-submenu > li > a {font-weight:400;color:#000;background: #f6f6f6;text-align: left;border-bottom: 1px solid #e2e2e2;display: block;line-height: 22px;padding:12px 15px;text-transform: none;border-right: solid 0px #000;	height: auto;}
.jddev-submenu li:hover>a {background-image: none;background-color: #e2e2e2;color: #000;}
.jddev-submenu > li > a > .fa-caret-right{ margin-right:4px;}
.jddev-submenu-sub > li > a > .fa-caret-right{ margin-right:4px;}
.jddev-submenu-sub-sub > li > a > .fa-caret-right{ margin-right:4px;}
.jddev-submenu-sub > li{ position:relative; }
.jddev-submenu-sub > li > a {font-weight:400;color:#000 !important;background: #f6f6f6;text-align: left;border-bottom: 1px solid #e2e2e2;display: block;line-height: 22px;padding:7px 10px 7px 20px;text-transform: none;	border-right: solid 0px #000;height: auto; font-size:14px;}
.jddev-submenu-sub li:hover>a {background-image: none;background-color: #e2e2e2;color: #000;text-decoration:none !important;}
.jddev-submenu-sub-sub > li{ position:relative; }
.jddev-submenu-sub-sub > li > a {background: #f6f6f6;text-align: left;border-bottom: 1px solid #e2e2e2;display: block;line-height: 22px;padding: 8px 15px 8px 15px;text-transform: none;border-right: solid 0px #000;height: auto;color:#000 !important;font-weight:300;}
.jddev-submenu-sub-sub li:hover>a {background-image: none;background-color: #e2e2e2;color: #000;}
.jddev-submenu > li a:hover {background-image: none; background-color: #fff; border-radius: 0px!important; color: #000;text-decoration:none !important;}

/*Drop down*/
.megamenu .carousel-caption{bottom:0px;background-color:rgba(0,0,0,0.7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100%;}
.productslist{display:block; padding:15px;   }
.probox01{ width:100%; display:block; padding:18px;float:left;  margin:0px 0px 0px 0px; position:relative; background-color:#fff; border:solid 1px #f5f5f5;  }
.probox01imgwp{display:block; } 
.proimg {display:block; text-align: center; vertical-align: middle; }
.proimg > a{display: block; text-align:center;}

.proinfo{width:100%; padding:15px 0px 0px 0px; font-family:Arial,Verdana; }
.proname{ width:100%; display:block; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:14px; text-align:center; font-weight:bold;}
.proname a{ display:block; color:#5e5e5e;}
.proname a:hover{color:#f26100; text-decoration:underline;}
.addtolinks { width:100%; float:left; margin:0px; padding:10px 0 0 0;}
.addtolinks a { color:#6c6c6c; font-size:11px; text-decoration:underline;}
.addtolinks a:hover{color:#f26100; text-decoration:none;}
.addtolinks .add-to-wish { float:left;}
.addtolinks .add-to-comp { float:right;}
.pricebox { width:100%; float:left; margin:0px; padding:10px 0 0 0;}
.pricebox span { float:left; color:#5e5e5e; font-size:14px; padding:5px 0; font-weight:bold;}
.pricebox span em { font-style:normal; color:#bebebe; font-size:12px;}
.addtocart-but { float:right; height:30px; line-height:30px; background:#e67817; color:#fff; font-size:13px; font-weight:bold;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; padding:0 15px 0 10px;}
.addtocart-but:hover { text-decoration:none; color:#fff; background:#333;}
	
/* Mobile jddev */
.jddev-mobile {display: none;cursor: pointer;position: absolute;top:-65px;right:10px;padding: 7px 12px 7px 12px;margin: 6px 7px 0px 7px;color: #fff;border-radius: 4px 4px 4px 4px;	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #002c4c;border-image: none;border-radius: 4px 4px 4px 4px;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);color: #333333;cursor: pointer;font-size: 14px;line-height: 20px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;background-color: #e67817;}
.jddev-mobile:hover {box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);background-color: #252525;border-color: #000;}
.jddev-mobile > .icon-bar {display: block;width: 18px;height: 2px;background-image: none;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);	box-shadow: 0 1px 0 rgba(0,0,0,0.25);margin-top: 3px;}
.jddev-click {position: absolute;top: 0;right: 0;display: none;cursor: pointer;z-index:100;}
.jddev-click > .jddev-arrow {display: block;height: 23px;width: 25px;margin-top: 10px;margin-right: 8px;background: url(../images/down.png) no-repeat top left;background-size: 25px;}
  .jddev-rotate {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.jddev .jddev-submenu ul > li{position: relative;margin: 0px;padding: 0px;}
.jddev-addimg{ width:100%; display:block;}
.jddev-addimg img{width:100%;}
/*Root Col Class */

.jddev-col-6{width:16.66666666666667%; float:left; display:block; padding:10px;}
.jddev-col-5{width:20%; float:left; display:block; padding:10px;}
.jddev-col-4{width:25%; float:left; display:block; padding:10px;}
.jddev-col-3{width:33.33333333333333%; float:left; display:block; padding:10px;}
.jddev-col-2{width:50%; float:left; display:block; padding:10px;}
.jddev-col-1{width:100%; float:left; display:block; padding:10px;}

.jddev-col-70{width:66.66666666666667%; float:left; display:block; padding:10px;}
.jddev-col-75{width:75%; float:left; display:block; padding:10px;}

@media only screen and (min-width:768px){
.jddev-list li:hover .megamenu {display: block;}
.jddev-list li:hover .contacthalfmenu {display: block;}
.jddev-list li:hover .halfmenu {display: block;}
.jddev-list li:hover .jddev-submenu {display: block;}
.jddev-list .jddev-submenu .jddev-submenu-sub {min-width:230px;position: absolute;left: 65%;top: 15px;display: none !important;margin: 0px;padding:0px;border-bottom:solid 2px #e67817;z-index:99;
-webkit-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
-moz-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;	
}
.jddev-list .jddev-submenu li:hover .jddev-submenu-sub {display: block !important;list-style: none;margin: 0px;}
.jddev-list li:hover .jddev-submenu .jddev-submenu-sub {display: block;}
.jddev-list .jddev-submenu .jddev-submenu-sub .jddev-submenu-sub-sub {min-width: 180px;position: absolute;left: 65%;top: 15px;display: none !important;	margin: 0px;padding:0px;	border-bottom:solid 2px #e67817;
	-webkit-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
-moz-box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
box-shadow: 0px 5px 5px #cccccc, inset 0px 0px 0px #cccccc;
}
.jddev-list .jddev-submenu .jddev-submenu-sub li:hover .jddev-submenu-sub-sub {display: block !important;list-style: none;margin: 0px;z-index:100;}

.jddev-submenu-sub > li{position: relative;padding: 0px;margin: 0px}
.jddev-submenu-sub-sub > li {position: relative;padding: 0px;margin: 0px}
.mobilelink {display: none;}

}

@media only screen and (min-width:230px) and (max-width:767px) {
.verticalopen{ position:relative !important; display:block !important;}
.jddev .tabmenu .tabimtag{ height:auto !important; }
.jddev-list > li > a > .homeicon{ display:none !important; }
.jddev-list > li > a > em{ display:block !important; font-style:normal; }
.jddev-list > li{text-align:left;}
.megamenu{position: relative;top: 0px;left: 0px;padding:8px;}
.megamenu .carousel .item img{ width:100%;}
.jddev-mobile {display: block;}
.mobile-sub {margin: 0px;padding: 0px;list-style: none;float: none;width: 100%;}
.mobile-sub > li {margin: 0px 0px 0px 0px !important;display: block;position: relative;}
.mobile-sub > li > a {display: block;color: #000 !important;padding:5px 10px;line-height:28px;background: #fff !important;border-bottom: solid 1px #ccc;}
.mobile-sub > li > a.active {color: #000 !important;box-shadow: none}
.mobile-sub > li:hover>a {background-color: #f5f5f5 !important;box-shadow: none;}
.jddev {width: 100%;padding:0px 0px 0px 0px !important;background-color: #fff;margin: 0px 0px; font-size:16px;}
.jddev-list {display: none;}
.jddev-item {width: 100%;float: none;text-align: left;}
.jddev-item > a {padding: 13px;line-height: 20px;text-transform: none;position: static !important;}
.jddev-click {display: block;}
.jddev-click02 {display: block;}
.jddev-mobile-open {border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;	-moz-border-radius: 5px 5px 0 0;}
.jddev-item:hover .jddev-submenu {display: none;}
.jddev-submenu {position: static;width: 100%;padding: 0px;box-shadow: none;display:none;}
.jddev-submenu:after {border-color: transparent transparent transparent transparent;border-style: none;}
.jddev-submenu li {margin: 0px 0px 0px 0px !important;position:relative;}
.jddev-submenu a {display: block;color: #000;padding: 12px 25px;background: #fff !important;	border-bottom: solid 1px #ccc;}
.jddev-submenu li a.active {color: #000 !important;}
.jddev-submenu li:hover>a {background-color: #f5f5f5!important;color: #000;}
.jddev-submenu-sub {width: 100%;position: static;left: 100%;	top: 0;	display: none;margin: 0px;padding: 0px;}
.jddev-submenu-sub li {margin: 0px 0px 0px 0px !important;padding: 0px;position: relative;}
.jddev-submenu-sub a {display: block;color: #000;padding: 10px 25px 10px 25px;background: #fff !important;border-bottom: solid 1px #ccc;font-weight: normal;}
.jddev-submenu-sub li a.active {color: #000 !important;}
.jddev-submenu-sub li:hover>a {background-color: #E5E5E5 !important;	color: #fff;}
.jddev-submenu-sub-sub {width: 100%;position: static;left: 100%;top: 0;display: none;margin: 0px;padding: 0px;}
.jddev-submenu-sub-sub li {margin: 0px 0px 0px 0px !important;}
.jddev-submenu-sub-sub a {display: block;color: #000;padding: 10px 25px 10px 25px;background: #fff !important;border-bottom: solid 1px #ccc;font-weight: normal;}
.jddev-submenu-sub-sub li a.active {color: #000 !important;}
.jddev-submenu-sub-sub li:hover>a {background-color: #E3E3E3 !important;color: #fff;}
.jddev-text {display: block;}
.jddev-submenu .cat-arrow {display: none;}
}

@media only screen and (min-width:992px) and (max-width:1023px) {
.jddev-list > li > a{ padding-left:10px; padding-right:10px; }	
.jddev .contacthalfmenu{ width:100%; }
.jddev-list .jddev-submenu .jddev-submenu-sub{ right:65%; left:auto !important; }
.jddev-list > li > a {padding: 0px 20px;}
.jddev {font-size: 17px;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.jddev .halfmenu{ position:relative; width: 100%; top:0px;}
.jddev .contacthalfmenu{ position:relative; width: 100%; top:0px;}
.categoriesmenu .jddev-col-4{width:50%;}
.linksmenu .jddev-col-5{width:33.33%;}
.tabmenu .jddev-col-4{ width:100% ; }
.tabmenu .jddev-col-75{ width:100%; }
.contentmenu .jddev-col-4{width:50%;}
.product-thumbnail .jddev-col-4{width:50%;}
.brandsmenu .jddev-col-4{width:33.33%;}
.contacthalfmenu .jddev-col-2{ width:100%;}
.jddev-list > li > a {padding: 0px 20px;}
.jddev {font-size: 17px;}
}

@media only screen and (min-width:501px) and (max-width:767px) {
.jddev .halfmenu{ position:relative; width: 100%; top:0px;}
.jddev .contacthalfmenu{ position:relative; width: 100%; top:0px;}
.categoriesmenu .jddev-col-4{width:100%;}
.linksmenu .jddev-col-5{width:100%;}
.tabmenu .jddev-col-4{ width:100% ; }
.tabmenu .jddev-col-75{ width:100%; }
.contentmenu .jddev-col-4{width:100%;}
.product-thumbnail .jddev-col-4{width:100%;}
.brandsmenu .jddev-col-4{width:100%;}
.halfmenu .jddev-col-2{ width:100%;}
.tabmenu .verticalopen .jddev-col-6{ width:33.33%; }
.contacthalfmenu .jddev-col-2{ width:100%;}

}

@media only screen and (min-width: 200px) and (max-width:500px) {
.jddev .halfmenu{ position:relative; width: 100%; top:0px;}
.jddev .contacthalfmenu{ position:relative; width: 100%; top:0px;}
.categoriesmenu .jddev-col-4{width:100%;}
.linksmenu .jddev-col-5{width:100%;}
.tabmenu .jddev-col-4{ width:100% }
.tabmenu .jddev-col-75{ width:100%; }
.contentmenu .jddev-col-4{width:100%;}
.product-thumbnail .jddev-col-4{width:100%;}
.brandsmenu .jddev-col-4{width:100%;}
.halfmenu .jddev-col-2{ width:100%;}
.tabmenu .verticalopen .jddev-col-6{ width:50%; min-height: 217px; }
.contacthalfmenu .jddev-col-2{ width:100%;}
}