body, html { overflow-x: hidden; }
/* Top Bar */
.top-bar { color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; background: #58585b; padding-top: 14px; padding-bottom: 14px; letter-spacing: 1.5px; }
.address-text { background: url(../images/address_icon.png)no-repeat; width: auto; height: auto; padding-left: 25px; float: left; }
.phone-text { background: url(../images/phone_icon.png)no-repeat; width: auto; height: auto; padding-left: 30px; text-align: right; float: right; }
.mobile-text { background: url(../images/mobile_icon.png)no-repeat; width: auto; height: auto; padding-left: 25px; text-align: right; float: right; margin-left: 45px; }
.phone-text a { color: #fff !important; }
.mobile-text a { color: #fff !important; }
/* Logo Section */
.logo-section { padding-top: 26px; padding-bottom: 26px; }
.whatsapp-chat { background: url(../images/whatsapp_icon.png)no-repeat #2fbe39; background-position: 25px 11px; width: auto; height: auto; padding: 14px 18px 14px 90px; display: block; letter-spacing: 1px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; }
.whatsapp-chat a { color: #fff; text-decoration: none; }
.mail-contact { background: url(../images/mail_icon.png)no-repeat #d54b3d; background-position: 25px 11px; width: auto; height: auto; padding: 14px 18px 14px 90px; display: block; letter-spacing: 1px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; }
/* Navigation Bar*/
.product-link { overflow: hidden; background: #58585b; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: bold; color: #FFF; padding: 10px 30px; text-transform: uppercase; letter-spacing: 1.2px; position: relative; transition: all 150ms ease-in-out; cursor: pointer; }
.product-link:focus { content: ""; background: #333; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px!important; margin-top: -120%; opacity: 0; transition: all 0.8s; }
.product-link:focus:after { padding: 0; margin: 0; opacity: 1; transition: 0s; }
.product-link .fa { font-size: 32px; padding-left: 55px; position: absolute; bottom: 7px; right: 30px !important; }
/* .product-link .fa:after { content: "\f0ab"; position: absolute; opacity: 0; top: -20px; right: 0; transition: 0.5s; }
.product-link:hover .fa { padding-top: 0px; }
.product-link:hover .fa:after { opacity: 0.9; top: 0; } */
/* Underline From Center */
.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; }
.hvr-underline-from-center:before { content: ""; position: absolute; z-index: 1; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; padding-top: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.product-link:hover .hvr-underline-from-center:before, .product-link:active .hvr-underline-from-center:before { left: 0; right: 0; }
.hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before, .hvr-underline-from-center:hover:before { left: 0; right: 0; }
/* Navbar Nav */
.navbar-default { background-color: transparent !important; border: 0 !important; }
.navbar-default .navbar-text { color: #777 }
.navbar-default .navbar-nav>li>a { border-right: 1px solid #e1e1e1; color: #58585b; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: bold; padding: 13px 18px !important; text-transform: uppercase; letter-spacing: 1px; transition: color 250ms ease-in-out; text-align: center !important; }
.menu-container { padding: 0 !important; }
.navbar-default .navbar-nav>.brands>a { color: #FFF !important; background: #58585b !important; transition: all 150ms ease-in-out; padding: 13px 35px !important; }
.navbar-default .navbar-nav>.brands>a:hover { color: #FFF !important; background: #f7941e !important; text-decoration: none !important; }
.navbar-default .navbar-nav>.brands>a:focus { color: #FFF !important; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #f7941e !important; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #f7941e !important; background-color: transparent !important; }
.navbar { min-height: auto !important; margin-bottom: 0 !important; border: none !important; }
/* Menu-Over-Center */
.menu-over-center { vertical-align: middle!important; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0) !important; box-shadow: 0 0 1px transparent !important; position: relative; overflow: hidden; }
.menu-over-center:before { content: ""; position: absolute !important; z-index: -1; left: 50% !important; right: 50%; bottom: 0; background: #58585b !important; height: 4px; -webkit-transition-property: left, right; transition-property: left, right !important; -webkit-transition-duration: 0.3s; transition-duration: 0.3s !important; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out !important; }
.menu-over-center:hover:before, .menu-over-center:focus:before, .menu-over-center:active:before { left: 0 !important; right: 0 !important; }
/* Important Features */
.important-features-row-padding span { font-size: 16px; font-weight: 500; display: block !important; }
.important-features-row-padding p { margin: 0; line-height: 1; }
.important-features-padding { padding: 0 !important; }
.important-features-row-padding { padding: 0 15px; margin-top: 25px; }
.courier { background: url(../images/courier.png)no-repeat #2e3192; background-position: 20px 10px; color: #fff !important; font-family: 'Roboto', sans-serif; padding: 10px 10px 10px 90px; font-size: 18px; font-weight: 700; border-right: 1px solid #fff; }
.more-5000 { background: url(../images/more_than_5000_product_items.png)no-repeat #2e3192; background-position: 20px 10px; color: #fff !important; font-family: 'Roboto', sans-serif; padding: 10px 10px 10px 80px; font-size: 18px; font-weight: 700; border-right: 1px solid #fff; }
.low-price { background: url(../images/good_quality.png)no-repeat #2e3192; background-position: 20px 10px; color: #fff !important; font-family: 'Roboto', sans-serif; padding: 10px 10px 10px 80px; font-size: 18px; font-weight: 700; border-right: 1px solid #fff; }
/* Banner */
.carousel .item img { width: 100% !important; /*img width*/ }
.slider-linear-bg { width: 100%; height: auto; background: #ffb347; background: -webkit-linear-gradient(to right, #ffcc33, #ffb347); background: -moz-linear-gradient(to right, #ffcc33, #ffb347); background: -o-linear-gradient(to right, #ffcc33, #ffb347); background: -ms-linear-gradient(to right, #ffcc33, #ffb347); background: linear-gradient(to right, #ffcc33, #ffb347); }
.carousel-control.right, .carousel-control.left { background-image: none !important; filter: none !important; }
/* Brand Logo */
.brand-wrap { height: 120px; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.carousel { width: 100%; overflow: hidden; position: relative; z-index: 1; border: 1px solid #e1e1e1; }
.ui-carousel-item { float: left; display: inline; margin: 0px; width: 150px; height: 120px; background-color: #fff; text-align: center; border-right: 1px solid #e1e1e1; }
.ui-carousel-item img { margin: 0 auto; }
/* Section Head */
.section-head { position: relative; }
.section-head h3 { font-family: 'Source Sans Pro', sans-serif; margin: 0; color: #58585b; font-weight: bold; }
.section-head h3 span { font-weight: normal; }
.section-head hr { border-color: #58585b; position: absolute; width: 80%; top: -5px; right: 15px; }
/* Offer Slider */
.carousel-control.left, .carousel-control.right { background-image: none; }
@media (max-width: 767px) {
.carousel-inner .active.left { left: -100%; }
.carousel-inner .next { left: 100%; }
.carousel-inner .prev { left: -100%; }
.active > div { display: none; }
.active > div:first-child { display: block; }
}
@media (min-width: 768px) and (max-width: 991px ) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .next { left: 50%; }
.carousel-inner .prev { left: -50%; }
.active > div { display: none; }
.active > div:first-child { display: block; }
.active > div:first-child + div { display: block; }
}
@media (min-width: 992px ) {
.carousel-inner .active.left { left: -16.7%; }
.carousel-inner .next { left: 16.7%; }
.carousel-inner .prev { left: -16.7%; }
}
.carousel-none-border { border: none !important; margin-top: 25px; margin-bottom: 40px; }
.offer-thumbnail-img { position: relative; padding: 20px 20px 36px 20px; height: auto; border: 1px solid #d6d6d6; display: block; overflow: hidden; }
.offer-thumbnail-img img { margin: 38px auto 0 auto!important; }
a.onsale { cursor: default; background: #58585b; font-size: 14px; font-family: 'Roboto', sans-serif; padding: 6px 8px; text-decoration: none; color: #fff; position: absolute; top: 20px; left: 20px; }
a.new { cursor: default; background: #f7941e; font-size: 14px; font-family: 'Roboto', sans-serif; padding: 6px 8px; text-decoration: none; color: #fff; position: absolute; top: 20px; right: 20px; }
.offer-text { position: absolute; bottom: 12px !important; right: 20px !important; }
.offer-text p { color: #000; font-size: 23px; font-family: 'Roboto', sans-serif; margin: 0 !important; }
.offer-text p span { color: #f7941e; }
a.offer-product-name { display: block; color: #58585b; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: bold; padding-top: 6px; text-decoration: none; text-transform: uppercase; margin: 0 !important; }
/* Product  */
.product-page { background: #eceff1; }
/* Section Head */
.section-head2 { position: relative; padding: 40px 0 30px 0; }
.section-head2 h3 { font-family: 'Source Sans Pro', sans-serif; margin: 0; color: #58585b; font-weight: bold; }
.section-head2 h3 span { font-weight: normal; }
.section-head2 hr { border-color: #58585b; position: absolute; width: 64%; top: -7px; right: 35px; }
/* Categories Menu */
.category-menu-wrap { width: 100%; height: auto; padding-left: 38px; }
a.category-menu { width: 7%; height: 80px; padding-top: 16px; color: #88888e; font-size: 35px; font-family: 'Roboto', sans-serif; font-weight: 500; text-decoration: none; text-transform: uppercase; background: #FFF; text-align: center; border: 1px solid #d7d7d7; float: left; margin: 0 5px 5px 0; transition: all cubic-bezier(0.65, 0.41, 0, 1.06) 400ms; }
a.category-menu:hover, a.category-menu:active { color: #fff; background: #2e3192; }
.our-product-container-padding { padding: 5px 30px 0 30px!important; }
.our-product-container-padding img { margin: 0 auto; }
.our-product-container-padding-bottom { padding-bottom: 20px !important; }
.our-prod-thumb-head { background-color: #58585b; }
.our-product-orange { background-color: #f7941e; font-family: 'Roboto', sans-serif; color: #fff; font-size: 30px; font-weight: 700; height: 44px !important; text-align: center; }
.our-product-grey { background-color: #58585b; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 8px 0px 12px 10px; height: 44px !important; }
.our-product-view-all-bg { background-color: #58585b; padding: 6px 0; height: 44px !important; }
.our-product-view-all-bg a { font-family: 'Roboto', sans-serif; font-size: 15px; color: #fff; font-weight: 600; text-transform: uppercase; border: 1px #fff dashed; border-radius: 2px; padding: 4px 10px; float: right; width: auto; height: auto; margin-right: 7px; transition: all cubic-bezier(0.65, 0.41, 0, 1.06) 400ms; padding-top: 5px; }
.our-product-view-all-bg a:hover { background-color: #fff; text-decoration: none; color: #58585b; }
.our-product-first-md { border-right: 10px solid #eceff1; }
.our-product-second-md { border-left: 10px solid #eceff1; }
.our-product-img-md { padding: 0 !important; }
.our-product-img-bg { background-color: #fff; border: 1px solid #e0dcdc; margin-top: 5px; }
.our-product-img-bg-padding-1 { padding-right: 25px !important; }
.our-product-img-bg-padding-2 { padding-left: 25px !important; }
.our-product-container-padding hr { background-color: #e0dcdc; border: none; height: 1px; width: 90%; margin: auto; }
.our-product-container-padding h5 { text-align: center; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; }
.our-product-container-vertical-border { border-right: 1px solid #e0dcdc !important; }
/* About AL HOOT */
.about { padding-top: 125px; padding-bottom: 170px; }
.about-logo { padding-top: 120px; }
.about h1 { color: #000; font-family: 'Roboto', sans-serif; font-weight: normal; }
.h1-line { width: 40px; height: 4px; background: #f7941e; display: block; }
.about p { color: #4d4d4f; font-size: 18px; line-height: 30px; font-family: 'Source Sans Pro', sans-serif; margin-top: 15px; text-align: justify; }
/* Footer */
.footer { background: #252525; padding-top: 40px; padding-bottom: 90px; text-align: center !important; font-family: 'Source Sans Pro', sans-serif; }
.footer img { margin: 0 auto; }
.footer p { color: #929292; line-height: 27px; margin-top: 40px; margin-bottom: 50px; }
.footer hr { margin: 0px auto 50px auto; border: 1px solid #818181; width: 18%; }
.footer a { padding: 5px 20px; color: #fff; font-size: 18px; text-align: center !important; display: inline; }
.fb:hover { color: #4867aa; }
.twitter:hover { color: #1da1f2; }
.google-plus:hover { color: #dc4a38; }
/* Footer Copyright */
.footer-copy { background: #1e1e1e; color: #929292; text-align: center; padding-top: 18px; padding-bottom: 18px; }
.footer-copy a { color: #fff; }
/* Top Anger Point */
.scrollUpButton { display: none; position: fixed; bottom: 22px; right: 12px; display: none; background: #2e3192; color: #fff; font-size: 20px; text-decoration: none; text-align: center; height: 40px; width: 40px; border-radius: 50px; padding: 5px 10px; z-index: 999; }
.scrollUpButton:hover, .scrollUpButton:focus { color: #fff; }
/* Contact */
.contact-map { padding: 0 !important; height: 70vh; }
.contact-page { background: #eceff1; }
.contact-form { padding-top: 125px; padding-bottom: 150px; }
/* Section Head */
.section-head-contact { position: relative; }
.section-head-contact h1 { font-family: 'Source Sans Pro', sans-serif; margin: 0; color: #58585b; font-weight: bold; }
.section-head-contact h1 span { font-weight: normal; }
input[type=email] { width: 100% !important; padding: 15.2px 40px 15.2px 19px !important; border: none !important; color: #666 !important; font-size: 15px !important; font-weight: bold; margin: 30px 0; }
input[type=text] { margin-bottom: 15px; margin-top: 15px !important; width: 100% !important; padding: 15.2px 40px 15.2px 19px !important; border: none !important; color: #666 !important; font-size: 15px !important; font-weight: bold; }
.contact-form textarea { background-image: url(../images/d.png); background-repeat: no-repeat; margin-top: 15px; background-position: 97% 12%; font-weight: bold; width: 100% !important; border: none !important; padding: 20px 20px; color: #666 !important; font-size: 14px !important; resize: none; height: 150px; }
input[type=submit] { font-weight: bold; margin: 30px 0 !important; width: 100% !important; border: none !important; text-align: center; padding: 14px 10px 14px 10px !important; background: #f7941e !important; font-size: 18px !important; font-weight: 600; color: #fff !important; text-transform: uppercase; }
.contact-form #Name { background-image: url(../images/a.png); background-repeat: no-repeat; background-position: 95%; }
.contact-form #Email { background-image: url(../images/b.png); background-repeat: no-repeat; background-position: 96%; }
.contact-form #Subject { background-image: url(../images/c.png); background-repeat: no-repeat; background-position: 95%; }
.contact-address { background: #2e3192; color: #fff; margin-top: 15px; padding: 20px 20px }
.contact-address h4 { font-weight: bold; font-family: 'Roboto', sans-serif; }
.contact-address hr { border: none; background-color: rgba(255, 255, 255, 0.31); margin: 4px 0; height: 1px; }
.contact-info-address { font-family: 'Source Sans Pro', sans-serif; background: url(../images/address_icon.png)no-repeat; background-position: 4px 0px; width: auto; height: auto; padding-left: 35px; font-size: 17px; display: block; margin-top: 10px; }
.contact-info-phone { font-family: 'Source Sans Pro', sans-serif; background: url(../images/phone_icon.png)no-repeat; width: auto; height: auto; padding: 0px 5px 8px 35px; font-size: 17px; display: block; margin-top: 10px; }
.contact-info-mobile { font-family: 'Source Sans Pro', sans-serif; background: url(../images/mobile_icon.png)no-repeat; background-position: 5px 0px; width: auto; height: auto; padding: 0px 5px 8px 35px; font-size: 17px; display: block; margin-top: 10px; }
.contact-info-mail { font-family: 'Source Sans Pro', sans-serif; background: url(../images/mail_icon_form.png)no-repeat; background-position: 1px 0px; width: auto; height: auto; padding: 0px 5px 8px 35px; font-size: 17px; display: block; margin-top: 10px; }
.contact-info-clock { font-family: 'Source Sans Pro', sans-serif; background: url(../images/clock-icon.png)no-repeat; background-position: 0px 0px; width: auto; height: auto; padding: 0px 5px 8px 35px; font-size: 17px; display: block; margin-top: 10px; }