@charset "utf-8";


html{scroll-behavior:smooth}


body{font-family: 'Poppins', sans-serif; line-height:1.8 ;}


p {color: #222222;line-height: 1.5;font-size: 15px;}


.pt-40 {padding-top: 4% !important;}


.mt-40 {margin-top: 4% !important;}


.mb-40 {margin-bottom: 4%;}


.pb-10 {padding-bottom: 1%!important;}


.pb-40 {padding-bottom: 4%!important;}


.pb-30 {padding-bottom: 3%!important;}


.p-30 {padding: 3%!important;}


.pt-50 {padding-top: 6% !important;}


.mt-50 {margin-top: 6%;}


.mb-50 {margin-bottom: 5%;}


.pb-50 {padding-bottom: 6% !important;}


.gray-1 {background-color: #f1f1f1;}


.sticky {position: fixed;top: 0;width: 100% !important;background-color: #ffffff;z-index: 999999;box-shadow: 0px 10px 15px 0px rgba(0,0,0,.15);transition: all 0.2s;}


.navbar-nav .active a {background-color: #fd8c00; border-radius: 5px; color: #ffffff !important;padding: 5px 15px;}


.sticky .navbar {padding: 0rem 1rem;}


.dropdown-menu {min-width: 12rem;background-color: #eef2f5;padding: 10px 0;border: none}


.dropdown-item:focus, .dropdown-item:hover {color: #ffffff!important;text-decoration: none;background-color: #fd8c00;}


.dropdown-menu .dropdown-item {color: #222222 !important;}


.dropdown-menu::after {top: calc(-.25rem - 1px);left: 20%;transform: rotate(-45deg);content: '';position: absolute;width: 0.7rem;height: 0.7rem;background-color: #eef2f5;z-index: -1;}


.dropdown-menu .dropdown-item {color: #ffffff;}


.dropdown-item {padding: 5px 15px;}


.top-header {background-color: #ffffff; padding: 2px 0; border-bottom: 1px solid #00000014;}


.top-header p {margin: 0;line-height: 30px;}


.top-header p a {color: #222222; padding: 0; margin: 0;transition: ease-in-out all 0.2s;}


.top-header p a:hover {text-decoration: none!important; color:#fd8c00;}


.social-media {display: block; margin: 0; padding: 0;}


.social-media li{list-style: none; display: inline;}


.col-orange {color: #fd8c00;}


.bg-gray{background-color:#eef2f5!important;}


.social-media li a {background-color: transparent; display: inline-block; text-align: center; color: #222222; font-size: 18px; margin-right: 15px; transition: ease-in-out all 0.2s;}


.social-media li a:hover {color: #fd8c00; }


.carousel-item img {max-width: 100%; width: 100%; height: 100%; max-height: 530px;}


.navbar{width:100%}


header{background-color:#ffffff;}


.navbar li a{color:#222222; font-size: 15px; text-transform: uppercase;font-weight: 600;}


.navbar-expand-lg .navbar-nav li a:hover{color:#fd8c00;transition:.4s ease-in-out}


.navbar-expand-lg .navbar-nav li{padding-right: 1em; padding-left: 1em;padding-right: 0.5em;padding-left: 0.5em;}


.navbar-brand img {max-width: 100%; width: 150px;}


.form-wrapper {padding:0;margin: 0;}


.form-wrapper h3 {margin: 25px 0 0 0;text-align: left;color: #ffffff;font-size: 24px;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;}


.floating-label {position: relative;margin: 0;}


.floating-input, .floating-select {padding: 12px 0px;display: block;width: 100%;height: 50px;background-color: transparent;border: none;border-bottom: 1px solid #171717!important;color: #171717;border-radius: 0px;}


.floating-input:focus, .floating-select:focus {outline: none;border: none;border-bottom: 1px solid #a20e0e !important;}


.floating-input select {font-size: 14px;padding: 4px;display: block;width: 100%;height: 30px;background-color: transparent;border: 1px solid #c0c0c0;}


.floating-input:focus select {outline: none;border: 1px solid #0100c0;}


.form-wrapper label {color: #222222;font-weight: normal;position: absolute;left: 0px;top: 12px;transition: 0.2s ease all;pointer-events: none;}


.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top: -5px;font-size: 14px;color: #222222;}


.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {top: -18px;font-size: 14px;color: #0100c0;}


.form_3 .floating-textarea {min-height: 120px;max-height: 260px;overflow: hidden;overflow-x: hidden;}


.floating-textarea {min-height: 30px;max-height: 260px;overflow: hidden;overflow-x: hidden;}


.btn-contact {background-color: #fd8c00; margin: 0;padding: 12px 30px;color: #ffffff;transition:ease-in-out all 0.2s; width: 100%;}


.btn-contact:hover {background-color: #a20e0e; color: #ffffff;}


.carousel-caption{width:100%;padding: 12% 10%!important;position:absolute;right:0;bottom:0;left:0;z-index:10;top:0;padding-top:20px;padding-bottom:20px;color:#fff;text-align:left}


.carousel-caption h5{font-size:42px;color:#ffffff;font-weight:700}


.carousel-caption p{font-size:21px;font-weight:300;line-height:1.4;}


.carousel-control-next-icon {background-image: url("../image/next.png");}


.carousel-control-prev-icon {background-image: url("../image/previous.png");}


.carousel-control-next{position: absolute;z-index:999;top: 46%;bottom: 0;width: 40px;color: #fff;text-align: center;opacity: 1;background-color: #fd8c00;height: 40px;border-radius: 50%;right: 3% !important;}


.carousel-control-prev {position: absolute; z-index:999; top: 46%;bottom: 0;width: 40px;color: #fff;text-align: center;opacity: 1;background-color: #fd8c00;height: 40px;border-radius: 50%;left: 2.5% !important;}


.carousel-indicators li {background-color: #fd8c00;}


.carasoul-overlay {position: absolute; right: 0;left: 0;top: 0;bottom: 0;}


.carousel-caption h2 {font-size: 42px; font-weight: 700; color: #ffffff;text-align: left; text-shadow: 0 0 3px #000000, 0 0 5px #000000;}


.bg-image {background-image: url("../image/product-bg.png");background-repeat: no-repeat!important; background-position:top right; background-attachment: fixed;}


.our-product h2 {font-size: 30px; margin: 0 0 45px 0; font-weight: 600; color: #222222;}

.our-product .tile a img { object-fit: cover; width:100%; height: 300px;}

.font-800 {font-weight: 700!important;}


.cta {background-color: #fd8c00;margin: 15px 0 0 0;padding: 10px 30px;color: #ffffff;transition: ease-in-out all 0.2s;border-radius: 5px;display: inline-block;text-decoration: none !important;}


.cta:hover {background-color: #a20e0e;color: #ffffff;}


.product-image img {width: 100%;max-height: 100%; height: 280px;border-radius: 5px;}


.our-product-page h2 { font-size: 30px; margin: 0 0 15px 0; font-weight: 600; color: #222222;}

.why-eghome h2 { font-size: 30px; margin: 0 0 30px 0; font-weight: 600; color: #222222;}


.paints-product {background-color: rgba(255,255,255,0.9);width: 100%; box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15); min-height: 200px; border-radius: 10px; padding: 20px;}


.paints-product img {border-radius: 5px; max-height: 100%; height: 250px; margin: 0 auto;}


.paints-product h4 { font-size: 1.3em; font-weight: 600; color: #171717;margin: 30px 0 10px 0;text-transform: uppercase;}


.heading-title h2::after {background: url("../image/dotted.png") no-repeat; top: 50px; content: ""; height: 10px; left: 15px; position: absolute; width: 32px; right: 0;}


.heading-title-2::after {background: url("../image/dotted.png") no-repeat; top: 40px; content: ""; height: 14px; left: 0; position: absolute; width: 42px; right: 0; margin: auto;}


.product-button {background-color: #fd8c00; padding: 5px 20px; color: #ffffff; margin: 15px 0 0 0; text-decoration: none !important; border-radius: 30px; font-size: 16px; transition: ease-in-out all 0.2s;}


.product-button:hover {background-color: #a20e0e; color:#ffffff;}


.product-background-image {padding:4% 0;background: -webkit-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: -o-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: -moz-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: linear-gradient(to right,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);}


.post-slide{ margin: 0; background: rgb(162,14,14); background: linear-gradient(90deg, rgba(162,14,14,1) 0%, rgba(253,140,0,0.8491771708683473) 47%);padding: 3px;border-bottom: 1px solid #dedde1;border-radius: 5px;}


.post-slide .pic{overflow: hidden;position: relative;}


.post-slide .pic img{ width: 100%;height: auto;transform: rotate(0deg) scale(1,1);transition: all 0.6s ease-in-out 0s;height: 100px;border-radius: 5px;}


.post-slide:hover .pic img{transform: rotate(-4deg) scale(1.2,1.2);border-radius: 5px;}


.inner-banner {background: url("../image/inner-banner.jpg") no-repeat;padding:6% 0;height: 275px;background-position: center center;}


.inner-banner h1 {font-size: 42px; color: #ffffff; font-weight: 700;text-align: center;}


.about-us h2 {font-size: 2.0em;margin: 0 0 45px 0;font-weight: 800;color: #222222;}


/*.about-us h2::after {background: url("../image/dotted.png") no-repeat; top: 40px;content: "";height: 10px;left: 0;position: absolute;width: 32px;right: 0;margin: auto;}*/


.contact-us h4 {font-size: 18px; color: #222222; margin: 0 0 45px 0; font-weight: 600;}


.contact-information {background-color: #ffffff; width: 100%; padding: 30px; border-radius: 5px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15); min-height: 300px;}


.contact-information h2 {font-size: 30px;margin: 0 0 15px 0; color: #222222;font-weight: 600; }


.contact-form h2 {font-size: 30px; font-weight: 600; color: #222222; margin: 0 0 30px 0;}


.contact-form p {color: #222222; margin: 0 0 30px 0;}


.contact-us h2 {font-size: 30px;font-weight: 600;color: #222222;}


.contact-no {border-bottom: 1px dashed #0000003b; padding-bottom: 10px;font-size: 18px; font-weight: 500;color: #222222;}


.about-logo {width: 100%;margin: 0 0 30px 0;}

.bouitbg{background-color: #fbb03b17; }
.about-text-bg-grey{width: 100%;padding: 15px;}


.about-text-bg-img {padding: 4% 13%;}


.about-logo img {margin: 0 auto;max-width: 100%; width: 100px; position: relative;}


.tile {width: 100%; display: block;}


.paints {width: 100%; display: block;}


.paints img { max-width: 100%; width: 100%; max-height: 100%; height: 430px!important; position: relative;border-radius: 5px;}


.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid #debe82;border-radius:.25rem}


.site-footer{padding:0;position: relative;background: #eef2f5;}


.social-icons{padding:0}


.social-icons li{list-style:none;display:inline-block;text-align:center;margin:0 5px 0 5px!important}


.social-icons li a{list-style:none;display:inline-block;background-color:transparent;color:#222222;text-align:center;margin-right: 10px !important;transition: ease-in-out all 0.2s; font-size: 18px;}


.social-icons li a:hover {color: #fd8c00;}


.col-black {color: #000000;}


.footer_a { color: #fd8c00; text-decoration: none!important; transition: ease-in-out all 0.2s;}


.footer_a:hover {color: #a20e0e;}


footer hr {border-top: 1px solid #0000001c;}


.footer-inner h4 {font-size: 21px; font-weight: 700;margin-bottom: 15px;}


.footer-link {padding-left: 15px;margin: 0;}


.footer-link li { list-style: disclosure-closed;}


.footer-link li::marker {color: #222222;}


.footer-link li a {color: #222222; text-decoration: none;transition: ease-in-out 0.2s all;font-size: 15px;}


.footer-link li a:hover {color: #fd8c00;}


.owl-carousel{position:relative}


.copy { margin: 0;}


.owl-nav{width:100%;top:0;z-index:999;height:100%;margin-top:0!important}


.owl-nav button:focus{outline:0;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22)}


.owl-nav button{position:absolute;background-color:#fff!important;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22);top:32%;width:30px!important;border-radius:50px!important;height:30px!important;line-height:0!important}


.owl-nav button span{font-size: 24px;color: #222222;line-height: 0px;}


.owl-nav button:hover span{color:#34422d}


.owl-nav button:nth-child(2){right:-40px}


.owl-nav button:nth-child(1){left:-40px}


.map img { border-radius: 5px;}


.map a {display: block;width: 100%; text-decoration: none!important;}


.map h4 {font-size: 1.5em; font-weight: 600; color: #222222; margin: 30px 0 0 0;}


.map p {margin: 5px 0 0 0;}


.owl-dot{display:none!important;display:none!important}


.nav-border { border: 1px solid #fd8c00; padding: 3px 15px !important; border-radius: 5px;color: #fd8c00!important;transition: ease-in-out all 0.2s;}


.nav-border:hover {background-color: #fd8c00; color: #ffffff!important;}


.formff1 {height: 50px;width: 100%;padding: 0 5px;border: none;border-bottom: 1px solid #00000052;color: #222222;background-color: transparent;}


#field3 {height: 50px;width: 100%;padding: 0 5px;border: none;border: 1px solid #222222;background-color: transparent;}


.mail {color: #222222; text-decoration: none!important; border-left: 2px solid #222222; padding-left: 30px;margin-left: 30px; transition: ease-in-out all 0.2s;}


.mail:hover {color: #fd8c00;}


.btn-footer {background-color: #fd8c00;margin: 0;padding: 12px 15px;color: #ffffff;box-shadow: none;transition: ease-in-out all 0.2s;position: absolute!important;right: 15px;border-radius: 0px 0 0 0 !important;} 


.btn-footer:hover {background-color: #a20e0e; color: #ffffff;}


.hr-1 {border-top: 1px solid #0000001c; margin-top: 45px; margin-bottom: 30px;}


.hr-2 {border-top: 1px solid #0000001c;margin-top: 15px;margin-bottom: 15px;}


.font-18 {font-size: 16px;}


.chat_on {width: 50px;height: 50px;border-radius: 100px;background-color: #1f9d13;padding: 0.5rem;display: flex;flex-direction: column;align-items: center; justify-content: center;cursor: pointer;box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.1);position: fixed;bottom: 15px;right: 15px;line-height: 15px;animation: shadow-pulse 1s infinite;border: 5px solid rgba(255, 255, 255, 0.4);z-index: 9999;}


.tile{text-align: center;overflow: hidden;position: relative;border-radius: 5px;}


.tile a {display: block;}


.tile img{width: 100%;transition: all 0.6s ease 0s;height: 200px;}


.tile:hover img{ transform: scale(1.2); }


.tile .tile-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;transition: all 0.3s ease 0s;}


.tile:before, .tile:after, .tile .tile-content:before, .tile .tile-content:after{ content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom,#000,rgba(0,0,0,0.6),transparent,rgba(0,0,0,0.6),#000); position: absolute; top: 0; left: 0; opacity: 0;transition: all 0.3s ease-in-out 0s;}


.tile:before{top: -100%; left: -25%;}


.tile:after{ left: 50%; }


.tile .tile-content:before{ left: 25%; }


.tile .tile-content:after{ top: 100%;left: 100%;}


.tile:hover:before{opacity: 1;top: 0;left: 0;}


.tile:hover:after{opacity: 1;left:0;transition-delay: 0.1s;}


.tile .inner-content{text-align: left;position: absolute;left: 30px;bottom: 0;z-index: 1;}


.tile h4{font-size: 27px;font-weight: 700;color: #fff;text-transform: capitalize;margin: 0 0 5px 0;transform: translateY(100%);transition: all 0.3s ease 0s;}


.tile:hover h4{ transform: translateY(0); }


.tile p{display: inline-block;font-size: 16px;color: #fff;opacity: 0;transform: translateX(100%);transition: all 0.3s ease 0s;height: 25px;overflow: hidden;}


.tile:hover p{opacity: 1;transform: translateX(0);}


.paints{text-align: center;overflow: hidden;position: relative;border-radius: 5px;}


.paints a {display: block;}


.paints img{max-width: 100%;width: 100%;max-height: 100%;height: 410px !important;position: relative;border-radius: 5px;transition: all 0.6s ease 0s;}


.paints:hover img{ transform: scale(1.2); }


.paints .tile-content{width: 100%;height: 100%;position: absolute;top: 0; left: 0;z-index: 2;transition: all 0.3s ease 0s;}


.paints:before, .paints:after, .paints .tile-content:before, .paints .tile-content:after{content: "";width: 100%;height: 100%;background: linear-gradient(to bottom,#000,rgba(0,0,0,0.6),transparent,rgba(0,0,0,0.6),#000);position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.3s ease-in-out 0s;}


.paints:before{top: -100%;left: -25%;}


.paints:after{ left: 50%; }


.paints .tile-content:before{ left: 25%; }


.paints .tile-content:after{top: 100%;left: 100%;}


.paints:hover:before{opacity: 1;top: 0;left: 0;}


.paints:hover:after{opacity: 1;left:0;transition-delay: 0.1s;}


.paints .inner-content{text-align: left;position: absolute;left: 30px;bottom: 0;z-index: 1;}


.paints h4{font-size: 27px;font-weight: 800;color: #fff;text-transform: capitalize;margin: 0 0 5px 0;transform: translateY(100%);transition: all 0.3s ease 0s;}


.paints:hover h4{ transform: translateY(0); }


.paints p{display: inline-block;font-size: 16px;color: #fff;opacity: 0;transform: translateX(100%);transition: all 0.3s ease 0s;height: 25px;overflow: hidden;}


.paints:hover p{opacity: 1;transform: translateX(0);}


.tile-read-more {background-color: #fd8c00;margin: 30px 0 0 0;padding: 10px 30px;color: #ffffff;transition: ease-in-out all 0.2s;border-radius: 5px;display: inline-block;text-decoration: none!important;}


.tile-read-more:hover {background-color: #a20e0e;color: #ffffff;}


.mission-vision h2 { font-size: 30px; font-weight: 600; text-align: left; margin: 0 0 45px 0;}


.small-product {padding: 0;margin: 0;}


.small-product li {list-style: none; width: 18.7%; display: inline-block; margin-right:1%; background-color: #f7f7f7;border-radius: 5px;}


.small-product li a img { position: relative; border-radius: 5px 5px 0px 0px;}


.small-product li a {text-decoration: none;}


.small-product li a h3 { font-size: 21px; padding: 10px 15px 5px 15px; color: #222222; font-weight: 600; margin: 0;text-align: center;}


.about-pd{text-align: center;overflow: hidden;position: relative;border-radius: 5px;}


.about-pd a {display: block;}


.about-pd img{width: 100%;transition: all 0.6s ease 0s;height: 102px;}


.about-pd:hover img{ transform: scale(1.2); }


.about-pd .tile-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;transition: all 0.3s ease 0s;}


.about-pd:before, .tile:after, .tile .tile-content:before, .tile .tile-content:after{ content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom,#000,rgba(0,0,0,0.6),transparent,rgba(0,0,0,0.6),#000); position: absolute; top: 0; left: 0; opacity: 0;transition: all 0.3s ease-in-out 0s;}


.about-pd:before{top: -100%; left: -25%;}


.about-pd:after{ left: 50%; }


.about-pd .tile-content:before{ left: 25%; }


.about-pd .tile-content:after{ top: 100%;left: 100%;}


.about-pd:hover:before{opacity: 1;top: 0;left: 0;}


.about-pd:hover:after{opacity: 1;left:0;transition-delay: 0.1s;}


.about-pd .inner-content{text-align: left;position: absolute;left: 15px;bottom: 30px;z-index: 1;}


.about-pd h4{font-size: 21px;font-weight: 600;color: #fff;text-transform: capitalize;margin: 0 0 5px 0;transform: translateY(100%);transition: all 0.3s ease 0s;}


.about-pd:hover h4{ transform: translateY(0); }


.about-pd p{display: inline-block;font-size: 16px;color: #fff;opacity: 0;transform: translateX(100%);transition: all 0.3s ease 0s;height: 25px;overflow: hidden;}


.about-pd:hover p{opacity: 1;transform: translateX(0);}


.testimonial h2 {font-size: 30px;font-weight: 600; margin: 0 0 30px 0;}


<!-- .review {width: 65%;padding: 0;margin: 0 auto;} -->


<!-- .review p {display: -webkit-inline-box;text-align: center;} -->

.review p { margin: 0; }


.cs-author-info {margin-top: 2% auto 0 auto; text-align: center;}


.cs-media {display: inline-block; margin: 0 auto; width: 12%;}


.cs-text {display: inline-block;position: relative;vertical-align: top;text-align: left;width: auto;}


.cs-media img {border-radius: 100%;width: 100%;}


.cs-media figure {width: 44px;height: 44px;}


.our-product-image img {border-radius: 5px;height: 280px; width: 100%; max-height: 100%;}


.contact-information h3 {margin: 25px 0 0 0;text-align: left;color: #ffffff;font-size: 24px;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;}


.floating-label {position: relative;margin: 0;}


.floating-input, .floating-select {padding: 12px 0px;display: block;width: 100%;height: 50px;background-color: transparent;border: none;border-bottom: 1px solid #00000052 !important;color: #00000052 ;border-radius: 0px;margin: 0 0 15px 0;}


.floating-input:focus, .floating-select:focus {outline: none;border: none;border-bottom: 1px solid #a20e0e !important;}


.floating-input select {font-size: 14px;padding: 4px;display: block;width: 100%;height: 30px;background-color: transparent;border: 1px solid #c0c0c0;}


.floating-input:focus select {outline: none;border: 1px solid #0100c0;}


.contact-information label {color: #222222;font-weight: normal;position: absolute;left: 0px;top: 12px;transition: 0.2s ease all;pointer-events: none;}


.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top: -5px;font-size: 14px;color: #222222;}


.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {top: -18px;font-size: 14px;color: #0100c0;}


.form_3 .floating-textarea {min-height: 120px;max-height: 260px;overflow: hidden;overflow-x: hidden;}


.floating-textarea {min-height: 30px;max-height: 260px;overflow: hidden;overflow-x: hidden;}


.btn-outline-black {border: 1px solid #fd8c00; padding: 6px 30px !important;border-radius: 5px;color: #fd8c00; transition: ease-in-out all 0.2s; margin: 0 5px 0 5px;}


.btn-outline-black:hover {background-color: #fd8c00;color: #ffffff;}


.gaas a img{height: 200px;width: 23%;border-radius: 10px;border: 5px solid #ffffff;box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);float: left;margin: 1%;}


.addda {margin-bottom: 15px;margin-top: 15px;}


.gallery-active {background-color: #fd8c00;color: #ffffff;}


.product-paints {text-align: center;overflow: hidden;position: relative;border-radius: 5px;margin-bottom: 30px;}


.product-paints a {display: block;}


.product-paints img{max-width: 100%;width: 100%;max-height: 100%;height: 300px !important;position: relative;border-radius: 5px;transition: all 0.6s ease 0s;}


.product-paints:hover img{ transform: scale(1.2); }


.product-paints .tile-content{width: 100%;height: 100%;position: absolute;top: 0; left: 0;z-index: 2;transition: all 0.3s ease 0s;}


.product-paints:before, .product-paints:after, .product-paints .tile-content:before, .product-paints .tile-content:after{content: "";width: 100%;height: 100%;background: linear-gradient(to bottom,#000,rgba(0,0,0,0.6),transparent,rgba(0,0,0,0.6),#000);position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.3s ease-in-out 0s;}


.product-paints:before{top: -100%;left: -25%;}


.product-paints:after{ left: 50%; }


.product-paints .tile-content:before{ left: 25%; }


.product-paints .tile-content:after{top: 100%;left: 100%;}


.product-paints:hover:before{opacity: 1;top: 0;left: 0;}


.product-paints:hover:after{opacity: 1;left:0;transition-delay: 0.1s;}


.product-paints .inner-content{text-align: left;position: absolute;left: 30px;bottom: 0;z-index: 1;}


.product-paints h4{font-size: 27px;font-weight: 700;color: #fff;text-transform: capitalize;margin: 0 0 5px 0;transform: translateY(100%);transition: all 0.3s ease 0s;}


.product-paints:hover h4{ transform: translateY(0); }


.product-paints p{display: inline-block;font-size: 16px;color: #fff;opacity: 0;transform: translateX(100%);transition: all 0.3s ease 0s;height: 25px;overflow: hidden;}


.product-paints:hover p{opacity: 1;transform: translateX(0);}


.map-marker iframe {padding: 0!important;}


.map-marker {display: block; width: 100%; border:5px solid #ffffff;box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);border-radius: 5px;}


.btn-contact-pg {background-color: #fd8c00;margin: 15px 0 0 0;padding: 12px 30px;color: #ffffff;transition: ease-in-out all 0.2s;}


.btn-contact-pg:hover {background-color: #a20e0e;color: #ffffff!important;}


.breadcrumb {background-color: transparent;display: inline-block;overflow: hidden;border-radius: 5px;counter-reset: flag; text-align: center;}


.breadcrumb a {text-decoration: none;outline: none;	display: block;float: left;line-height: 36px;color: white;padding: 0 10px 0 60px;background: #666;background: linear-gradient(#666, #333);	position: relative;}


.breadcrumb a:first-child {padding-left: 46px;border-radius: 5px 0 0 5px;}


.breadcrumb a:first-child:before {left: 14px;}


.breadcrumb a:last-child {border-radius: 0 5px 5px 0; padding-right: 20px;}


.breadcrumb a.active, .breadcrumb a:hover{background: #333;background: linear-gradient(#333, #000);}


.breadcrumb a.active:after, .breadcrumb a:hover:after {background: #333;background: linear-gradient(135deg, #333, #000);}


.breadcrumb a:after {	content: '';position: absolute;	top: 0; right: -18px;width: 36px;height: 36px;transform: scale(0.707) rotate(45deg);z-index: 1;background: #666;background: linear-gradient(135deg, #666, #333);box-shadow:  2px -2px 0 2px rgba(0, 0, 0, 0.4),  3px -3px 0 2px rgba(255, 255, 255, 0.1);border-radius: 0 5px 0 50px;}


.breadcrumb a:last-child:after {content: none;}


.breadcrumb a:before {content: counter(flag);counter-increment: flag;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;margin: 8px 0;position: absolute;top: 0;left: 30px;background: #444;background: linear-gradient(#444, #222);font-weight: bold;}


.flat a, .flat a:after {background: white;color: black;transition: all 0.5s;}


.flat a:before {background: white;box-shadow: 0 0 0 1px #ccc;}


.flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after{background: #FD8C00;}


.erp-login {font-weight: 600; color: #FD8C00 !important;transition: ease-in-out all 0.2s;}


.erp-login:hover {color: #000000!important;}


.navbar-toggler-icon {background-image: url("../image/navbar-togler.png");}


button:focus{outline: none!important;}

.whatsapp-icon { position: fixed; left: 95%; bottom: 85px; z-index: 2;}
.call-icon { position: fixed; left: 95%; bottom: 30px; z-index: 2;}
.whatsapp-icon a { display: inline-block; width: 47px; height: 47px; border-radius: 50%; text-align: center; color: #fff; background: #0BC242; left: 0; right: 0; margin: 0 auto; font-size: 24px; line-height: 2; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.call-icon a {display: inline-block; width: 45px; height: 45px; border-radius: 50%; text-align: center; color: #fff; background: #A20E0E; left: 0; right: 0; margin: 0 auto; font-size: 19px; line-height: 2.6; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}

.product-image img { object-fit: cover; }

@media (max-width: 768px) {


p {font-size: 14px;}


.social-media li a{font-size: 16px;}


.carousel-control-prev{height: 30px;width:30px;top:38%;}


.carousel-control-next {height: 30px;width:30px;top:38%;}


.navbar-brand img {width: 100px;}


.navbar-toggler {padding: .25rem 0.40rem;font-size: 1rem;border: #a20e0e 2px solid;}


.contact-form h2 {font-size: 21px;margin: 0 0 15px 0;}


.btn-contact {margin-top: 30px;font-size: 14px;}


.form-wrapper label {font-size: 14px;}


#field2 {font-size: 14px;}


.about-text-bg-grey {padding: 15px;}


.our-product h2 {font-size: 21px;margin: 0 0 15px 0;}


.tile-read-more {margin: 15px 0 0 0;font-size: 14px;padding:7px 20px;}


.about-text-bg-img {padding: 3%;height: 350px;left: 0;}


.testimonial h2 {font-size: 21px;margin: 0 0 15px 0;}


.owl-nav button:nth-child(1) {left: 0;}


.owl-nav button:nth-child(2) {right: 0;}


.review {width: 80%;}


.cs-text h5 {font-size: 16px;margin-bottom: 0;}


.cs-media {width: 20%;}


.tile h4 {font-size: 18px;font-weight: 600;}


.paints h4 {font-size: 18px;font-weight: 600;}


.footer-inner h4 {font-size: 18px;font-weight: 700;margin-top: 15px;}


.mail {padding-left:15px;margin-left: 15px;}


.font-18 {font-size: 14px;}


.social-icons li a {font-size: 16px;}


.hr-1 {margin-top: 20px;margin-bottom: 0;}


.copy {text-align: center!important;}


.footer-center {text-align: center;}


.inner-banner h1 {font-size: 24px;}


.inner-banner {padding: 6% 0;height: 100px;}


.breadcrumb {display: none;}


.our-product-page h2 {font-size: 21px;margin-top: 15px;}

.why-eghome h2 { font-size: 21px; margin: 0 0 20px 0;}


.cta {background-color: #fd8c00;margin: 15px 0 30px 0;font-size:14px;padding: 7px 20px;}


.mission-vision h2 {font-size: 21px;margin: 0 0 15px 0;}


.small-product li {width: 48%;}


.about-pd h4 {font-size: 18px;}


.gaas a img {height: 150px;width: 48%;}


.btn-outline-black {padding: 8px 20px !important;margin: 0 1px 5px 1px;font-size: 14px;}


.contact-us h2 {font-size: 21px;}


.contact-us h4 {font-size: 16px;margin: 0 0 15px 0;font-weight: 600;}


.contact-no {padding-bottom: 5px;font-size: 16px;}


.contact-information {padding: 15px;}


.paints img {height: 200px !important;}


.navbar-expand-lg .navbar-nav li {padding:0}


.btn-contact-pg {padding: 8px 20px;font-size: 14px;}


#field3 {height: 41px;font-size: 14px;}


.btn-footer {padding: 9px 15px;font-size: 14px;}

.whatsapp-icon { left: 80%; bottom: 60px;}
    .whatsapp-icon a { width: 36px; height: 36px; font-size: 18px;}
    .call-icon { left: 80%; bottom: 15px;}
    .call-icon a { width: 36px; height: 36px; font-size: 15px;}


}