@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap'); @import url("css/responsive.css"); @import url("css/ma5-menu.min.css"); h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: "Baskervville", serif;} ul{padding: 0px; margin: 0px; list-style-type: none;} li{padding: 0px; margin: 0px; font-size: 17px;} a{font-size: 17px; font-family: "Baskervville", serif;} a:hover{text-decoration: none;} p{font-size: 17px; padding: 0px; margin: 0px; font-family: "Baskervville", serif;} body{padding: 0px; margin: 0px; box-sizing: content-box; } span{padding: 0px; margin: 0px; font-family: "Baskervville", serif;} li{font-family: "Baskervville", serif;} input{font-family: "Baskervville", serif;} textarea{font-family: "Baskervville", serif;} button{font-family: "Baskervville", serif;} .container{width: 1320px; max-width: 1320px;} div{ font-family: "Baskervville", serif;} /*Css*/ .search_bar input { width: 265px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .search_bar button{ position: absolute; top: 0; right: 8px; height: 100%; padding: 0 15px; line-height: 0; background-color: #d4b467; color: #fff; border: 0; border-left: 1px solid rgba(0,0,0,.1); border-radius: 0 4px 4px 0; height: 39px; display: flex; align-items: center; justify-content: center;} .search_bar input:focus{ outline: none;} .search_bar button:focus{ outline: none;} .search_bar button svg path{color: #fff;} .navigation_links a{ padding: 0 3px; font-size: 13px; text-transform: uppercase;} .client-information a{color: #006fb7; text-decoration: none; font-size: 15px; font-weight: 600;} .client-information path { color: #d4b467;} .navigation_links ul li{color: #d4b467;} .navigation_links ul li a{color: #d4b467;} .fennec-mobile-nav .navbar-nav { overflow-y: auto; height: 428px;} .fennec-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0;} .fennec-nav .navbar .navbar-nav .nav-item a { font-weight: 600; color: #fff; text-transform: uppercase; padding: 12px 25px; position: relative; z-index: 1; margin: 0;} .fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before { opacity: 1; visibility: visible;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: #fb9c48; position: absolute; border: none; top: 80px; left: 0; width: 250px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%; border-bottom: 1px solid #e98c2a;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { text-transform: capitalize; padding: 5px 15px; display: block; color: #333; font-size: 15px; font-weight: 600;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before { display: none;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #333; } .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1);} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child { margin-top: 0;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;} .fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; top: 100%; margin-top: 0;} .navbar{padding: 0px;} .hero_content { margin: 0px auto;} .hero-button a { position: relative; padding: 13px 25px 0 25px; z-index: 1; overflow: hidden; display: inline-block; font-weight: 700; text-transform: capitalize; line-height: 21px; box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%); transition: all .3s; margin-top: 20px; height: 44px; margin-top: 0; background: #006a84; color: #fff; font-size: 12px; border-radius: 50px;} .hero_content p{ font-size: 16px; display: block; width: 90%; margin: 20px auto 0px; text-transform: capitalize; line-height: 25px; animation-name: moveInleft; animation-duration: 6s;} .hero-button a{ color: #fff;} /*Whatsapp-popup*/ #whatsapp .wtsapp:focus { border: none; outline: none;} #whatsapp .wtsapp { position: fixed; transition: all .5s ease; background: #25d366; display: block; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.15); /* margin: 0; */ border-radius: 50px; border-right: none; color: #000; font-weight: 700; font-size: 18px; bottom: 130px; left: 20px; border: 0; z-index: 99; width: 50px; height: 50px; line-height: 48px;} #whatsapp .wtsapp:before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: #25d366; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;} @keyframes pulse-border { 0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;} 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;} } .enquiry { position: fixed; z-index: 1000; bottom: 55px; left: 25px; height: 50px; color: #fff; font-size: 18px; text-align: center; text-decoration: none; cursor: pointer;} .enquiry i { float: left; z-index: 999; position: absolute; left: 0; width: 50px; height: 50px; border-radius: 50%; color: #fff; font-size: 24px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; background: #006a84; transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);} .enquiry strong { background: #d8b075; line-height: 28px; color: #fff; padding: 10px 20px; border-radius: 0 30px 30px 0; height: 45px; float: left; font-size: 15px; margin-top: 3px; margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);} .enquiry i:hover { color: #fff;} .enquiry strong:hover { color: #000; background: #eee;} .modal-header { padding: 0 15px; color: #fff; background-color: #006a84; height: 46px;} .send_p { line-height: 22px; text-align: center; margin-bottom: 20px;} .modal-body form input { border: 1px solid #ccc; border-radius: 0px !important; height: 35px;} .modal-body form input:focus { outline: none;} .modal-body form textarea:focus { outline: none;} .modal-body form textarea { border: 1px solid #ccc; border-radius: 0px !important; resize: none;} .modal-header button span { font-size: 40px; position: relative; bottom: 0px;} #homepopupenquiry-form button[type=submit] { line-height: 0px; background: #000; outline: none; color: #fff; font-weight: 600; border: none; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; width: 35%; border-radius: 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 20px;} .modal-header > p { font-size: 18px; margin-top: 8px;} .reason-choose .title h2{padding: 0 0 0; font-size: 28px;margin: 0;text-align: center;text-transform: initial;color: #000;margin-bottom: 20px;position: relative;overflow: visible;} .reason-choose .title:after { background: #fb9c48; bottom: -54px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} .reason-choose .whychoosewrap { display: flex; transition: all .3s linear; padding: 30px 0px 20px; border-radius: 35px 0px 35px 0px; position: relative; overflow: hidden;} .reason-choose .whychoosecont { margin-top: 30px;} .reason-choose .whychoosewrap .whychooseiconBox { width: 30%; text-align: center;} .reason-choose .whychoosewrap .whychoosecontent { width: 70%;} .reason-choose .whychoosewrap .whychoosecontent span { color: #006fb7; font-size: 20px; font-weight: 800;} .reason-choose .whychoosewrap .whychoosecontent p { color: #000; font-size: 15px;} .reason-choose .whychoosewrap .whychoosecontent a { margin: 0;} .reason-choose .whychoosewrap .whychooseiconBox img { transition: all .4s linear; filter: brightness(0.0);} .reason-choose .whychoosewrap:hover .whychooseiconBox img { transform: rotateY(360deg);} .whychoosecontenHover { position: absolute; top: -100%; left: 0; background: #006a84; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0px 27px 0px; border-radius: 30px 0px 30px 0px; opacity: 0; visibility: hidden; transition: all .3s linear;} .reason-choose .whychoosewrap:hover .whychoosecontenHover { opacity: 1; visibility: visible; top: 0;} .read_more_btn { outline: none;} .sticky { background-color: #006a84; position: sticky; width: 100%; z-index: 999; height: auto; top: 0;} .about-us .title h1{color: #006a84; font-size: 30px; text-transform: capitalize; letter-spacing: 1px; margin: 0 0 10px;} span.tagline{ margin-top: 5px; font-size: 15px; color: #444; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; font-weight: 500;} .whychoosecontenHover p { color: #fff;} .content-zik h3 { font-size: 22px; color: #000;} .content-zik p { line-height: 27px;} .content-zik { margin-bottom: 70px;} .our-products { position: relative; background-color: #006a84;} .our-products .title h4{ padding: 0 0 0; font-size: 30px; margin: 0; text-align: center; text-transform: initial; color: #fff; position: relative; overflow: visible;} .our-products .title h4:after{ background: #fff; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} .text-block a { font-size: 20px; margin-bottom: 10px; display: block; font-weight: 600;} .product-btn a { position: relative; padding: 13px 25px 0 25px; background: #35363a; z-index: 1; overflow: hidden; display: inline-block; font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 21px; color: #fff; box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%); transition: all .3s; margin-top: 20px; height: 44px;} .text-block p{ font-size: 17px; color: #000;} .under-border-line { border: 1px solid #000;} .some-content-left h5{ overflow: visible; padding: 0 0 0; font-size: 18px; margin: 0; float: left; width: 100%; text-transform: capitalize; color: #000; margin-bottom: 25px; position: relative; font-weight: 600;} .some-content-left h5:after{ width: 10%; height: 2px; background-color: #fff; content: ''; position: absolute; right: 665px; bottom: -12px;} .form_content-icon span{ font-size: 18px; font-weight: 600; color: #000; margin: 10px 0px; text-transform: capitalize;} .oil-img-with-list{ background-color: #006a84;} .oil-img-with-list span{ font-size: 20px; margin-bottom: 15px; text-align: center; display: block;} .list-group ul li { line-height: 30px; color: #fff; border-bottom: 1px solid #026078;} .about-company{ background-color: #006a84;} .work-content .work-header { display: flex; align-items: center; margin-bottom: 15px;} .work-content .work-header span { height: 100px; width: 100px; border: 5px solid #d2d2d2; text-align: center; line-height: 100px; font-size: 50px; font-weight: 700; color: #d5b76c; margin-right: 20px; display: inline-block;} .work-content .work-header .title-icon { font-size: 32px; font-weight: 600; text-transform: uppercase; color: #000; line-height: normal; font-family: "Baskervville", serif;} .work-content .work-item .title-icon { font-size: 17px; line-height: normal; padding-top: 15px; padding-bottom: 5px; margin: 0; text-transform: initial;} .work-content .work-item .title-icon span { color: #d5b76c;} .work-content h2.title_3 { font-size: 36px; color: #fff; text-transform: inherit; margin-bottom: 20px;} .work-content h2 { font-size: 22px; margin: 15px 0 10px; color: #35363a;} .work-content .work-item p { line-height: 25px; color: #fff; padding-right: 0; text-align: justify;} .work-content .work-item p strong { color: #fff;} .work-content .single-work-services p { text-align: left; font-size: 14px;} .work-content ul { list-style: none; padding: 0; margin: 0 0 11px; display: block; max-width: 100%; clear: left; margin-bottom: 20px; margin-top: 20px;} .work-content li { line-height: 28px; font-size: 16px; margin: 0; vertical-align: middle; text-align: left; padding: 0; display: flex; align-items: center; color: #fff; font-size: 17px; margin-bottom: 10px;} .work-content li:before { width: 20px; height: 20px; color: #4e4e4e; font-weight: 400; margin-top: 0; margin-right: 5px; float: left; content: url("data:image/svg+xml;charset=utf-8,");} .single-work-services { box-shadow: 0 5px 30px 0 rgba(0,0,0,.05); border-radius: 5px; padding: 15px 20px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; background: #fff; margin-bottom: 30px; border: 1px solid #f9eacf; overflow: hidden;} .single-work-services .title-icon { font-size: 20px; font-weight: 600; padding-top: 10px; margin-bottom: 10px; color: #006a84; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s;} .single-work-services p { font-size: 16px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; margin: 0; color: #333;} .home_right { float: right; max-width: 500px; margin: 0 0 15px 25px; border-radius: 8px; overflow: hidden;} .single-work-services { box-shadow: 0 5px 30px 0 rgb(0 0 0 / 5%); border-radius: 5px; padding: 15px 20px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; background: #fff; margin-bottom: 30px; border: 1px solid #f9eacf; overflow: hidden;} .read_more { position: relative; padding: 10px 25px 10px 25px; background-color: #fb9c48; z-index: 1; overflow: hidden; display: inline-block; font-weight: 700; text-transform: capitalize; font-size: 17px; line-height: 24px; color: #fff; box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%); transition: all .3s; margin-top: 20px; height: 44px;} .read_more:hover { color: #fff;} .product-two .title h4 { width: 100%; color: #000080; font-size: 30px; text-transform: uppercase; font-weight: 700; display: block; padding-bottom: 15px; text-align: center; margin-bottom: 30px; position: relative;} /*Call Me*/ .phone_lefts-side { position: relative;} .phone_lefts-side a { position: fixed; bottom: 135px; color: #000; background-color: #fb9c48; animation: topBottom 4s infinite; z-index: 999; left: 25px; padding: 9px 16px; border-radius: 50%; font-size: 20px; animation: bounce 4s infinite alternate;} .glow { font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate;} @-webkit-keyframes glow { from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;} to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;} } @keyframes glow { from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;} to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;} } .bounce {animation: bounce 965 1.6s ease infinite; transform-origin: 50% 50%;} @keyframes bounce { 0% {transform: translateY(0);} 12.5% {transform: translateY(0);} 25% {transform: translateY(0);} 50% {transform: translateY(-15px);} 62.5% {transform: translateY(0);} 75% {transform: translateY(-15px);} 100% {transform: translateY(0);} } .polpluar-product-segments h5{ padding: 0 0 0; font-size: 28px; margin: 0; text-transform: initial; color: #000; margin-bottom: 25px; position: relative; overflow: visible;} .polpluar-product-segments h5:after{ background: #fff; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both;visibility: hidden;line-height: 0; height: 0;} .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; touch-action: pan-y;} .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; top:6px;} .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel .owl-item{ float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{ -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .owl-controls.clickable{ display:block !important;} .owl-pagination {display: none;} .owl-buttons{ position: absolute; top: 0px; color: #fff; height: 45px; width: 100%;} .owl-buttons .owl-next, .owl-prev{ width:40px; height:40px; font-size:0; position: absolute; top:175px; left: 55px; background: #fb9c48;} .owl-next {right:0px;} .owl-prev{ left:-11px;} .owl-next:hover { color: #16639f !important; } .owl-prev:hover { color: #16639f !important; } .owl-prev:before { position: absolute; top: 9px; left: 8px} .owl-next:after { font: normal normal normal 14px/1 FontAwesome; font-size: 40px;} .owl-next:after { position: absolute; top: -3px; color: #fff; left: 11px;} .owl-prev.active {background: #ffbd1f;} .owl-prev:before { font: normal normal normal 25px/1 FontAwesome; content: "\f104"; position: absolute; top: 7px; left: 13px;} .owl-next:after { font: normal normal normal 25px/1 FontAwesome; content: "\f105"; position: absolute; top: 7px; color: #fff; left: 16px;} .owl-buttons .owl-next { position: absolute; left: 98%; top: 210px; border-radius: 50px;} .owl-buttons .owl-prev { top: 210px; border-radius: 50px;} .itme-block{ display: block; overflow: hidden; padding: 15px; text-align: center;} .itme-block a{ font-size: 20px; margin: 0 0 10px; font-weight: 700;} .information_base h5{ margin: 0; text-transform: initial; color: #d8b075; margin-bottom: 25px; position: relative; overflow: visible;} .information_base h5:after{ background: #fff; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} div#owl-demo-2 .item { border: 1px solid #d8b075;} .segemtn-block a{ font-size: 20px; margin: 0 0 10px; font-weight: 700;} .segemtn-block{ margin: 0; padding: 10px 15px;} .segemtn-block p { font-size: 16px; line-height: 24px;} .button-blog a { font-size: 13px;} .testimonial h5{ padding: 0 0 0; margin: 0; text-transform: initial; color: #fff; margin-bottom: 25px; position: relative; overflow: visible;} .testimonial h5:after{ background: #fff; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} div#owl-demo-3 .itme-block #owl-demo-3 .item{border-radius: 15px;} div#owl-demo-3 .item { border-radius: 15px; position: relative;} .extra-client{position: relative; border: 1px solid #222;} .extra-client:after{ width: 0; height: 0; content: " "; display: block; position: absolute; border-top-color: #eee9df; border-left-style: inset; border-right-style: inset; border-top: 22px solid; border-left: 0 solid transparent; border-right: 22px solid transparent; bottom: -22px; left: 15%;} .testimonial-info img { border-radius: 50px; width: 8%; border: 1px solid #ccc; padding: 2px;} div#owl-demo-3 .owl-buttons { display: none;} .faqs .title h5{padding: 0 0 0; color: #d8b075; position: relative; overflow: visible;} .faqs .title h5:after{ background: #fff; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} .responsive-accordion {margin: 15px 0 20px 0;padding: 0;list-style-type: none;} .responsive-accordion li {margin: 0 0 10px 0;padding: 0;} .responsive-accordion li:last-child { margin-bottom: 0; } .responsive-accordion li .responsive-accordion-head { cursor: pointer; } .responsive-accordion li .responsive-accordion-head.active { font-weight: bold; } .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {padding: 12px 30px 12px 10px; color: #fff;line-height: normal;position: relative; font-weight: 600; font-size: 18px; background-color: #006a84;} .responsive-accordion-default.responsive-accordion li .responsive-accordion-head i { position: absolute; top: 13px; right: 17px; width: 20px; height: 20px; line-height: 20px; font-size: 30px; transition: 0.2s; } .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel { border:1px solid #fb9c48; border-top: 0; background: #FFF; padding: 1rem 1.25rem;} .responsive-accordion-head i:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); appearance: none;} /*.responsive-accordion-default.responsive-accordion li:hover{}*/ .responsive-accordion-head:hover{background-color: #d8b075; border-radius: 5px;} .widget span{color: #000; text-transform: capitalize; text-align: left; padding: 0 0; font-size: 16px; font-weight: 700; margin-bottom: 20px; } .footer-btn a { background: #fb9c48; padding: 13px 25px 13px 25px;} .widget ul li { margin-bottom: 12px;} .social-media ul li i.fa.fa-facebook { background-color: #4064ac; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff;} .social-media ul li i.fa.fa-twitter{background-color: #1c9cea; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff;} .social-media ul li i.fa.fa-instagram{ background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff;} .social-media ul li i.fa-youtube-play{ background: #ff0000; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff;} .social-media ul li i.fa-linkedin{ background: #0069bc; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff;} .about-company .title h1 { color: #d8b075; font-size: 28px;} .mobile-three-item li { display: inline-block; margin-right: 0; padding: 10px 30px; width: 32%;} .mobile-three-item { text-align: center;} .mobile-three-item li:first-child { background-color: #fb9c48;} .mobile-three-item li:nth-child(2) { background-color: #64b161;} .mobile-three-item li:last-child { background-color: #006a84;} .mobile-three-item li a { color: #fff;} .mobile-three-item { text-align: center; position: fixed; z-index: 999; bottom: 0; /* left: 8%; */ width: 100%;} .mobile-three-item { display: none;} .common-banner { padding: 70px 0; position: relative;} .common-banner:after{width: 100%; height: 182px; background-color: rgba(0,0,0,.4); position: absolute; top: 0px; content: '';} .common-banner h1 { position: relative; z-index: 9;} .inner-bread{background: #222; position: relative; margin: 0; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); } ul.breadcrumb li { color: #fb9c48;} .city a{ background-color: #fb9c48; padding: 10px 0px;} .city-heading > h2{ font-size: 22px; line-height: normal; margin-bottom: 10px; color: #35363a;} .about-us-page .title h2{padding: 0 0 0; font-size: 28px; color: #d8b075; position: relative; overflow: visible;} .about-us-page .title h2:after{background: #fff; bottom: -6px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} .more-content h3{color: #d8b075;} .more-content{position: relative;} .more-content:after{ position: absolute; content: ""; right: -25px; top: -36px; height: 380px; border: 6px solid #d8b075; border-radius: 12px; display: block; width: 930px;} .more-content-img img { position: relative; z-index: 9;} .more-content p { line-height: 27px;} .contact-infomation_left h2{color: #000; font-size: 20px;} .contact-infomation_left span { font-size: 20px;} .form-block span{ font-size: 20px; text-transform: capitalize; text-align: left; margin: 0 0 20px; padding: 0; color: #000;} .contact-filed input { border-radius: 0px; border:none; margin-bottom: 15px; font-size: 14px;} .contact-filed textarea { border-radius: 0px; border:none; height: 100px; font-size: 14px;} .contact-filed button {outline: none; background: #fb9c48; padding: 10px 35px; border: none;} .social-media i { border-radius: 5px;} .sitema-links-item h2 { color: #000; font-size: 20px;} .sitema-links-item h3 { color: #000; font-size: 20px;} .color-site { background: #006a84;} .color-site a { color: #fff;} .blog-text-page { padding: 10px 15px;} .border-system{border: 1px solid #d8b075; border-radius: 15px;} .blog-text-page a{font-size: 18px; font-weight: 600;} .blog-btn-details a { background: #333; font-size: 13px; padding: 10px 30px; padding: 13px 25px 13px 25px;} .blog-details_img img{text-align: center;} .for-img img { cursor: pointer;} .modal-center a { background: #006a84; padding: 10px 30px; margin-top: 30px; display: inline-block;} .interseted-pop a { background: #006a84; color: #fff; padding: 10px 30px;} .related-products h4{ padding: 0 0 0; font-size: 28px; margin: 0; text-transform: initial; color: #fff; margin-bottom: 25px; position: relative; overflow: visible;} .related-products h4:after{ background: #fff; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px;} /*table*/ table { margin-bottom: 15px; } table tbody tr td { vertical-align: middle; padding: 6px 10px; font-size: 16px; line-height: normal; text-align: left;} table tbody tr td { border: 1px solid #404040; width: 60%; color: #000;} table tbody tr td:first-child { color: #000; width: 40%;} .related-products { background: #222;} .related_product span{ line-height: 24px; padding: 10px 0; text-align: left; margin: 0; font-size: 20px; font-weight: 600;} .button-list ul li a { background: #fb9c48; padding: 10px 30px; color: #000;} .related_product table{width: 100%;} @keyframes shrink { 0% { background-size: 110% 110%; } 100% { background-size: 100% 100%; } } nav.mobile-menu { display: none;} .tagline_content h5 { font-size: 24px;} .form_img-icon img { filter: brightness(0.5);} .responsive-accordion-panel p { text-align: justify;} footer { background: #e9e9e9;} .responsive-accordion-panel ul { list-style-type: disc; column-count: 3; padding-left: 15px; margin-top: 15px;} .contact-infomation_left a { font-family: 'FontAwesome'; color: #000;} .map iframe { width: 100%; height: 300px; border: 0px;} #toTop { position: fixed; bottom: 55px; right: 25px; cursor: pointer; transition: 0.5s; z-index: 9999;} .inner-left-side-product ul li a { background: #000; padding: 15px; color: #fff; font-size: 18px;} .inner-left-side-product li { display: inline-block; margin-right: 12px; line-height: 45px;} .for-img-details img { width: 30%; float: left; border: 1px solid #ccc; margin-right: 25px;} .form-block { background: #006a84; padding: 30px;} .product-details-flaot h2 { font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .product-details-flaot h3 { font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .product-details-flaot h4 { font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .product-details-flaot h5 { font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .product-details-flaot h6 { font-size: 20px; margin-bottom: 12px; margin-top: 12px;} table { font-family: "Baskervville", serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #dddddd; } .full-width-section_produts h2{ font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .full-width-section_produts h3{ font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .full-width-section_produts h4{ font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .full-width-section_produts h5{ font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .full-width-section_produts h6{ font-size: 20px; margin-bottom: 12px; margin-top: 12px;} .full-width-section_produts ul { list-style-type: disc; padding-left: 15px; margin-bottom: 10px; margin-top: 10px;} .full-width-section_produts ul li { margin-bottom: 10px;} .product-details-flaot ul li { list-style-type: disc; margin-bottom: 10px;} .product-details-flaot ul{padding-left: 15px;} .product-details-flaot p { margin-bottom: 14px; text-align: justify;} .fulling_part li:first-child a { color: #000;} .common-banner { background-size: cover !important;} .work-item h2 { font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 10px;} .work-item h3 { font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 10px;} .work-item h4 { font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 10px;} .work-item h5 { font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 10px;} .work-item h6 { font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 10px;} .tagline{background-color: #fb9c48;} .work-item a { color: #fff; text-decoration: underline;} .navigation a { font-family: 'FontAwesome';} div#homepopupenquiry-form p span { font-family: 'FontAwesome';} .widget p { font-family: 'FontAwesome';}