.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

.btn-white { border: 3px solid #262014; border-radius: 3px; background: #fff; text-transform: uppercase; color: #000; padding: 0 30px; display: inline-block; text-align: center; line-height: 40px; font-size: 13px; font-weight: 500;}
.btn-white:hover { background: #262014; color: #fff;}

section.welcome-note { padding: 30px 0 80px;}
section.welcome-note h1 { font-size: 30px; color: #262014; text-transform: uppercase; margin: 0 0 5px;}
section.welcome-note h1 span { color: #ce9b32;}
section.welcome-note h3 { font-weight: 400; font-size: 16px; margin: 0 0 15px;}
section.welcome-note p { color: #636363;}

section.front-cats { background: #ce9b32; padding: 20px 0; position: relative; z-index: 99;}
section.front-cats::before { background: #ce9b32; content: ""; height: 100%; left: 0; top: 0; right: 0; width: 100%; position: absolute; transform: skewY(-3.2deg); margin-top:-3%;}

section.front-cats .title-bar h2::before { background: #262014; width: 150px;}

.cat-block { position:relative; overflow:hidden; margin:15px 0; z-index:99;}
.cat-block .block-inner { margin:10px; position:absolute; top:0; left:0; right:0; bottom:0;}
.cat-block .cat-border { border:2px solid #ce9b32;  height:100%;}
.cat-block .cat-hover { background:transparent; text-align:center; justify-content:center; flex-direction:column; display:flex; height:100%; backface-visibility:hidden; transform:scale(0); opacity:0;}
.cat-block .block-inner h2 { margin:0; font-size:24px; color:#fff; text-transform:uppercase; letter-spacing:1px;}
.cat-block:hover .cat-hover { background:rgba(38,32,20,0.8); transform:scale(1); opacity:1;}

section.about-block { background: #fff; position: relative; overflow: hidden; position: relative; margin-top: -6px; }
section.about-block::before { background: #262014; content: ""; height: 100%; width: 32%; left: 0; top; 0; position: absolute;}
section.about-block .img-block { padding: 60px 0;}
.about-text { padding: 20px; text-align: left;}
.about-text h3 { font-size: 16px; margin: 0; padding: 0; color: #ce9b32; text-transform: uppercase; font-weight: 400; letter-spacing: 1px;}
.about-text h2 { position: relative; margin-bottom: 20px; text-transform: uppercase; padding-bottom: 8px; font-size: 24px; letter-spacing: 1px; font-weight: 700;}
.about-text h2::after { content: ''; position: absolute; background: #262014; width: 200px; height: 2px; bottom: 0; left: 0;}
.about-text p { color: #343434; font-size: 15px; line-height: 27px; margin-bottom: 20px;}

section.our-aiming { padding: 40px 0;}
section.our-aiming .section-header p { color: #ce9b32; font-size: 16px;}
section.our-aiming .section-header h2 { color: #262014;}
.aim-box { background: #262014; padding: 30px; text-align: center; border-radius: 5px;}
.aim-box img { margin: 0 auto;}
.aim-box h2 { font-weight: 700; text-transform: uppercase; font-size: 22px; margin: 15px 0 5px; color: #fff;}
.aim-box p { font-size: 15px; color: #fff; line-height: 24px;}

section.custom-block { background: #f8f8f8; padding: 60px 0;}

section.why-choose { background: #ce9b32}
section.why-choose .center-text { color: #fff; text-align: center; padding-top: 20px; padding-bottom: 20px;}
section.why-choose .center-text i { font-size: 30px; color: #fff;}
section.why-choose .center-text h3 { font-weight: 700; text-transform: uppercase; font-size: 20px; margin: 5px 0 0; color: #262014;}
section.why-choose .center-text p { margin: 0; font-size: 12px; padding: 0; font-weight: 400; color: #262014;}

section.featured-prods { padding: 40px 0 30px;}
section.work-process { background: #f8f8f8; padding: 60px 0 30px;}
.wp-block { position: relative; text-align: center; margin-bottom: 30px;}
.wp-block img { border-radius: 10%;}
.wp-block h2 { margin:15px 0 5px; font-size: 24px; }

section.how-we-do { padding: 30px 0;}

.title-bar { text-align: center; text-transform: uppercase;}
.title-bar h2 { margin: 0 0 20px; padding: 0 0 6px; position: relative; font-weight: 700; font-size: 24px; color: #262014;}
.title-bar h2::before { position: absolute; content: ''; left: 0; right: 0; bottom: 0; background-color: #ce9b32; width: 100px; height: 2px; margin: 0 auto;}
.title-bar h2 span { color: #ce9b32;}

.text-block { background: #f7f7f7; border: 1px solid #d7d7d7; border-radius: 3px; padding: 20px; min-height: 270px; margin-bottom: 30px;}
.text-block h2 { color: #262014; margin: 10px 0 15px; padding: 0; font-size: 20px; text-transform: none;}
.text-block p { color: #5e5e5e; font-size: 14px; line-height: 22px;}

.text-block2 { background: #f7f7f7; border: 1px solid #d7d7d7; border-radius: 3px; padding: 60px 20px 20px; position: relative; margin-top: 50px; min-height: 364px;}
.text-block2 .block-img { position: absolute; top: -50px; left: 0; right: 0;}
.text-block2 h2 { color: #262014; margin: 10px 0 15px; padding: 0; font-size: 18px;}
.text-block2 p { margin: 0; padding: 0; color: #5e5e5e; font-size: 14px; line-height: 26px;}

section.customize { background: #262014; position: relative; overflow: hidden;}
section.customize::before { background: #f7f7f7; content: ""; height: 100%; width: 630px; right: -143px; top; 0; position: absolute; transform: skewX(-25deg)}
.cust-text { justify-content: center; flex-direction: column; display: flex; height: 100%;}
.cust-text h2 { font-size: 32px; color: #fff;}
.cust-text a { background: #ce9b32; border: 2px solid #ce9b32; border-radius: 3px; line-height: 40px; padding: 0 10px; width: 150px; text-align: center; color: #fff; text-transform: uppercase;}
.cust-text a:hover { background: none;}
.cust-img { padding: 30px 0;}

/*
section.about-block { background: #ce9b32; position: relative; overflow: hidden;}
section.about-block::before { background: #f7f7f7; content: ""; height: 100%; width: 57%; left: -144px; top; 0; position: absolute; transform: skewX(-34deg)}

.about-text { padding: 40px;}
.about-text h2 { font-size: 28px; color: #fff; border-bottom: 1px solid #fff; margin-bottom: 30px;}
.about-text p {color: #fff; margin-bottom: 30px;}
*/

.ind_btn { background: #262014; border: 2px solid #262014; border-radius: 3px; line-height: 40px; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 500; font-size: 13px;}
.ind_btn:hover { background: none; color: #fff;}

section.signup-bg { background: #262014; width: 100%; padding: 40px 0; text-align: center;}
section.signup-bg h2 { font-size: 20px; color: #fff; font-weight: 700; margin: 0 0 15px; padding: 0;  text-align: center;}
section.signup-bg form { margin:0; padding: 20px 0;}
section.signup-bg .newsletter input { height: 40px; background: none; border: none; border-bottom: 1px solid #fff; color: #fff; font-size: 13px; box-shadow: none; width: 74%; float: left;}
section.signup-bg .newsletter input:focus { outline: none;}
section.signup-bg .newsletter button { border: none; background: #ce9b32; border: 2px solid #ce9b32; height: 40px; text-align: center; width: 25%; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; float: right; border-radius: 3px;}
section.signup-bg .newsletter button:hover { background: none; color: #fff;}
section.signup-bg a { display: inline-block; margin: 20px 5px 0;}
section.signup-bg a i { background: #ce9b32; border: 2px solid #ce9b32; line-height: 40px; width: 40px; text-align: center; border-radius: 3px; font-size: 14px; color: #fff;}
section.signup-bg a:hover i { background: none; color: #fff; transform: rotate(360deg);}

.grid-products .item .product-image { border: 1px solid #ccc;}
.product-details { padding-bottom: 20px;}

h2.Total { text-align: right; font-size: 20px; text-transform: uppercase; font-weight: 700;}
.basket-btn { text-align: right; margin-top: 10px;}
.SubmitText { text-align: center; color: #060; font-size: 22px; padding: 8rem 0 8rem;}

.NoProd { text-align: center; font-size: 18px; color: #c3c3c3; padding: 100px 0; width: 100%; display: block;}

.page-title h1.prod { margin-bottom: 15px;}
ul.sub-cats { margin-bottom: 20px;}
ul.sub-cats li { list-style: none; display: inline-block; margin-bottom: 5px;}
ul.sub-cats li a { background: #262014; border-radius: 3px; padding: 0 18px; line-height: 38px; color: #fff; display: block; font-size: 13px; font-weight: 500; text-transform: capitalize;}
ul.sub-cats li a:hover, ul.sub-cats li a.active { background: #ce9b32; color: #262014;}


footer { background: #ce9b32; padding: 40px 0 0; position: relative;}
footer h2 { color: #262014; font-size: 20px; margin: 0 0 30px;}
.f-contact img { margin: 0 auto 20px;}
.f-contact ul { list-style: none; margin: 0; padding: 0;}
.f-contact ul li { margin: 0px 0px 12px 0px; padding: 0; float: none; display: block; list-style: none; line-height: 28px;}
.f-contact ul li i { line-height: 21px; float: left; font-size: 17px; color: #262014; margin-right: 13px;}
.f-contact ul li div { float: left; width: 75%; line-height: 20px; margin: 0; padding: 0;}
.f-contact ul li div p { margin: 0; color: #fff; font-size: 15px; font-weight: 400;}
.f-contact ul li a { color: #fff; font-size: 15px; font-weight: 400;}
.f-contact ul li a:hover { color: #262014;}

ul.f-links { margin: 0; padding: 0}
ul.f-links li { list-style: none; margin: 0 0 7px 0; padding: 0;}
ul.f-links li a { color: #fff; font-size: 15px; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
ul.f-links li a:hover, section.copyrights p a:hover { color: #262014;}

.shipment { margin-top: 30px;}

section.copyrights { padding: 20px 0; text-align: center;}
section.copyrights .container { border-top: 1px solid #fff; padding-top: 20px;}
section.copyrights p { color: #fff; font-size: 13px; line-height: 22px; margin: 0; }
section.copyrights p a { color: #262014; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; }