@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
@import url(../css/fonts.css);
@import url(../css/menu.css);
@import url(../css/animate.min.css);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video{margin:0;padding:0;font-family:'Roboto',sans-serif;font-size:100%;line-height:100%;color:#333;font-weight:400}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
*{margin:0;padding:0}
label{padding:0;margin:0}
ul,li,ol{padding:0;margin:0}
.clear,.clearfix{clear:both}
a,img{border:0;outline:none;text-decoration:none}
input::-moz-focus-inner{border:0}
input,select,textarea,button{outline:none}
img{max-width:100%;height:auto}
body{background:#FFF}
::-webkit-input-placeholder{color:#717171}
h1,h2,h3,h4,h5{font-family:'Roboto',sans-serif;line-height:normal;font-weight:700;text-transform:none;color:#333;margin-bottom:10px}
h1{font-size:28px}
h2{font-size:26px;text-transform:uppercase}
h3{font-size:20px}
h4{font-size:18px}
p,li{font-size:14px;font-weight:400;line-height:23px;color:#333;font-family:'Roboto',sans-serif}
li{padding:0}
a{font-family:'Roboto',sans-serif;font-weight:400}
strong{font-weight:700}
.wrapper{width:100%}
.pageWidth{width:100%;max-width:1170px;margin:0 auto}
.headLeft{float:left;width:20%;position:relative;z-index:10;margin-left:40px}
.headRight{float:right}
header{background:#121212;position:relative}
header::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:16%;background:#FFF}
header img{display:block}
.banner{display:inline-block;width:100%;margin-top:-86px;position:relative;z-index:1;min-height:300px}
.show-mobile{display:none}
.whyus{background:#f7f7f7;padding:50px 0}
.whyus-box{padding:15px;float:left;width:30%;margin-left:2.5%;background:#FFF;border:1px solid #dcdcdc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.whyus-box-image{float:left;width:30%;padding:15px 0 0}
.whyus-box-content{float:left;width:70%}
.whyus-box h4{margin-bottom:6px}
.whyus-box p{font-size:13px;line-height:20px;color:#364347}
.aboutus img{display:block}
.page-description p{padding-bottom:15px}
.about-left{float:left;width:47%}
.about-right{float:right;width:48%;padding-top:50px}
.home-products{background:url(../images/bg.jpg) repeat 0 0;padding:40px 20px}
.home-product a{display:block;position:relative;border:5px solid #FFF;overflow:hidden;margin:10px;-webkit-box-shadow:0 0 8px silver;-moz-box-shadow:0 0 8px silver;-ms-box-shadow:0 0 8px silver;box-shadow:0 0 8px silver;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .8s}
.home-product a::before{content:'';position:absolute;left:0;bottom:0;z-index:1;width:100%;height:0;background:url(../images/bg-transparent.png) repeat-x 0 bottom}
.home-product a:hover::before{content:'';position:absolute;left:0;bottom:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.home-product h3{position:absolute;left:14px;bottom:4px;color:#FFF;z-index:2;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}
.home-product a:hover h3{bottom:auto;bottom:75%}
.product-details{visibility:hidden;position:absolute;top:100%;left:0;left:15px;z-index:2;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;transition:all ease .5s}
.home-product a:hover .product-details{top:75px;visibility:visible}
.clients{padding:50px 0;text-align:center}
.table-product{border:1px solid #FFF;border-collapse:collapse;padding:0;width:100%}
.table-product th{font-weight:700;font-size:14px;color:#FFF;padding:10px 8px;text-align:left;border-right:1px solid #FFF;border-bottom:1px solid #FFF;background:rgba(0,0,0,0.4)}
.table-product td{color:#FFF;font-size:13px;padding:8px;border-right:1px solid #FFF}
.table-product tr:nth-child(odd){background:rgba(255,255,255,0.2)}
.table-product tr:nth-child(even){background:rgba(0,0,0,0.2)}
.btn-more{background:#000;width:45px;height:35px;text-align:center;position:absolute;bottom:0;right:-45px;z-index:2;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-ms-transition:all ease 1s;transition:all ease 1s}
.btn-more i{color:#FFF;font-size:20px;line-height:35px}
.home-product a:hover .btn-more{right:0}
footer{background:#FFF;position:relative}
footer::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:150px;background:#121212}
.footer{background:#f7f7f7;padding:40px 0;text-align:center;position:relative;z-index:1}
.footer ul{margin:22px 0}
.footer li{list-style:none;display:inline-block;margin:0 15px;position:relative;vertical-align:top}
.footer li a{display:block;padding:5px 0}
.footer li::before{content:'I';position:absolute;top:1px;right:-20px}
.footer li:last-child::before{content:''}
.copyrights{padding:18px 0;z-index:2;position:relative;text-align:center}
.copyrights p{color:#ddd}
.inner-page-content{min-height:300px;padding:30px 0}
.inner-banner{position:relative}
.title-section{padding:20px;position:absolute;top:40%;left:0;right:0;margin:0 auto;text-align:center;background:rgba(0,0,0,0.5);max-width:360px;border-radius:10px}
.title-section h2{color:#FFF}
.bredCrumb ul{padding:0;width:auto}
.bredCrumb li{background:url(../images/bred-crumb.png) no-repeat 0 7px;display:inline-block;list-style:none;padding:0 12px 0 16px}
.bredCrumb li:first-child{background:none;padding-left:0}
.bredCrumb li a{color:#FFF}
.bredCrumb li i{color:#FFF;font-size:13px}
.bredCrumb li:hover a{color:#ffb88b}
.bredCrumb li .page-selection,.bredCrumb li .page-selection:hover{color:#ffb88b}
.col-left{float:left;width:55%}
.col-right{float:right;width:42%}
.col-right2{float:left;width:42%}
.col-left2{float:right;width:55%}
.clientele{width:100%}
.clientele ul li{width:24%;float:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;height:160px;display:table}
.clientele ul li:last-child{border-right-width:0}
.clientele ul li a{display:table-cell;vertical-align:middle;overflow:hidden}
.clientele ul li a img{display:block;max-width:160px;margin:0 auto}
.clientele ul.no-bdr-b li{border-bottom-width:0}
.page-products hr{padding-bottom:30px;margin-bottom:30px;border:0;border-bottom:3px double #e79059}
#leather{border:0;padding:0;margin:0}
.product-last{border-bottom:0;margin-bottom:0}
.products h3{margin-bottom:10px;color:#5350c3}
.products h4{margin-bottom:5px}
.products-image{float:left;width:26%}
.products-info{float:right;width:70%}
.products-image img{max-height:260px;width:100%}
.products-info li{list-style:none;display:inline-block;vertical-align:top;width:32%;margin-bottom:12px}
.products-info li img{max-width:38px}
.products-info li span{font-size:16px;display:inline-block;vertical-align:top;padding:10px 0 0 12px}
.contact-form-address{float:right;width:36%}
.contact-form{float:left;width:60%;padding-right:80px;box-sizing:border-box;background:url(../images/shadow-vertical.png) no-repeat right center}
.form ul::after{content:'';display:block;clear:both}
.form ul li{float:left;list-style:none;margin-left:2%;width:49%}
.form ul li:first-child{margin-left:0}
.form ul li.full{width:100%}
.address li{list-style:none;display:block;position:relative;padding-left:35px}
.address i{float:left;color:#333;font-size:20px;line-height:24px;position:absolute;left:0;top:1px}
.map iframe{border:0;width:100%;height:340px}
.enquiry{background:#FFF;padding:20px;max-width:620px;margin:0 auto;-webkit-box-shadow:0 0 5px #ddd;-m
box-shadow:0 0 5px #ddd;-ms-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd}
.img-left{float:left;margin:0 15px 15px 0}
.img-right{float:right;margin:0 5px 15px 15px}
.img-shadow{border:3px solid #FFF;-webkit-box-shadow:0 0 5px #888;-moz-box-shadow:0 0 5px #888;-o-box-shadow:0 0 5px #888;box-shadow:0 0 5px #888}
.btn{background:#FFF;border:1px solid #555;color:#333;cursor:pointer;display:inline-block;font-size:13px;line-height:16px;height:auto;text-transform:uppercase;text-align:center;padding:9px 22px;outline:none;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s;border-radius:20px}
.btn-primary{background:#ffe8bb;border:1px solid #bf9543;padding:11px 28px;}
.btn i{padding-left:5px;font-size:10px;color:#333}
.btn-default{background:#f7f7f7;border:1px solid #888}
.btn-default:hover{background:#FFF;color:#1a1a1a;border-color:#555}
.btn:hover{background:#f5f5f5}
.text-style1{color:#5350c3}
.text-style2{color:#fe6663}
.text-style3{color:#1799a1}
.p-t-0{padding-top:0}
.p-b-0{padding-bottom:0}
.m-t-5{margin-top:5px}
.m-t-10{margin-top:10px}
.delay-2{animation-delay:.2s}
.delay-3{animation-delay:.3s}
.delay-4{animation-delay:.4s}
.delay-5{animation-delay:.5s}
.delay-6{animation-delay:.6s}
.form-group{margin-bottom:14px}
.prepend-icon,.append-icon{position:relative}
.prepend-icon input,.prepend-icon textarea,.prepend-icon select{padding-left:38px!important}
.append-icon input,.append-icon textarea,.append-icon select{padding-right:38px!important}
.form-group label{font-size:14px;display:block;margin-bottom:3px}
.form-control,.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #d0d0d0;color:#333;display:inline-block;font-size:13px;height:auto;line-height:normal;padding:10px 15px;transition:all .2s ease-out 0;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
select.form-control{padding:9px;-webkit-padding-after:11px;-webkit-padding-before:11px}
.select2-container--default .select2-selection--single{padding:5px}
select.select-box{appearance:none;-moz-appearance:none!important;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;background-image:url(../images/down-arrow.png);background-repeat:no-repeat;background-position:96% 16px;padding-right:30px;width:99.9%}
select.selectBox::-ms-expand{display:none}
textarea{resize:vertical;min-height:100px}
.prepend-icon i,.append-icon i{color:#999;font-size:13px;height:42px;left:2px;line-height:42px;position:absolute;text-align:center;top:0;width:40px}
.append-icon i{left:auto;right:2px}
.form-control:hover,.form-control:focus{border-color:#c5c8cb}
.form-control.checkbox,.form-control.radio{width:auto;border:1px solid #e9e9e9;opacity:.6}
.textarea{resize:vertical}
.form-group sup{font-size:13px;color:#f16868;position:relative;top:2px}
.form-group a{text-decoration:underline}
.form-group a:hover{color:#047cb9}
input.error,textarea.error,select.error{border:1px solid #fccece;color:#444!important;box-shadow:none!important}
label.error{color:#df5544;margin:3px 0 0;font-size:13px}
.chkbox{position:relative}
.chkbox label.error{position:absolute;left:0;bottom:-18px}
.successmessage{display:none;float:left;line-height:35px;color:#45BA2C;font-size:15px}
.failmessage{color:#E76A4C!important}
.table{border:1px solid #ccc;border-collapse:collapse;padding:0;width:100%;margin-bottom:20px}
.table th{font-weight:700;font-size:15px;color:#FFF;padding:12px 8px;text-align:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#555}
.table td{color:#333;font-size:14px;padding:10px 8px;border:1px solid #ccc}
.table tr:nth-child(odd){background:#f9f9f9}
.table tr:nth-child(even){background:#f0f0f0}
.pull-right{float:right}
.pull-left{float:left}
.pdf{margin-top:22px}
.pdf .btn{background:#FFF url('../images/pdf.png') no-repeat 17px 6px;padding:15px 25px 14px 50px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.pdf .btn:hover{background-color:#f3f3f3}
.popup-gallery img {width: 32.4%;float: left;position: relative; margin-right: 10px; margin-bottom: 10px}
video {float: left;position: relative; margin-right: 10px; margin-bottom: 10px}