/*@font-face { font-family: Barlow; src: url('../fonts/Barlow/Barlow-Regular.ttf'); } 
 @font-face { font-weight: Barlow-Black; src: url('../fonts/Barlow/Barlow-Black.ttf');}
 @font-face { font-weight: Barlow-BlackItalic; src: url('../fonts/Barlow/Barlow-BlackItalic.ttf');}
 @font-face { font-weight: Barlow-Bold; src: url('../fonts/Barlow/Barlow-Bold.ttf');}
*/

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow', sans-serif;
}
/* flex css */

.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.grey-background {
    /*background-color: #eeede4;*/
    background-color: #000;
}

.sky-blue {
    color: #0aabbf;
}

.elipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: initial;
}

.sec-padding {
    padding: 50px 0px;
}


/* flex css */


/* BANNER */

.about-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/company-overview/about-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.blog-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/blog/blog-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.building-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/products/Metal-Products/metal-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.contct-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/contact/contact-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.food-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/products/Food-Products/food_cover.jpg) repeat scroll 100%;
    background-size: cover;
}

.metal-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/products/Metal-Products/metal-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.oil-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/products/Oil-Products/oil-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.our-products-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/products/product-banner.jpg) repeat scroll 100%;
    background-size: cover;
}

.plastic-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/products/Plastic-Products/plastic-cover.jpg) repeat scroll 100%;
    background-size: cover;
}

.whyus-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/why-choose/banner-3.jpg) repeat scroll 100%;
    background-size: cover;
}


/* BANNER */

.product-list {
    padding: 30px 0px;
}


/* START : FOOTER */

.footer-area {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(../images/banner/footer-banner.jpg);
}

.main-menu .navbar-collapse.collapse {
    /* display: block; */
    margin-top: 2px;
}

.footer-logo img {
    width: 200px;
}

.main-menu .navigation>li>a:before {
    position: relative;
    top: 35px;
    width: 0%;
    height: 2px;
    display: block;
    text-align: center;
    background: #0aabbf;
    content: "";
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li:hover a:before,
.main-menu .navigation>li.current a:before {
    width: 100%;
}


/* END:  FOOTER */

.blog-detail-page h4 {
    padding: 10px 0px;
}

.blog-detail-page .single-blog-post {
    margin-bottom: 0px;
}

.blog-list-area .single-blog-post {
    border: 1px solid #f4f4f4;
}

.blog-list-area .single-blog-post .text-holder .meta-info .left {
    padding: 10px 0px 0px 0px;
}

.blog-detail-page .single-blog-post .text-holder .blog-title {
    color: #0aabbf;
}

.blog-detail-page .bottom-content-box {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 21px;
}

.blog-detail-page .content-highlight ul {
    margin-left: 30px;
}

.blog-detail-page .content-highlight ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
    list-style: auto;
}

.blog-detail-page .content-highlight ul li span {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
}

.blog-detail-page .text-holder .meta-info {
    padding-top: 12px;
    padding-bottom: 20px
}

.blog-detail-page .text-holder .meta-info li {
    display: inline-block;
    float: left;
    line-height: 16px;
    border-right: 1px solid #ababab;
    padding-right: 10px;
    margin-right: 10px;
}

.blog-detail-page .text-holder .meta-info li a {
    color: #848484 !important;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    line-height: 22px;
}

.blog-detail-page .text-holder .meta-info li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.blog-detail-page .text-holder .meta-info li a:hover {
    color: #0aabbf;
}

.blog-detail-page .comment-box {
    padding-top: 0px;
}

.blog-page .img-holder {
    width: fit-content;
}

.contact-form-area .contact-form {
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.icon-holder i {
    font-size: 25px;
    color: #3bb5ab;
}

.product-list .sec-title {
    padding-bottom: 15px;
}

.product-list .single-history .text-holder .sec-title h2,
.whyus-section-list .single-history .text-holder .sec-title h2 {
    font-size: 30px;
}

.product-overview {
    padding-top: 20px;
}

.product-overview .sec-title h1 {
    font-size: 40px;
}

.product-overview .sec-title h2 {
    font-size: 30px;
}

.product-overview .sec-title h3 {
    font-size: 20px;
}

.product-overview .sec-title p {
    padding: 0px 0px;
}

.service-tab-section .left-sidebar .single-sidebar .page-link li button {
    border-bottom: 2px solid #fff;
    background: #f7f7f7 none repeat scroll 0 0;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 17px 20px 15px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
    text-align: left;
    border-radius: unset;
}

.service-tab-section .nav-tabs .nav-link {
    border: none;
    border-color: transparent;
}

.service-tab-section .left-sidebar .single-sidebar .page-link li .nav-link:hover,
.service-tab-section .left-sidebar .single-sidebar .page-link li .nav-link.active {
    color: #fff;
    background: #49beaa;
}

.fade:not(.show) {
    opacity: 0;
}

.fade {
    transition: opacity 0.15s linear !important;
    opacity: 1;
}

.col-form-label {
    font-size: 14px;
    font-weight: 400;
    color: #202020;
}

.modal-header {
    padding: 10px 20px;
}

.modal-title {
    color: #212529;
    font-size: 20px;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
form-control::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #848484 !important;
}

.form-select {
    font-size: 14px !important;
}

.form-control:focus {
    box-shadow: none;
    border-color: inherit;
}

.modal-body .thm-btn {
    padding: 13px 40px 11px;
}

#enquiry-form .select2-container .select2-selection--single {
    height: 34px;
    padding: 0 5px;
}

