.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;}

.web-btn { background: #ff9966; color: #fff; padding: 8px 28px; border: none; cursor: pointer; display: inline-block; font-weight: 500; font-size: 16px;}
.web-btn:hover { background: #161c48; color: #fff;}

a.site-header__cart { color: #fff;}
a.site-header__cart:hover { color: #ff9966;}

.section-header h4 { text-transform: uppercase; color: #ff9966; margin: 0; font-weight: 500; font-size: 16px; letter-spacing: 1px;}
.section-header h2 { font-size:28px; font-weight:800; line-height:1.3; margin: 0 auto; color: #000; letter-spacing: 2px; position: relative; padding-bottom: 5px; text-transform: uppercase;}
.section-header h2::before { background: #ff9966; content: ""; width: 200px; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.section-header h2::after { background: #000; content: ""; width: 150px; height: 1px; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto;}

section.category-block { padding: 40px 0 10px; position: relative;}
.cat-block { position:relative; overflow:hidden; margin:0 0 30px; 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 #ff9966;  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:18px; color:#fff; text-transform:uppercase; letter-spacing:1px; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; font-weight: 400;} 
.cat-block:hover .cat-hover { background:rgba(0,0,0,0.8); transform:scale(1); opacity:1;}
.cat-block .block-inner h2:hover { color: #ff9966;}

section.art-block { background-image: url(../images/art-bg.jpg); background-repeat: no-repeat; background-position: center center; padding: 60px 0; position: relative; margin: 40px 0;}
section.art-block::before { background: rgba(0,0,0,0.5); content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;}
.art-text {}
.art-text h2 { font-size: 70px; line-height: 80px; color: #fff; font-weight: 600; text-transform: inherit;}
.art-text h2 span { color: #ff9966;}
.art-text p { color: rgba(255,255,255,0.8); font-size: 16px; line-height: 26px;}

.am-info-box { position: relative; display: flex; flex-direction: row; margin-top: 30px;}
.am-info-box .info-box-left { flex: 0 0 auto; max-width: 50%; margin-right: 20px;}
.am-info-box .info-box-left h3 { color: #ff9966; font-size: 52px; font-weight: 700; line-height: 1;}
.am-info-box .info-box-right { position: relative; flex: 1 1 auto;}
.am-info-box .info-box-right h4 { font-size: 18px; line-height: 1.3; color: #fff; margin-bottom: 10px; display: block; font-weight: 600;}
.am-info-box .info-box-right p { color: rgba(255,255,255,0.8); font-size: 14px; font-weight: 400; line-height: 22px;}

section.work-flow { margin: 40px 0 10px;}
.workflow-box { background: #fff; padding: 30px; box-shadow: 0 0 4px rgba(0,0,0,0.12); text-align: center; margin-bottom: 30px;}
.workflow-box h2 { color: #242424; font-size: 26px; margin: 15px 0 10px; font-weight: 600;}
.workflow-box p { color: #777; line-height: 22px;}

section.about-block { background-image: url(../images/about-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; padding: 60px 0 30px; position: relative;}
section.about-block::before { background: rgba(228,228,228,0.9); content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;}
.about-text { margin-bottom: 30px;}
.about-text .about-title { margin-bottom: 15px;}
.about-text .about-title h4 { background: #ff9966; color: #fff; font-weight: 600; padding: 6px 10px; margin-bottom: 10px; line-height: 1.2; font-size: 14px; display: inline-block;}
.about-text .about-title h2 { font-size: 36px; font-weight: 700; text-transform: uppercase; color: #000;}
.about-text p { font-size: 16px; color: #000; font-weight: 500; line-height: 28px;}

.focus-box { background: #fff; padding: 20px; border-bottom: 2px solid #ff9966; margin-bottom: 30px;}
.focus-box .focus-box-inner { text-align: left; align-items: flex-start; flex-direction: row; display: flex;}
.focus-box-inner .focus-img-box { width: 23%; margin-right: 17px; display: inline-block;}
.focus-box-inner .focus-content { width: 100%;}
.focus-box-inner .focus-content h3 { font-size: 26px; color: #000; margin-bottom: 12px; font-weight: 600;}
.focus-box-inner .focus-content p { font-size: 14px; color: #000;}

section.certif-signup { padding: 40px 0;}
.certificates { text-align: center; padding: 15px 0;}
.certificates img { margin: 0 auto;}
.certificates .certif-title { border-bottom: 2px solid #e4e4e4; margin-bottom: 20px;}
.certificates .certif-title h2 { font-size: 26px; color: #000; font-weight: 700; padding-bottom: 10px; border-bottom: 2px solid #ccc; display: inline-block; margin: 0 0 -2px 0;}
.signup-box { background: #fff; box-shadow: 0px 0px 8px 0px rgba(192, 191, 191, 0.63); text-align: center; padding: 15px 40px;}
.signup-box .signup-title { border-bottom: 2px solid #e4e4e4; margin-bottom: 20px;}
.signup-box .signup-title h2 { font-size: 26px; color: #000; font-weight: 700; padding-bottom: 10px; border-bottom: 2px solid #ff9966; display: inline-block; margin: 0 0 -2px 0;}
.signup-form {}
.signup-form input { border: 2px solid #e5e5e5; border-radius: 50px; width: 75%; height: 40px; padding: 0 15px;}
.signup-form button { background: #ff9966; border: none; color: #fff; padding: 0 35px; border-radius: 50px; height: 40px; text-transform: uppercase; font-size: 16px; font-weight: 600;}
.signup-form button:hover { cursor: pointer; background: #161c48;}

.signup-box ul.social-links { margin: 20px 0 10px; padding: 0;}
.signup-box ul.social-links li { list-style: none; display: inline-block; padding: 0 3px;}
.signup-box ul.social-links li a { background: #efefef; color: rgba(0,0,0,0.4); width: 40px; height: 40px; line-height: 45px; font-size: 18px; display: block; text-align: center;}
.signup-box ul.social-links li a:hover { color: #fff;}
.signup-box ul.social-links li a.facebook:hover { background: rgb(54, 84, 147);}
.signup-box ul.social-links li a.instagram:hover { background: rgb(119, 68, 48);}
.signup-box ul.social-links li a.linkedin:hover { background: rgb(2, 116, 179);}


.inner-page { min-height: 500px;}
.page-text { font-size: 15px; line-height: 30px; color: #333}
.contact-details .page-text a { color: #333;}
.open-hours strong { text-transform: uppercase; font-weight: 700; color: #000;}
.open-hours p { margin-bottom: 5px;}
.contact-form .btn-curve span, .product-form__item--submit .btn-curve span  { color: #fff;}
.product-single__description p { font-size: 14px; color: #333; line-height: 28px;}
.cart .list-view-item__title a { color: #000}
.cart__price-wrapper .money { color: #e60e0e;}

h2.Total { text-align: right; font-size: 20px; font-weight: 900;}
h2.Total span { color: #e60e0e;}
.basket-btn { text-align: right;}

.SubmitText { text-align: center; color: #060; font-size: 22px; padding: 8rem 0 8rem; font-weight: 700;}


.footer-1 { background: #000; position: relative; overflow: hidden; margin-top: 40px;}
.f-detail ul { margin: 0; padding: 0;}
.f-detail ul li { list-style: none; margin-bottom: 8px; color: #fff;}
.f-detail ul li a { color: #fff;}
.f-detail ul li i { color: #ff9966; padding-right: 5px;}
.social a { font-size: 24px; color: #fff; padding-right: 5px;}
.social a:hover { color: #ff9966;}

.ps-img { margin-top: 30px;}

.footer-bottom { padding: 15px 0; border-top: 2px solid #ff9966; text-align: center;}
.footer-bottom p { color: #fff; margin: 0; padding: 0; font-size: 13px; line-height: 26px;}
.footer-bottom p a { color: #ff9966; text-transform: uppercase}
.footer-bottom p a:hover { text-decoration: underline;}