@charset "utf-8";

html{scroll-behavior:smooth}

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

p {color: #626262;line-height: 1.8;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;}

.col-z-blue {color: #ff4e48;}

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

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

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

.dropdown-menu {min-width: 12rem;background-color: #ffffff;padding: 10px 0;border: none;box-shadow: 0 0 2rem 0 rgba(84,157,210,.3);}

.dropdown-item:focus, .dropdown-item:hover {color: #ffffff;text-decoration: none;padding-left:20px}

.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: #ffffff;z-index: -1;}

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

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

.dropdown:hover .dropdown-menu {display: block;margin-top: 0; }

.top-header {background-color: #0288d1; padding: 5px 0;}

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

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

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

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

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

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

.social-media li a {background-color: transparent;display: inline-block;text-align: center;color: #ddf2fd;font-size: 13px;margin-right: 10px; transition: ease-in-out all 0.2s;font-weight: 400;border: 1px solid #ffffff;height: 30px;width: 30px;border-radius: 50%;line-height: 28px;}

.social-media li a:hover {background-color: #ffffff;border-color: #ffffff;color: #0288d1;}

.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: 16px; font-weight: 400;}

.navbar-expand-lg .navbar-nav li a:hover{color:#0288d1;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: 170px;}

.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%;text-align:center;padding: 15%!important;position:absolute;right:0;bottom:0;left:0;z-index:10;top:0;padding-top:20px;padding-bottom:20px;color:#fff;}

.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;text-align: center;}

.carousel-control-prev {position: absolute; z-index:999;text-align: center;}

.carousel-indicators li {background-color: #ffffff;display: none;} 

.carasoul-overlay {position: absolute;background: rgb(255,255,255);

    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(25,32,111,1) 100%);right: 0;left: 0;top: 0;bottom: 0;}

.carousel-caption h2 {font-size: 48px; font-weight: 600; color: #ffffff;text-align: center;text-shadow: 0 0 1px #19206f, 0 0 20px #19206f;}

.carousel-caption h3 {font-size: 21px; font-weight: 500; color: #ffffff;text-align: center;margin-top: 15px;}

.red-btn {border: 2px solid #ff4e48;padding: 7px 30px;color: #ffffff;display: inline-block;margin-top: 15px;text-decoration: none!important;outline: none!important;transition: ease-in-out all 0.2s;font-size: 18px; font-weight: 500;background-color: #ff4e48;}

.red-btn:hover {background-color: #ffffff;color: #000000;border-color: #ffffff;}

.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: 36px; margin: 0 0 30px 0; font-weight: 700; color: #222222;}

.our-product .certificate img { width: 90%;}

.em-text {font-size: 21px;text-align: center;display: block;margin: 0 0 30px 0;font-style: italic;color: #0288d1;font-weight: 600;}

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

.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;border: 3px solid #dbdbdb; }

.brand-contant {width: 70%;float: left;}

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

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

.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 2% 0;height: 220px;background-position: center center;}
.inner-banner1 {background: url("../image/fire-arm-training-simulator.jpg") no-repeat;padding:8% 0 2% 0;height: 330px;background-position: center center;}
    .inner-banner1 h1 {color: #d31919 !important; font-size: 42px; color: #ffffff; font-weight: 800;text-align: center;}
.inner-banner h1 {font-size: 42px; color: #ffffff; font-weight: 800;text-align: center;}
.traa ul{ padding-left:20px;}

.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: 800;color: #222222; margin: 0 0 36px 0;}

.col-blue {color: #0288d1;}

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

.about-text-bg-grey{background-color: #f1f1f1; width: 100%;padding: 52px;border-radius: 5px 0 0 5px;}

.about-text-bg-img {padding: 4% 13%; background-repeat: no-repeat; height: 372px;position: relative;left: -30px; background-image: url("../image/about-bg-image.jpg");}

.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: #2b2b2b;}

.social-icons{padding:0; display: inline-block;}

.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:#cccccc;text-align:center;margin-right: 10px !important;transition: ease-in-out all 0.2s; font-size: 16px;border: 1px solid #cccccc;width: 35px;height: 35px;border-radius: 50%;line-height: 32px;}

.social-icons li a:hover {color: #ffffff;background-color: #0288d1;border-color: #0288d1;}

.col-black {color: #606060;}

.footer-center {color: #cccccc;}

.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: 18px; font-weight: 700;margin: 20px 0 15px 0;color: #f4f4f4;}

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

.footer-link li { list-style: none;}

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

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

.footer-contact-information {padding: 0;}

.footer-contact-information h4 {font-size: 18px; font-weight: 700;margin:15px 0; color: #f4f4f4;}

.footer-inner p {color: #cccccc;}

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

.owl-carousel{position:relative}

.copy { margin: 25px 0 0 0; color: #c6c5c5; padding: 10px 0; border-top: 1px solid #6e6e6e;}

.copy p { color: #000;}

.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:#0288d1!important;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22);top:32%;width:30px!important;height:30px!important;line-height:0!important;transition: ease-in-out all 0.2s;}

.owl-nav button span{font-size: 24px;color: #ffffff;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 {padding: 5px 25px !important; border-radius: 0px;color: #ffffff!important;transition: ease-in-out all 0.2s;background-color: #0288d1;display: inline-block;margin-top: 2px;}

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

#field2 {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: 0;}

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

.paints a {display: block;}

.paints img{max-width: 100%;width: 100%;max-height: 100%;height: 410px !important;position: relative;border-radius: 0;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: 700;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: 31px;font-weight: 700;text-align: center;margin: 0 0 30px 0;}

.review {width: 65%;padding: 0;margin: 0 auto;}

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

.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: 0;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: 0;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: 30px;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 .get-a-quote-btn {padding: 5px 25px !important;border-radius: 0px;color: #ffffff !important;background-color: #ff4e48;text-decoration: none!important;transition: ease-in-out all 0.2s;}

.product-paints:hover .get-a-quote-btn{ background-color: #0288d1;}

.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;text-align: left;}

.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: #ffffff;margin: 15px 0 0 0;padding: 10px 30px;color: #3f3e3e;transition: ease-in-out all 0.2s;border-radius: 0;}

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

.btn-contact-pg-2 {background-color: #0288d1;margin: 15px 0 0 0;padding: 10px 30px;color: #ffffff;transition: ease-in-out all 0.2s;border-radius: 0;}

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

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

.partners .owl-nav {display: block;}

ul.breadcrumb {padding: 0;list-style: none;background-color: transparent;position: absolute;bottom: 0;transition: ease-in-out all 0.2s;}

ul.breadcrumb li {display: inline;font-size: 16px;color: #c6c6c6;}

ul.breadcrumb li+li:before {padding: 8px;color: #c6c6c6;content: ">";}

ul.breadcrumb li a {color: #c6c6c6;text-decoration: none!important;outline: none !important;transition: ease-in-out all 0.2s;}

ul.breadcrumb li a:hover {color: #ff4e48;}

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

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

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

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

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

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

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

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

.footer-contact-information .floating-select:focus ~ label, .footer-contact-information .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;}



button:focus{outline: none!important;}

.whatsapp-icon { position: fixed; left: 94.5%; bottom: 18px; z-index: 2;}
.whatsapp-icon a { display: inline-block; width: 54px; height: 54px; color: #fff; text-align: center; border-radius: 50%; font-size: 26px; line-height: 2; margin: 6px 0; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
.whatsapp-icon a:first-child { background:  #0BC242;}
.whatsapp-icon a:nth-of-type(2) { background: #FF4E48; font-size: 21px; width: 52px; height: 52px; line-height: 2.5;} 


.copy p { margin-bottom: 0 !important; color: #bab9b9; margin-left: -5px; font-size: 14px;}
.copy p a { color: #0288D1;}
.copy p a:hover { color: #0288D1;}
@media (max-width: 768px) {
    .btn-contact-pg-2  { padding: 10px 20px; font-size: 14px;}
p {font-size: 14px;}

.social-media li a{font-size: 13px;height: 30px; width: 30px; line-height: 29px;margin-left: 5px;margin-right: 0;}

.social-icons li a {font-size: 13px;width: 30px;height: 30px;line-height: 29px;margin-right: 0!important;}

.navbar-nav .nav-link {font-size: 14px;}

.dropdown-menu .dropdown-item {font-size: 14px;}

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

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

.carousel-caption {padding: 5%!important}

.carousel-caption h2 { font-size: 21px;}

.carousel-caption h3 {font-size: 15px;}

.carasoul-overlay {background-color: rgba(0, 0, 0, 0.5);}

.red-btn {padding: 5px 20px;font-size: 15px;}

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

.navbar-toggler {padding: 2px 5px;font-size: 16px;border: #000000 2px solid;}

.navbar {padding:0 15px}

.paints {margin-top: 15px;}

.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: 24px;margin: 0 0 15px 0;}

.our-product .certificate img { width: 100%;}

.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: 24px;margin: 0 0 15px 0;}

.post-slide .pic img {height: 100px;}

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

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

.copy {text-align: center!important;margin: 10px 0 0 0;}

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

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

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

.breadcrumb {display: none;}

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

.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 { position: fixed; left: 84%; bottom: 15px; z-index: 2;}
  .whatsapp-icon a { width: 45px; height: 45px; font-size: 22px; margin: 6px 0;}
  .whatsapp-icon a:nth-of-type(2) { font-size: 19px; width: 43px; height: 43px; line-height: 2.3;} 


}
.prrrce span:first-child{ font-size:30px;} 
.prrrce span:last-child{ font-size:24px;     font-size: 24px;
    background: #d31919;
    color: #fff;
    margin-left: 8px;
    padding: 7px;}