#enquiry-form .select2-container--default .select2-selection--single {
    border: 1px solid #f4f4f4 !important;
}

#enquiry-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    font-size: 16px;
    color: #848484;
    font-weight: 400;
}

#enquiry-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    padding: 0 20px;
}

.rev_slider_wrapper .slide-content-box.middle-slide .button a {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* .select2-container.select2-container--open {
    z-index: 9999999 !important;
}

.select2-container.select2-container--focus,
.select2-container.select2-container--default {
    width: 100% !important;
} */

.language-switcher #polyglotLanguageSwitcher ul.dropdown {
    background: #30455c;
    top: 48px;
    left: 0px;
}

.company-history-area .company-history .single-history {
    overflow: hidden;
    padding-left: 100px;
    position: relative;
    padding-bottom: 60px;
}

.company-history-area .company-history .single-history::before {
    background: #f4f4f4 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 37.5px;
    position: absolute;
    top: 75px;
    width: 2px;
}

.company-history-area .company-history .single-history .year {
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 75px;
    border: 2px solid #f4f4f4;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    z-index: 1;
}

.company-history-area .company-history .single-history .year h3 {
    color: #30455c;
    font-size: 20px;
    font-weight: 400;
    display: block;
    padding: 27px 0;
}

.company-history-area .company-history-content .top-text-box {
    overflow: hidden;
    /* padding-bottom: 41px; */
}

.company-history-area .company-history .single-history:hover .year {
    background: #30455c;
}

.product-list .product-info h3 {
    color: #49beaa;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 28px;
    transition: all 500ms ease;
}


/* google translate */

.goog-te-gadget {
    color: #fff !important;
}

.goog-te-gadget .goog-te-combo {
    background: #30455c;
    border: none;
    color: #fff;
}

.product-list .product-info h4 {
    color: #49beaa;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 20px;
    transition: all 500ms ease;
}
.f-900{
	font-weight : 600;
	color: #3bb5ab !important;
}

.dropend .dropdown-toggle {
  color: salmon;
  margin-left: 1em;
}
.dropdown-item:hover {
  background-color: lightsalmon;
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
  top:60px !important;
  transform: translate(0px, 0px) !important;
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}

.rev_slider_wrapper .slide-content-box.middle-slide h1 {
    font-size: 30px !important;
    letter-spacing: 1px !important;
    line-height: 40px !important;
}

.readmore{
	color:#3bb5ab !important;
	padding: 10px 0px !important;
    margin: 0px !important;
    border: none !important;
    font-weight:700;
}
.moretext {
  display: none;
}

.dark-section h1,.dark-section h3,.dark-section h2, .dark-section p{
	color : #fff !important;
}

.parallax{
    background: url('../images/company-overview/brief-about.webp') repeat fixed 100%;
    background-size: cover;
    /*color: aliceblue;*/
    background-color: rgba(0,0,0,.5);
  	background-blend-mode: multiply;
}

.smart-approach-area .single-item:before{
    background : #34a79d !important;
}

.video-gallery-area {
    padding: 40px 0 40px !important; 
}

.call-to-action-area {
    padding: 20px 0 0px !important;
}

.smart-approach-area {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footer-top-area {
    padding: 10px 0 10px !important;
}

.footer-area {
    padding: 50px 0px !important;
}

.sec-title {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.call-to-action-area .productcarousel .single-item, .call-to-action-area .servicecarousel .single-item{
    width: 100%;
}
.call-to-action-area .single-item .img-holder .overlay-style-one {
    display: none;
}

.call-to-action-area .single-item:hover .img-holder .overlay-style-one {
    display: block;
    background: rgba(52, 167, 157, 0.93);
    border-radius: 7px;
    
}

.call-to-action-area .servicecarousel .single-item .img-holder .overlay-style-one p{
    line-height: 20px !important;
    padding-top: 5px;
    font-size: 13px !important;
}

.overlay-style-one .box .content {
    color: #fff;
    padding: 0px 10px;
}

.footer-top-area .footer-top-content .title h3 {
    font-size: 18px !important;
}

.top-bar-area {
    padding: 0px 0 2px !important;
}

.mainmenu-area .logo .logo-img {
    width: 130px !important;
}

.mainmenu-area {
    padding: 5px 0px !important;
    margin-bottom: 0px !important;
}


.icon-box:hover {
  transform: scale(1.4);
}

.icon-box.has-transition {
  transition: transform 500ms ease-in-out;
}

p
{
	color: #000;
	font-weight:400;
	font-family: Barlow, sans-serif;
}

b{
	color: #3bb5ab !important;
}

.error{
	color:red;
}