/*
Theme Name: ABA 2020
Author: The Xpert Team
Author URI: https://xpert-online.com/
Description: The Ali Bin Ali Holding is a privately owned company with a heritage that dates back to 1945. Our roots began with a vision to provide quality international products and services to the people of Qatar. Today our Holding is one of the largest retail and distribution companies in Qatar.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alibinali
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
@font-face {
 font-family: 'daxregular';
 src: url('fonts/dax-regular.eot');
 src: url('fonts/dax-regular.eot?#iefix') format('embedded-opentype'), url('fonts/dax-regular.woff') format('woff'), url('fonts/dax-regular.ttf') format('truetype'), url('fonts/dax-regular.svg#daxregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'daxcondensedregular';
 src: url('fonts/daxcondensed-regular-webfont.eot');
 src: url('fonts/daxcondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/daxcondensed-regular-webfont.woff') format('woff'), url('fonts/daxcondensed-regular-webfont.ttf') format('truetype'), url('fonts/daxcondensed-regular-webfont.svg#daxcondensedregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'daxmedium';
 src: url('fonts/dax-medium-webfont.eot');
 src: url('fonts/dax-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dax-medium-webfont.woff') format('woff'), url('fonts/dax-medium-webfont.ttf') format('truetype'), url('fonts/dax-medium-webfont.svg#daxmedium') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'DaxCondensed';
    src: url('assets/fonts/DaxCondensed-Regular.eot');
    src: url('assets/fonts/DaxCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DaxCondensed-Regular.woff2') format('woff2'),
        url('assets/fonts/DaxCondensed-Regular.woff') format('woff'),
        url('assets/fonts/DaxCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DaxCondensed';
    src: url('assets/fonts/DaxCondensed-Bold.eot');
    src: url('assets/fonts/DaxCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DaxCondensed-Bold.woff2') format('woff2'),
        url('assets/fonts/DaxCondensed-Bold.woff') format('woff'),
        url('assets/fonts/DaxCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Dax';
    src: url('assets/fonts/Dax-Regular.eot');
    src: url('assets/fonts/Dax-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Dax-Regular.woff2') format('woff2'),
        url('assets/fonts/Dax-Regular.woff') format('woff'),
        url('assets/fonts/Dax-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dax';
    src: url('assets/fonts/Dax-Medium.eot');
    src: url('assets/fonts/Dax-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Dax-Medium.woff2') format('woff2'),
        url('assets/fonts/Dax-Medium.woff') format('woff'),
        url('assets/fonts/Dax-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Dax';
    src: url('assets/fonts/Dax-Bold.eot');
    src: url('assets/fonts/Dax-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Dax-Bold.woff2') format('woff2'),
        url('assets/fonts/Dax-Bold.woff') format('woff'),
        url('assets/fonts/Dax-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

:root{
	--color-primary:#0072BC;
	/*--color-secondary:#414141;*/
	--color-secondary:#8c8c8c;
	--color-gray:#E3E3E3;
}

body{ font-family: 'Dax', sans-serif; font-weight: normal; font-size: 14px; background: #FFF !important; color: #8c8c8c}
h1,h2,h3,h4{ font-family: inherit; font-weight: bold}
p{ line-height: 24px; text-align: justify}
/*p:last-of-type{ margin-bottom: 0}*/

/*@media (min-width: 1200px){
	.container {  max-width: 1280px;}
}*/
.blue_text{ color: var(--color-primary)}


#header{ position: absolute;  width: 100%;}
#header .container{ position: relative;}
.masthead-brand{ max-width: 260px; padding: 20px 50px; background: #FFF; position: absolute; left: 0px; top: 0px; z-index: 100;}
#fullpage{ background: #000;}
.brown_text, .text-brown{ color: #0072BC !important;}
.green_text, .text-green{ color: #908C13 !important;}
.red_text, .text-red{ color: #D10A0A !important;}
p.lead a{ font-size: 12px;}
.site-header { -webkit-backdrop-filter: saturate(180%) blur(20px);  backdrop-filter: saturate(180%) blur(20px);}
.site-header a {  color: #999;  transition: ease-in-out color .15s;}
.site-header a:hover { color: var(--color-primary);  text-decoration: none;}
.site-header .navigation { margin: 120px 0px 0px 0px;}
.site-header .navigation li{ margin-bottom: 10px;}
.site-header .navigation li a { text-transform: uppercase; font-family: 'Noto Sans', sans-serif; font-size: 14px; display: block;}
.site-header .social{ display: block; width: 100%; margin-top: 40px;}
.site-header .social span{ color: var(--color-primary); font-size: 12px; display: block;}
/*.navbar-toggler{ position: absolute; right: 20px; top: 20px; padding: 0.5rem 2rem !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important; font-size: 1rem !important; outline: none !important;}*/
.navbar-collapse{ background:var(--color-primary); position: fixed; right: 0px; top: 40px; width: 160px; display: block; height: 1s}
.site-header .social i{ font-size: 16px; margin-right: 10px;}
.nav-masthead{ margin-top: 20px; position: relative; z-index: 101;}
.nav-masthead a { background: #0055b8 !important; color: #FFF !important; border: none !important; margin-left: 10px;}
.nav-masthead a:hover {background: var(--color-primary) !important;}
.intro_text{ padding-left: 300px !important; position: relative; z-index: 99; color: var(--color-primary);}
.intro_text .btn{ -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; color: var(--color-primary) !important; border-color:var(--color-primary) !important; text-transform: uppercase; font-family: 'Noto Sans', sans-serif; font-size: 14px; padding: 0.75rem 1.5rem; }
.intro_text .btn:hover{ color: #FFF !important;  border-color:var(--color-primary) !important; background: var(--color-primary) !important;}
#fullpage .section{ position: relative; /*background: none !important*/}
#fullpage .section .go_down{ width: 100%; padding: 15px;  position: absolute; z-index: 1001; left: 0px; bottom: 0px; border-bottom: 0px solid var(--color-primary);   -webkit-animation: mymove 2s;  -webkit-animation-iteration-count:100; animation: mymove 2s;  animation-iteration-count: 100;}
@-webkit-keyframes mymove {
  from {margin-bottom: 0px;}
  to {margin-bottom: 20px;}
}
@keyframes mymove {
  from {margin-bottom: 0px;}
  to {margin-bottom: 20px;}
}
.navbar-dark .navbar-toggler{ color: rgba(255,255,255,1) !important; border-color: rgba(255,255,255,1) !important;}



/** Default Modal **/
.modal-content{ background-clip: inherit; border: none; border-radius: 0}
.modal-header{ border-radius: 0; padding-left: 30px}
.modal-body{ padding: 30px}

@media (min-width: 992px){
	.modal-lg, .modal-xl { max-width: 800px}
}
@media (min-width: 1200px){
	.modal-xl { max-width: 1140px}
}

/**/
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff; background-color: var(--color-primary); border-color: var(--color-primary)
}


/***
	Header _________
**/
#site_header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 9999}

.navbar-brand{ position: absolute; display: block; left: 40px; top: 20px; margin-right: 0; z-index: 100; max-width: 55px}
body.home .navbar-brand{ left: 50%; transform: translateX(-50%); max-width: 150px}

/**/
.left-nav{ position: absolute; top: 44px; left: 120px; z-index: 100; width: calc(100% - 120px)}
body.home .left-nav{ left: 40px}
.left-nav ul.lang-btn{ margin: 0; padding: 0; list-style: none; display: none !important}
.left-nav ul.lang-btn li{ display: inline-block; margin-right: 8px}
.left-nav ul.lang-btn li a{ color: #fff; text-decoration: none !important; position: relative}
.left-nav ul.lang-btn li.current a:after{ content: ''; position: absolute; bottom: -3px; left: 0; width: 12px; height: 1px; background: #fff}
.left-nav a.search-btn{ margin-left: 0px; /*display: none;*/ text-decoration: none}
.left-nav a.search-btn img{ max-width: 15px}

.left-nav .title{ margin: 0; margin-left: 5.3%; display: inline-block}
body.home .left-nav .title{ display: none}
.left-nav .title img{ max-width: 130px}

/**/
.main-menu-toggler{ color: #fff; border: 1px solid; background: none; position: absolute; right: 40px; top: 35px; z-index: 1000; cursor: pointer; padding: 0.5rem 1.5rem; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; outline: none !important; width: 150px; display: flex; justify-content: space-between; align-items: center}
.main-menu-toggler:hover{ background: rgba(0, 0, 0, 0.15);}
.main-menu-toggler span.label{ font-size: 14px; line-height: 14px; margin-top: 3px}
.main-menu-toggler span.label:after{ content: 'Main Menu'; transition: all .4s; transition: opacity 1s ease 0s;}
.main-menu-toggler span.menu-icon{ position: relative; display: inline-block; width: auto; margin: 0; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}
.main-menu-toggler .menu-icon i.bar{ display: block; width: 22px; height: 0.06rem; background: #fff; margin: 5px auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}
.main-menu-toggler .menu-icon i.bar.top{}
.main-menu-toggler .menu-icon i.bar.mid{ margin: 0 auto;}
.main-menu-toggler .menu-icon i.bar.btm{}
/*active*/
.main-menu-toggler.slidenav-active{ position: fixed}
.main-menu-toggler.slidenav-active span.label:after{ content: 'Exit Menu'; transition: all .4s; opacity: 1;}
.main-menu-toggler.slidenav-active .menu-icon i.bar.top { -webkit-transform: rotate(-45deg) translate(0px, 9px); transform: rotate(-45deg) translate(0px, 9px)}
.main-menu-toggler.slidenav-active .menu-icon i.bar.mid { opacity: 0;}
.main-menu-toggler.slidenav-active .menu-icon i.bar.btm { -webkit-transform: rotate(45deg) translate(1px, -9px); transform: rotate(45deg) translate(1px, -9px)}

/*SlideMenu*/
.sidenav { height: 100%; width: 420px; position: fixed; z-index: 999; top: 0; right: -420px; background-color: rgba(0,114,188,0.90); overflow-x: hidden; padding-top: 10%; transition: 0.5s}
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 22px; color: #818181; display: block; transition: 0.3s}
.sidenav a:hover { color: #f1f1f1}
.sidenav.slidenav-active{ right: 0}
/*.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.sidenav .closebtn i{ color: #FFF;}*/
.sidenav .nav-container{ width: 100%; max-width: 300px; height: 100%; margin-left: auto; position: relative}
.sidenav .nav-container .primary-nav{ position: relative; padding-top: 30%}
.sidenav .nav-container .primary-nav:before{ content: 'MENU'; position: absolute; top: -11px; left: 0; color: #fff; font-size: 16px; letter-spacing: 2px}
.sidenav .nav-container .primary-nav:after{ content: ''; position: absolute; top: 0; left: 65px; width: 25px; height: 1px; background: #fff}
.sidenav .nav-container .social-nav{ margin-top: 10%; margin-left: 2px}
.sidenav .nav-container .social-nav ul{ margin: 0; padding: 0}
.sidenav .nav-container .social-nav ul li{ margin-right: 15px; padding-left: 0}
.sidenav .nav-container .social-nav ul li a{ padding: 0; color: #fff; font-size: 22px}

.primary-nav ul.main-menu{ margin: 0; padding: 0}
.primary-nav ul.main-menu li{ list-style: none}
.primary-nav ul.main-menu a{ color: #FFF; padding: 10px 20px 10px 0px; display: inline-block}
.primary-nav ul.main-menu a:hover,
.primary-nav ul.main-menu .current-menu-item  a {background: #194A7C; text-decoration: none}


/* Business Streams */
#site_header.subpage-bs{ position: relative; padding-top: 100px; border-bottom: 1px solid var(--color-gray)}
#site_header.subpage-bs .left-nav ul.lang-btn li a{ color: var(--color-secondary)}
#site_header.subpage-bs .left-nav ul.lang-btn li.current a:after{ background: var(--color-secondary)}
#site_header.subpage-bs .main-menu-toggler{ color: var(--color-secondary)}
#site_header.subpage-bs .main-menu-toggler .menu-icon i.bar{ background: var(--color-secondary)}
#site_header.subpage-bs .main-menu-toggler.slidenav-active{ color: #fff}
#site_header.subpage-bs .main-menu-toggler.slidenav-active .menu-icon i.bar{ background: #fff}



/*** Index Container ***/

/*ReadMoreLink*/
a.readmore_link{ position: relative; text-transform: uppercase; font-size: 8px; font-weight: 500; letter-spacing: 2px; border-bottom: 1px solid; border-color: rgba(0, 114, 188, 0.35); padding-bottom: 4px; text-decoration: none !important; color: #7E7E7E}
a.readmore_link:hover{ }
a.readmore_link:before { content: ""; position: absolute; width: 100%!important; height: 1px!important; bottom: -1px!important; left: 0!important; background: var(--color-primary); border-radius: 5px; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -sand-transform: scaleX(0); transform: scaleX(0); transition: .2s linear; top: auto}
a.readmore_link:hover:before, a.readmore-link:focus:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -sand-transform: scaleX(1); transform: scaleX(1)}

a.readmore_link.right_arrow{ padding-right: 14px}
a.readmore_link.right_arrow:after{ content: ''; background-image: url(assets/images/right_arrow_gray_2.png); background-repeat: no-repeat; background-size: contain; background-position: 3px -1px; width: 14px; height: 14px; position: absolute; top: 0; right: 0px}

a.readmore_link.down_arrow{}
a.readmore_link.down_arrow:after{ content: ''; background-image: url(assets/images/down_arrow_1x_2.png); background-repeat: no-repeat; background-size: contain; background-position: 3px -1px; width: 14px; height: 14px; position: absolute; top: 0; right: 0px}

a.readmore_link.text_dark_gray{ border-color: rgb(65, 65, 65, 0.35)}
a.readmore_link.text_dark_gray:hover{ color: rgb(65, 65, 65)}
a.readmore_link.text_dark_gray:before{ background: rgb(65, 65, 65)}

a.readmore_link.center{ display: table; margin: auto; padding-bottom: 1px}

/***/
a.readmore_link.down_arrow_2 i{ display: inline-block; font-style: normal; background-repeat: no-repeat; background-size: contain; background-position: 0px 3px; width: 14px; height: 14px}
a.readmore_link.down_arrow_2 i.arrow-down{ background-image: url(assets/images/down_arrow_gray.png)}
a.readmore_link.down_arrow_2 i.arrow-up{ background-image: url(assets/images/up_arrow_gray.png)}



/* Index Slider **/
#fullpage.index-slider{ background: var(--color-primary); max-height: 100vh; overflow: hidden}
#fullpage .slide{ color: #FFF; text-align: center; background-size: 100% auto; background-color: var(--color-primary); background-repeat: no-repeat; height: 100vh}
#fullpage .slide_1{}
#fullpage .slide_2{background-image: url(assets/images/slider/1.jpg);}
#fullpage .slide_3{background-image: url(assets/images/slider/2.jpg);}
#fullpage .slide_4{background-image: url(assets/images/slider/7.jpg);}
#fullpage .slide_5{background-image: url(assets/images/slider/4.jpg);}

/*#fullpage .slide p{ display: inline-block; max-width: 600px; padding: 0px 40px;}*/
.fp-slidesNav.bottom{ bottom: 200px !important;}
.fp-slidesNav ul li a span{background: #FFF !important;}
/**/
.index-slider .slide .caption-block{ max-width: 700px; margin: auto; opacity: 0; transform: translateY(100px); transition: all .5s}
.index-slider .slide.active .caption-block{ opacity: 1; transform: translateY(0)}
.index-slider .slide .caption-block h1{ font-size: 60px; letter-spacing: 1px; margin-bottom: 15px; font-family: inherit; font-weight: normal}
.index-slider .slide .caption-block p{ display: inline-block; padding: 0; max-width: 500px; font-size: 13px; line-height: 28px; text-align: center}

#first_intro{background: var(--color-primary); padding-top: 40px; padding-bottom: 22px}
#first_intro, #first_intro a { color: #FFF;}
#first_intro .title img{ max-width: 250px; }
#first_intro .description{ max-width: 710px; padding: 20px 40px; display: inline-block; line-height: 28px; font-size: 13px}
#first_intro a.readmore_link{ text-transform: uppercase; font-size: 8px; letter-spacing: 2px; color: #fff; border-color: rgba(255, 255, 255, 0.25)}
#first_intro a.readmore_link:before{ background: #fff}

#fullpage .section .go_down img{ max-width:9px; height: auto;}


#topbar{ text-align: center;}
a#logo{ max-width: 120px !important; width: 120px; }


/** Section **/
.section-title{ text-transform: uppercase; position: relative; padding-bottom: 10px; margin-bottom: 20px; color:var(--color-primary); font-size: 15px; letter-spacing: 2px; font-weight: 500}
.section-title::after{ content: ""; width: 20px; height: 1px; background: var(--color-primary); position: absolute; left: 50%; margin-left: -10px; bottom: 0px;}


/** Business Streams Section **/
.bs-container{ margin-top: 60px}
.bs-container .custom-container{ padding-left: 2%; padding-right: 2%}
.bs-container .section-title{ color: var(--color-secondary)}

/*Filter Nav*/
.filter-nav{ border: 1px solid #DBE4ED; height: 36px; display: table; margin: 20px auto; border-radius: 50px}
.filter_buttons{ align-items: center; height: 100%}
.filter_buttons .title{ font-size: 10px; text-transform: initial; border-right: 1px solid #DBE4ED; padding: 0 20px; line-height: 36px; letter-spacing: 1px}
.filter_buttons .nav-item{ padding-left: 20px; padding-right: 20px; text-transform: uppercase; line-height: 36px; font-size: 10px; letter-spacing: 2px; position: relative; text-decoration: none !important}
.filter_buttons .nav-item:hover,
.filter_buttons .nav-item.active {color: var(--color-primary);}
.filter_buttons .nav-item.active:after{ content: ''; position: absolute; bottom: 11px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background: var(--color-primary)}

/*Brand List*/
.brand_listing{ }
.brand_listing .column{ padding-left: 30px; padding-right: 30px}
.brand_listing .column{ background: #FFFFFF; position: relative;}
.brand_listing .column .inner-col{ border-top: 1px solid #E3E3E3; padding: 20px; position: relative; width: 100%; height: 130px; display: flex; align-items: center}
.brand_listing .column .inner-col:before { content: ""; position: absolute; width: 100%!important; height: 1px!important; top: -1px!important; left: 0!important; background: var(--color-primary); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -sand-transform: scaleX(0); transform: scaleX(0); transition: .2s linear;}
.brand_listing .column .inner-col:hover:before, a.readmore-link:focus:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -sand-transform: scaleX(1); transform: scaleX(1)}

.brand_listing .column .image{ width: 135px}
.brand_listing .column .image img{}
.brand_listing .column .heading{ float: right; margin: 0px 30px; margin-top: 5px; width: calc(100% - 180px)}
.brand_listing .column .heading .title{ font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; color: #333}
.brand_listing .column .heading .desc{ font-size: 12px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.brand_listing .column .heading p{ margin: 0; display: none}
.brand_listing .column .heading p:first-of-type{ display: block}
.brand_listing .column .inner-col:hover .heading{ color: var(--color-primary)}
.brand_listing .column .arrow{ float: right; width: 40px; height: auto; position: absolute; right: 0px; top:50%; transform: translateY(-50%);}
.brand_listing .column a.post_link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}

/*Brand logo Gallery*/
.brands_gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px}
.brands_gallery .item{ margin: 10px 0; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; height: 80px}
@media(max-width: 992px){
	.brands_gallery .item{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%}
}
@media(max-width: 520px){
	.brands_gallery .item{-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%}
}
.brands_gallery .item a{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%}
.brands_gallery .item img { filter: grayscale(1) opacity(.85); -webkit-filter: grayscale(1) opacity(.85); -webkit-transition: all .3s ease-in-out; max-width: 100px; max-height: 60px; width: 100%; object-fit: contain}
.brands_gallery .item:hover img { filter: none; filter: none; -webkit-filter: none}
@media(max-width: 520px){
	.brands_gallery .item img {max-width: 80px; max-height: 50px}
}

/**/
.serach-brand{margin-bottom: 32px}
#myInput,.search-tag{max-width: 25%; margin:auto;border-radius: 0;color: #000;font-size: 13px;margin-bottom: 4px;}
.btn-filter.active{color: #0072bc}
.search-tag{color: #0072bc !important;}
#myInput::placeholder{text-transform: uppercase; color:#000; font-size: 11px;font-weight: 500}
.alpha-search{border: none;}
.search-field{padding: .675rem .75rem;}
.btn-filter{background: none}

/**Statitics**/
.statitics ul{ display: flex; margin: 0; padding: 0}
.statitics ul li{ list-style: none; width: 33.33%; float: left; padding: 0px; margin: 0px}
.statitics ul li img{ max-width: 60px; height: auto; margin-bottom: 15px; display: none}
.statitics ul li h2,
.statitics ul li p{ margin-bottom: 0px; padding-bottom: 0px; width: 100%; display: block}
.statitics ul li h2{ font-size: 40px; font-weight: normal; display: inline; width: auto}
.statitics ul li h2.plus{ font-size: 24px; font-family: initial; margin-left: 2px}
.statitics ul li p{ font-size: 16px; margin: 10px 0 0; max-width: 120px; text-align: center}
.statitics ul li .round { width: 120px; height: 120px; border: 4px solid; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative}
.statitics ul li .round .number{ display: flex; align-items: center}
/* Loading Circle */
.ball { position: absolute; top: -4px; left: -4px; background-color: none; border:4px solid rgb(0, 114, 188); opacity:1; border-top:4px solid rgba(192,192,192); border-left:4px solid rgba(192,192,192); border-radius: 50%; /*box-shadow: 0 0 10px #2187e7;*/ width:120px; height:120px; margin:0 auto; -moz-animation: spin 7s infinite linear; -webkit-animation: spin 7s infinite linear}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}


/** About Company **/
.about-company-con{ background: #EFF4F8; padding: 60px 0 50px; position: relative}
.about-company-con .custom-row{ align-items: center; justify-content: center}
/**/
.about-company-con .caption h1{ color: var(--color-primary); font-size: 35px; font-weight: normal; line-height: 40px; text-transform: uppercase}
.about-company-con .caption p{ margin-bottom: 0; font-size: 13px}


/** Our Offices Map **/
.our-offices-con{ position: relative;}
.our-offices-con .section-title{ position: absolute; top: 40px; left: 50%; transform: translateX(-50%); z-index: 100; color: #fff}
.our-offices-con .section-title::after{ background: #fff}
.our-offices-con .map{ position: relative; z-index: 50}
.our-offices-con .map img{ width: 100%;}


/*Owl Nav*/
.owl-carousel .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: -1}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{ background-repeat: no-repeat !important; background-size: contain !important; width: 40px; height: 40px;}
.owl-carousel .owl-nav button.owl-next{ background-image: url(assets/images/right-arrow-blue.png); float: right}
.owl-carousel .owl-nav button.owl-prev{ background-image: url(assets/images/left-arrow-blue.png); float: left}
.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled{ opacity: 0.6}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span{ font-size: 0}

.owl-dots { text-align: center;}
.owl-dots .owl-dot{ width: 12px; height: 12px; background: #FFF !important; display: inline-block; margin: 0px 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none;}
.owl-dots .owl-dot.active{ opacity: 0.5;}


/** Latest News **/
.latest-news-con{ padding-top: 50px}
.latest-news-con{}
#news_carousel{ margin: 40px 0px; width: calc(100% - 65px)}
#news_carousel .single_item .img_wrapper img{ width: 100%; height: 140px; object-fit: cover}
#news_carousel .single_item .row{ align-items: center}
/*#news_carousel span.text{ padding:0px; background: #FFF; display: block; width: 100% !important;}
#news_carousel span.text span { display:inline-block; width: 80%;}
#news_carousel span.text  img{display:inline-block; width: 15% !important; height: auto !important;}*/

#news_carousel .single_item .text .date{ display: block; width: 100%; padding-bottom: 10px; color: var(--color-secondary); font-size: 9px}
#news_carousel .single_item .text h5{ display: block; width: 100%; padding-bottom: 0px; color: var(--color-primary); line-height: 25px; font-size: 16px; font-weight: normal}
#news_carousel .single_item .text h5 a{ color: var(--color-primary); text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 25px; font-size: 16px}
#news_carousel .single_item .read_more{ display: inline-block; padding: 8px 15px; color: var(--color-secondary); font-size: 8px; font-weight: 500; border: 1px solid #DBE4ED; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transition: color 0.2s ,background 1s, border 1s; text-transform: uppercase; letter-spacing: 2px} 
#news_carousel .single_item .read_more:hover{color: #FFF; background: var(--color-primary); border: 1px solid  var(--color-primary);text-decoration: none; }

#news_carousel .owl-stage-outer{ /*width: calc(100% - 80px)*/}
#news_carousel .owl-nav{ width:  45px; position: absolute; top: 55px; right: -65px;}
#news_carousel .owl-nav button{ display: block; margin-bottom: 8px}
#news_carousel .owl-nav .owl-prev,
#news_carousel .owl-nav .owl-next{ width: 45px; height: 45px; background-size: contain}
#news_carousel .owl-nav .owl-prev{ background: url(assets/images/left-arrow-blue.png) 50% 0% no-repeat}
#news_carousel .owl-nav .owl-next{ background: url(assets/images/right-arrow-blue.png) 50% 0% no-repeat}




/*** Footer **/
#footer{ color: #7E7E7E; text-transform: uppercase; font-size: 10px; font-weight: 500; letter-spacing: 2px; padding-bottom: 30px}
#footer .custom-container{ border-top: 1px solid #DBE4ED; padding-top: 60px}
#footer .copy-rights{ color: var(--color-secondary); letter-spacing: normal; font-size: 12px}

#footer .links ul{ margin-top: 18px}
#footer .links li{ list-style: none; padding: 0px 0px 10px 0px; margin: 0px 10px;}
#footer .links li a{ color: inherit}
#footer .share-horizontal li{ display: inline-block; padding-left: 0px; padding-right: 10px; font-size: 15px}

#subscribe form{ display: block; width: 100%; position: relative}
#subscribe form input[type="email"]{ border: 1px solid #E5E5E5; width: 100% !important; float: left; padding: 10px; font-weight: normal; margin-bottom: 8px}
#subscribe form input[type="submit"]{ width: 32px; height: 32px; background: url(assets/images/right-arrow.png) 50% 50% no-repeat; border: none; background-size: contain; position: absolute; right: 5px; top: 5px; text-indent: -999px; overflow: hidden; cursor: pointer}


#outlet_carousel .owl-dots{ display: none !important;}
#outlets_info .text_container{ padding: 30px !important; text-align: justify;}
.single_outlet_intro{ margin-top: 60px !important; margin-bottom: 160px !important;}

#events_carousel{ margin: 0px 0px 0px 40px;}
#events_carousel span.text{ padding:15px; background: #FFF; display: block; float:right; width: 80% !important; color: var(--color-secondary);}
#events_carousel span.text strong{ font-weight: bold; font-size: 16px; color: var(--color-primary); display: block; padding-bottom: 10px;}
#events_carousel .owl-nav { display: none !important;}
footer .col-6{ color: #FFF !important;}

/*
 * Extra utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}


.overflow-hidden { overflow: hidden; }
.inside_intro{font-family: inherit !important;}
.text-normal{ font-weight: 100 !important;}
.team_slider{ padding: 40px 0px 60px 0px;}
.team_slider .single_item .text{ padding: 15px; display: block; }
.team_slider .single_item a:hover {text-decoration: none !important;}
.team_slider .single_item a:hover .text{color: #FFF; text-decoration: none !important; background: var(--color-primary);}
 .wp-post-image{ max-width: 100%; height: auto;}
.single_news_l{ margin-bottom: 40px;}
.single_news_l .date{ font-size: 80%; color: var(--color-secondary); border-bottom: 1px dotted var(--color-secondary)}
.single_news_l h4{ margin: 20px 0px;   } 
.single_news_l a:hover{ text-decoration: none;}
.post_data .wp-post-image { margin-bottom: 20px;}
.related_news a{ text-decoration: none !important;}
.related_news .date{ text-decoration: underline !important; color: #CCC; font-size: 14px;}
.related_news h4{ font-size: 25px !important; margin-top: 20px;}
.pale_yellow_bg { background: rgba(242,237,234,0.50);}
.pale_grey_bg { background: rgba(110,110,10,0.10);}
.event_header_meta{ left: 0px; bottom: 40px;}
.social_contact{ margin: 0px; padding: 0px; list-style: none;}
.social_contact li{ display: inline-block; list-style: none; font-size: 24px;}
.social_contact li a{ width: 24px;  height: 20px; padding: 15px 20px; border: 1px solid #CCC; -webkit-border-radius: 40px; -moz-border-radius:40px; border-radius: 40px; color: var(--color-secondary); transition: background-color 1s ease; transition: color 0.8s ease; }
.social_contact li a:hover{ color: #FFF; background:var(--color-primary); border: 1px solid var(--color-primary);}
.contact_footer_row a { color: var(--color-secondary); text-decoration: underline; font-size: 14px;}
.contact_footer_row strong { height: 40px; display: block;}
.footer_nav a{ font-size: 14px; color: #FFF !important; text-transform: uppercase; transition: background-color 0.8s ease; }
.footer_nav .nav-item a:hover { text-decoration: none; background: var(--color-primary);}
.normal_newsl img{ margin-bottom: 15px;}
.owl-dots{ margin-top: 15px;}
img.size-full{ width: 100%; max-width: 100%; height: auto;}
.navbar{ display: none;}



/*.progress_stats{ list-style: none; padding: 0px; margin: 0px; display: block; text-align: left; margin-left: -7px; margin-right: -7px}
.progress_stats li{ display: flex; align-items: center; width: calc(20% - 14px); height: 150px; background: #fff; margin: 0px 7px; padding: 0px; float: left; font-size: 1.2rem; position: relative}
.progress_stats li .text { padding: 20px 25px; float: left; width: 100%; color: #666; position: relative; font-size: 15px; line-height: 22px}
.progress_stats li .text span{ font-size: 40px; font-weight: 500; color: var(--color-primary); display: block; line-height: 120%;}
.progress_stats li .text i.text-blue{ font-style: normal; color: var(--color-primary)}
.progress_stats li div img{ position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 25px; max-width: 100px}
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}*/

.progress-list{ list-style: none; padding: 0px; margin: 0px; display: block; text-align: left; margin-left: -7px; margin-right: -7px}
.progress-list li{ display: flex; align-items: center; width: calc(20% - 14px); height: 120px; /*background: #fff;*/ margin: 0px 7px; padding: 0px; float: left; position: relative}
.progress-list li:before{ content: ''; position: absolute; top: 18px; right: 0; width: 1px; height: 80px; background: #e0dfdf}
.progress-list li:last-of-type:before{ display: none}
.progress-list li .progress-block{ display: table; margin: auto; padding: 5px 25px; color: #666; position: relative; font-size: 15px}
.progress-list li .progress-block .number{ color: var(--color-primary); display: inline-flex; line-height: 40px}
.progress-list li .progress-block .number .counter{ font-size: 50px; font-weight: normal; display: inline; width: auto;}
.progress-list li .progress-block .number .plus{ font-size: 35px; font-family: initial; margin-left: 5px}
.progress-list li .progress-block .text{ font-size: 15px; margin-left: 3px; margin-top: 10px} 

 
/*[class*="col-"] { padding-top: 15px;  padding-bottom: 15px;}*/
.text-blue{ color:var(--color-primary) !important;}
.link-blue{ color:var(--color-primary) !important;}
.text-black{ color:var(--color-secondary) !important;}
.bulleted_list{ padding: 0px; margin: 0px; list-style: none;}
.bulleted_list li{ width: 45%; display: inline-flex; padding: 0px 0px 0px 30px; margin: 0px 0px 10px 0px; line-height: 24px; background: url(assets/images/right_arrow_blue_2.png) 0 0 no-repeat; background-size: 24px; }


a.back{ position:relative; display:inline-block; padding-left: 35px; color: var(--color-secondary); }
a.back:after{ position:absolute; left: -15px; display:inline-block; content: ""; width: 43px; height: 22px; background:url(assets/images/arrow-left.png) no-repeat; background-size: 80% auto; background-position: left center;}
a.back:hover{ text-decoration: none; color: var(--color-primary);}

.share-horizontal{ list-style: none; padding: 0px; margin: 0px;}
.share-horizontal li{ display: inline-block; padding-left: 10px; color: var(--color-secondary);}
.share-horizontal li a{  color: var(--color-secondary);} 




.button{ text-align: center; padding: 10px 30px; color: #fff !important; background: var(--color-primary); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; text-decoration: none; transition: background 1s ease;}
.button:hover{text-decoration: none;background: var(--color-secondary); }
.button-black{ background: var(--color-secondary);}
.button-black:hover{ background: var(--color-primary);}
.close{ font-size: 1rem !important;}
ul#Branches{ border-bottom: none !important; margin-bottom: 20px;}
ul#Branches a{border: none !important; border-top-left-radius: 0rem !important; border-top-right-radius:0rem !important; color: var(--color-secondary);}
ul#Branches .nav-link.active{ border: none !important;background: var(--color-primary); color: #FFF; }
.bs-select{ width: 100% !important;}



#outlet_carousel{ position: relative; }
#outlet_carousel 
#outlet_carousel .owl-nav .owl-prev{ float: left; width: 32px; height: 32px; background: url(assets/images/right-arrow_blue.png) 50% 0% no-repeat; background-size: contain; moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); text-indent: -9999px; overflow: hidden; margin-left: -36px;}
#outlet_carousel .owl-nav .owl-next{ float: right;width: 32px; height: 32px; background: url(assets/images/right-arrow_blue.png) 50% 0% no-repeat; background-size: contain;text-indent: -9999px; overflow: hidden; margin-right: -36px;}
.owl-nav .owl-next, .owl-nav .owl-prev{outline: none !important;}

.banner_carousel{ position: relative; background: #fff}
.banner_carousel .owl-dots{ position: absolute; right: 20px; bottom: 20px;} 
.btn.focus, .btn:focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0) !important;}
.ict-table{ width: 100%; margin-bottom: 20px;}
.ict-table td{ border-bottom: 1px solid #CCC; padding:10px; border-collapse: collapse;}
.bs_single_contact_details { position: relative;}
.bs_single_contact_details .close_bs_single{ position: absolute; right: 10px; top: 10px;}

.d_mobile{ display: none;}


/**
	Template: Business Streams
**/
.bs-main-wrap{}

.bs-main-wrap .section_1{}
.bs-main-wrap .section_1 .entry-head{ position: relative; z-index: 100}
.bs-main-wrap .section_1 .entry-head .bs-label{ text-align: center; color: #fff; padding-right: 0}
.bs-main-wrap .section_1 .entry-head .bs-label span{ display: flex; justify-content: center; align-items: center; width: 100%; height: 53px; background: var(--color-primary); padding: 16px 0; font-size: 20px}
/**/
.bs-main-wrap .section_1 .entry-head .bs-dropdown{ padding-left: 0}
.bs-dropdown .dropdown-toggle { position: relative; padding: 6px 65px 6px 15px; text-align: left; background: #FFF; border: 1px solid var(--color-gray); border-top: none; border-right: 0; height: 53px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; outline: none !important; }
.bs-dropdown .dropdown-toggle img.bs-logo{ max-height: 40px; max-width: 60px; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); display: none}
.bs-dropdown .dropdown-toggle span{ font-size: 20px; padding-top: 4px; display: block; /*margin-left: 70px;*/ color: var(--color-secondary)}
.bs-dropdown .dropdown-toggle .glyphicon { position: absolute; width: 48px; height: 54px; background: #0072BC; right: 0px; top: -1px; font-style: normal}
/**/
/*.bs-dropdown .dropdown-menu{}
.bs-dropdown .dropdown-menu>li { margin-bottom: 5px; width: 20%; float: left;}
.bs-dropdown .dropdown-menu>li a{ display: flex; padding: 5px; justify-content: center; align-items: center; flex-wrap: wrap; height: 100%; width: 100%; border: 1px solid #FFF}
.bs-dropdown .dropdown-menu>li img{ background: #FFF; padding: 5px; max-width: 100px; max-height: 80px; object-fit: contain}
.bs-dropdown .dropdown-menu>li a:hover { color: #FFF; text-decoration: none; border: 1px solid #CCC}
.bs-dropdown .dropdown-menu>li a:hover img{ }
.bs-dropdown .decsription .business_streams_logo {float: left; margin: 0px 20px 20px 0px;}*/
.bs-dropdown .dropdown-header { background: #FFF; }
.bs-dropdown .dropdown-toggle::after{ position: absolute; right: 20px; top: 50%; color: #FFF;}
/**NewListing**/
.bs-dropdown .dropdown-menu{ flex-wrap: wrap; justify-content: space-between}
.bs-dropdown .dropdown-menu.show{ display: flex}
.bs-dropdown .dropdown-menu li{ margin: 8px 0; padding-left: 40px; /*background: url(assets/images/right_arrow_blue_3.png) 0 0 no-repeat; background-size: 52px 24px; background-position: -26px 0px; transition: all .4s*/}
.bs-dropdown .dropdown-menu li:hover{ /*background-position: -26px 0px*/}
.bs-dropdown .dropdown-menu li a{ font-size: 16px; text-align: left; position: relative; border-bottom: 1px solid; border-bottom-color: transparent; text-decoration: none}
.bs-dropdown .dropdown-menu li a:hover{ color: var(--color-primary)}
.bs-dropdown .dropdown-menu li a:after{ content: ""; position: absolute; width: 100%!important; height: 1px!important; bottom: -1px!important; left: 0!important; background: #52ade7; border-radius: 5px; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0);
-o-transform: scaleX(0); -sand-transform: scaleX(0); transform: scaleX(0); transition: .2s linear; top: auto}
.bs-dropdown .dropdown-menu li a:hover:after{ -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -sand-transform: scaleX(1); transform: scaleX(1)}


/**/
.bs-main-wrap .section_1 .entry-cont{ padding: 30px 0; position: relative; z-index: 50; overflow: hidden}
.bs-main-wrap .section_1 .entry-cont .bs-logo{}
.bs-main-wrap .section_1 .entry-cont .bs-logo figure{ margin: 0; width: 100%; height: 104px; display: flex; justify-content: center; align-items: center; overflow: hidden}
.bs-main-wrap .section_1 .entry-cont .bs-logo figure img{ max-width: 100%; height: auto; max-height: 110px}
.bs-main-wrap .section_1 .entry-cont .intro-text .inner-col{ position: relative}
.bs-main-wrap .section_1 .entry-cont .intro-text .first-col,
.bs-main-wrap .section_1 .entry-cont .intro-text .second-col{ height: 104px; overflow: hidden}
.bs-main-wrap .section_1 .entry-cont .intro-text p{ margin-bottom: 0; line-height: 26px}
.bs-main-wrap .section_1 .entry-cont .intro-text ul{ padding-left: 16px}
.bs-main-wrap .section_1 .entry-cont .intro-text .visit-btn{ text-align: right}
/*Umbrella Text Expand*/
.bs-main-wrap .section_1 .entry-cont .intro-text.enable_readmore .bottom_btns_row .btns_col{ display: flex; justify-content: space-between}
.bs-main-wrap .section_1 .entry-cont .intro-text .umbrella_expand_row{ max-height: 104px; overflow: hidden}
.bs-main-wrap .section_1 .entry-cont .intro-text .umbrella_expand_row .first-col,
.bs-main-wrap .section_1 .entry-cont .intro-text .umbrella_expand_row .second-col{ height: auto; overflow:auto}


/*.bs-main-wrap .section_1 .intro-text .intro-text{ height: 173px}
.bs-main-wrap .section_1 .intro-text .button.site-btn{ display: inline-block; padding: 7px 30px;}
.bs-main-wrap .section_1 .intro-text.col-expand .button.site-btn{ transition: .2s; opacity: 1; margin-bottom: 20px}
.bs-main-wrap .section_1 .intro-text .btm-gradient{ background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(0,0,0,0) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; z-index: 10}
.hide { display: none}
.bs-main-wrap .section_1 .expand-btns{ position: relative; text-align: right; z-index: 50; margin-top: -27px}
.bs-main-wrap .section_1 .col-expand .expand-btns{ margin-top: 0px}
.expand-btns .button{ padding: 5px 15px; font-size: 12px; outline: none; border: none; cursor: pointer}
.expand-btns .button i{ display: inline-block; font-style: normal; background-repeat: no-repeat; background-size: contain; background-position: 0px 3px; width: 14px; height: 14px}
.expand-btns .button i.arrow-down{ background-image: url(assets/images/down_arrow_white.png)}
.expand-btns .button i.arrow-up{ background-image: url(assets/images/up_arrow_white.png)}*/

/*Section 2*/
.bs-main-wrap .section_2.bs-subsidiaries{ position: relative; background: var(--color-gray); padding-top: 20px; padding-bottom: 50px}
.section_2 .tab-content.bs_details { }
.section_2 .bs_details .decsription{ width: 100%; background: #FFF; padding: 2rem 2.5rem 3rem; margin-bottom: 5px; position: relative}
.section_2 .bs_details .decsription ul{ padding-left: 15px}
.section_2 .bs_details .decsription span.sector-logo{ float: left; display: inline-flex; align-items: center; justify-content: center; width: 170px; height: 96px; margin-right: 2.5rem; margin-bottom: 20px}
.section_2 .bs_details .decsription span.sector-logo img{ max-width: 130px; max-height: 96px}
.section_2 .bs_details .decsription .visit-btn{ position: absolute; bottom: 13px; left: 2.5rem}
.section_2 .bs_details .decsription.col-expand .visit-btn{ visibility: visible !important}

/**/
.expand-content .inner-col{ overflow: hidden}
.expand-content .inner-col .col-height{ display: inline-block}
.expand-content .inner-col .button.site-btn{ display: inline-block; padding: 7px 30px;}
.expand-content.col-expand .button.site-btn{ transition: .2s; opacity: 1; margin-bottom: 20px}
.expand-content .btm-gradient{ background: linear-gradient(0deg, rgb(255, 255, 255) 75%, rgba(0,0,0,0) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; z-index: 10; display: none}
.expand-content.col-expand .btm-gradient{ height: 40px}
.hide { display: none}
.expand-content .expand-btns{ position: relative; text-align: right; z-index: 50; margin-top: 0px; bottom: -10px; float: right}
.expand-content.col-expand .expand-btns{ margin-top: 0px}
.expand-content .expand-btns a i{ display: inline-block; font-style: normal; background-repeat: no-repeat; background-size: contain; background-position: 0px 3px; width: 14px; height: 14px}
.expand-content .expand-btns a i.arrow-down{ background-image: url(assets/images/down_arrow_gray.png)}
.expand-content .expand-btns a i.arrow-up{ background-image: url(assets/images/up_arrow_gray.png)}

/**/
/*.section_2 .bs_details .contact-details{ float: right; width: 50%}
.section_2 .bs_details .contact-details .single-row{ margin-bottom: 8px}
.section_2 .bs_details .contact-details .single-row:last-of-type{ margin-bottom: 0}
.section_2 .bs_details .contact-details .title-block{ display: flex; justify-content: space-between}
.section_2 .bs_details .contact-details .title-block .location-name{ font-weight: 500}
.section_2 .bs_details .contact-details .title-block .view-btn a{ }
.section_2 .bs_details .contact-details .details-block{ padding: 25px; border: 1px solid rgb(204, 204, 204); margin-top: 25px; display: none}*/

/**/
.section_2 .bs_details .contact-details-btn{ position: relative; z-index: 50; float: left; bottom: -5px}
.section_2 .bs_details .contact-details{ background: #fff; padding: 2rem; margin-bottom: 5px}
.section_2 .bs_details .contact-details p:last-of-type{ margin-bottom: 0}
.section_2 .bs_details .contact-details a.close{ position: relative; z-index: 50}
/*Contact Details Model*/
.bs-main-wrap .modal .cd-list{}
.bs-main-wrap .modal .cd-list .cd-block{ flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px}
.bs-main-wrap .modal .cd-list .cd-block .inner{ border: 1px solid #f3f3f3; height: 100%; padding: 20px; background: #fbfbfb}
.bs-main-wrap .modal .cd-list .cd-block .division-name{ font-size: 16px; font-weight: 500; color: var(--color-primary); margin-bottom: 6px}
.bs-main-wrap .modal .cd-list .cd-block .location-name{ }
.bs-main-wrap .modal .cd-list .cd-block .location-address p{}
.bs-main-wrap .modal .cd-list .cd-block .location-map{}
.bs-main-wrap .modal .cd-list .cd-block .location-map a{}


/**/
.section_2 .bs_details .banner_carousel .owl-item{ width: 100%; /*max-height: 340px;*/ overflow: hidden}
.section_2 .bs_details.tab-full .banner_carousel .owl-item{ width: 100%; max-height: 480px; overflow: hidden}
.section_2 .bs_details .banner_carousel .owl-item img{ width: 100%; height: 100%; object-fit: cover}

/**/
.bs-main-wrap .section_2.bs-subsidiaries.mono-brands{ background: #EFF4F8; padding-top: 0}

/**/
.bs-main-wrap .mono-brands-list ul{ margin: 0; padding-left: 0; margin-right: -5px; margin-left: -5px}
.bs-main-wrap .mono-brands-list ul li{ list-style: none; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; height: 80px}
.bs-main-wrap .mono-brands-list ul li a{ display: inline-block; width: 100%; height: 100%; border: 1px solid; border-color: #e5e5e5; padding: 10px; transition: all .3s}
.bs-main-wrap .mono-brands-list ul li a:hover{ border-color: var(--color-secondary);}
.bs-main-wrap .mono-brands-list ul li a img{ display: table; max-width: 100%; max-height: 60px; margin: auto}

/**/
.brands_sidenav ul{ display: inherit; margin: 0; padding: 0; font-size: 16px; border-bottom: none}
.brands_sidenav ul li{ float: left; width: 100%; display: inline-block !important;}
.brands_sidenav ul li a{ float: left; width: 100%; padding: 20px 30px; position: relative; transition: background 0.5s,color 0.5s ease; background: #FFF; color: var(--color-secondary); border-bottom: 1px solid #CCC;}
.brands_sidenav ul li:last-of-type a{ border-bottom: none}
.brands_sidenav ul li .active {background: var(--color-primary); color: #FFF;}
.brands_sidenav ul li a:after{ opacity: 0;transition: opacity 1s ease;}
.brands_sidenav ul li a.active:after{ display: inline-block; content: ""; background: url(assets/images/right-arrow_only_blue.png) 50% 50% no-repeat; background-size:contain;width: 22px; height: 22px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity: 1; }
.brands_sidenav ul li a:hover{background: var(--color-secondary); text-decoration: none; color: #FFF;}
/**/
.brands_sidenav .country-dropdown{ background: #FFF; display: block; padding: 15px; float: left; width: 100%;}

/*Section 3*/
.bs-main-wrap .section_3.bs-brands-gallery{ position: relative; background: #fff; padding: 30px 0}
.bs-brands-gallery .sec-title{ margin-bottom: 30px; position: relative}
.bs-brands-gallery .sec-title h5{ border-bottom: 1px solid var(--color-gray); padding-bottom: 10px; margin-bottom: 0}
.bs-brands-gallery .sec-title .cd-btn{ position: absolute; top: 0; right: 0}
.bs-brands-gallery .sec-title .cd-btn a{}

/*Section 4*/
.bs-main-wrap .section_4.bs-carousel{ position: relative; background: var(--color-primary); padding: 30px 0}
.section_4.bs-carousel .sec-title{ position: relative}
.section_4.bs-carousel .sec-title .cd-btn{ position: absolute; top: 0; right: 0}
.section_4.bs-carousel .sec-title .cd-btn a{ color: #fff}
.section_4.bs-carousel .sec-title .cd-btn a.readmore_link.text_dark_gray:before{ background: #fff}
.section_4.bs-carousel .sec-title h5{ border: none; margin-bottom: 15px}
/**/
.section_4.bs-carousel .owl-carousel { width: calc(100% - 120px); margin: auto}
.section_4.bs-carousel .owl-carousel .owl-item .single_item{ padding: 10px; height: 85px; border: 1px solid; border-color: transparent; transition: all .4s}
.section_4.bs-carousel .owl-carousel .owl-item:hover .single_item{ border-color: rgba(255, 255, 255, 0.2)}
.section_4.bs-carousel .owl-carousel .owl-item .single_item .image{ display: flex; justify-content: center; align-content: center; opacity: 0.5; transition: all .4s}
.section_4.bs-carousel .owl-carousel .owl-item:hover .single_item .image{ opacity: 1}
.section_4.bs-carousel .owl-carousel .owl-item .single_item img{ max-height: 65px; object-fit: contain; filter: grayscale(1); transition: all .4s}
.section_4.bs-carousel .owl-carousel .owl-item .single_item img:hover{ filter: grayscale(0)}
.section_4.bs-carousel .owl-carousel .owl-nav .owl-prev,
.section_4.bs-carousel .owl-carousel .owl-nav .owl-next{ width: 45px; height: 45px; background-size: contain}
.section_4.bs-carousel .owl-carousel .owl-nav .owl-prev{ background: url(assets/images/left-arrow-round-white.png) 50% 0% no-repeat; margin-left: -60px}
.section_4.bs-carousel .owl-carousel .owl-nav .owl-next{ background: url(assets/images/right-arrow-round-white.png) 50% 0% no-repeat; margin-right: -60px}

/**NewLayout**/

.bs-single-page .brands_sidenav{ position: absolute; top: 0; left: 0; z-index: 100; padding-right: 5px}
.bs-single-page .bs_details .spl_cls_bs1{ padding-right: 5px}
.bs-single-page .bs_details .spl_cls_bs1 .inner-col{ height: 100%; background: #fff}
.bs-single-page .bs_details .spl_cls_bs2{ padding-left: 0}
.bs-single-page .bs_details .spl_cls_bs3{ margin-top: 5px}
.bs-single-page .bs_details .banner_carousel{ max-height: 500px}
.bs-single-page .bs_details .banner_carousel,
.bs-single-page .bs_details .banner_carousel .owl-stage-outer,
.bs-single-page .bs_details .banner_carousel .owl-stage,
.bs-single-page .bs_details .banner_carousel .owl-item,
.bs-single-page .bs_details .banner_carousel .single_item{ height: 100%}
.bs-single-page .bs_details .banner_carousel .single_item{ background-image: url(assets/images/ajax_loader.gif); background-repeat: no-repeat; background-position: center; background-color: white; background-size: 32px 32px}
.bs-single-page .bs_details .decsription span.sector-logo{ width: 30%}
/**/
.bs-single-page .bs_details .spl_cls_bs1,
.bs-single-page .bs_details .banner_carousel .single_item img{ min-height: 500px}




/*** Subpage Wrapper ****/
.subpage-wrapper{ font-size: 14px}

.about_heading{ position: relative; overflow: hidden;}
.about_heading:before{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 27, 49, 0.2); z-index: 1; display: inline-block; content: "";}
.about_heading .inside_intro{ position: relative; z-index: 90;}
.about_heading .about_decsription{ position: relative; z-index: 100; padding-top: 18%; padding-bottom: 20px}
.about_heading .about_decsription span.parent-title{ font-size: 16px; width: 100%; padding-bottom: 5px; display: inline-block}
.about_heading .about_decsription h2.title{ margin-bottom: 50px; line-height: 40px; font-size: 30px; font-weight: 500}
.about_heading .about_decsription p.desc{ padding-right: 1.5rem; padding-left: 4rem; position: relative; /*line-height: 22px;*/ font-size: 13px}
.about_heading .about_decsription p.desc:before{ content: ''; position: absolute; top: 5px; left: 0; width: 14px; height: 37px; background: url(assets/images/long-arrow-down-white.png) no-repeat}

.about_heading .trans_half_bg{ position: relative; min-height: 70%}
.about_heading .trans_half_bg:before,
.about_heading .trans_half_bg:after{ content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: rgba(0,114,188,0.7)}
.about_heading .trans_half_bg:after{ left: -50%}

/**/
.page-header-wrapper{}
.page-header-wrapper .head-bg{ background-size: cover; background-repeat: no-repeat; position: relative; height: 450px}
.page-header-wrapper .head-bg:before{ position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height: 100%; background: rgba(0, 27, 49, 0.2); display: inline-block; content: "";}
.page-header-wrapper .head-bg .head-desc{ position: absolute; width: 100%; bottom: 20px; z-index: 50}
.page-header-wrapper .head-bg .head-desc span.parent-title{ font-size: 18px; width: 100%; padding-bottom: 5px; display: inline-block; color: #fff}
.page-header-wrapper .head-bg .head-desc h2.title{ margin-bottom: 0px; line-height: 45px; font-size: 35px; font-weight: 500; color: #fff}
/**/
.page-header-wrapper .head-title{ padding: 45px 0; background: var(--color-primary)}
.page-header-wrapper .head-title h3{ margin-bottom: 0; font-size: 35px; font-weight: normal; line-height: 45px; color: #fff}


/** About us **/
.subpage-wrapper .about-temp{}
/*.about-temp .about_heading:before{ width: 50%; height: 720px; background: rgba(0,114,188,0.7)}*/

.about-temp .section_2.who_we_are{ padding-top: 80px;  padding-bottom: 80px; background:#F8F8F8;}
.about-temp .section_2.who_we_are p{ font-size: 14px}

@media(min-width:768px){
.about-temp .section_2.who_we_are .col-a{ padding-right: 40px}
.about-temp .section_2.who_we_are .col-b{ padding-left: 40px}
}

/**/
.about-temp .section_3.vision_mission{ overflow: hidden; /*border-bottom: 2px solid #eee*/}
.about-temp .section_3.vision_mission .heading:before{ position: absolute; right: 30px; top: -200px; width: 1000px; height: 1200px; background: rgba(0,114,188,1); z-index: 1; display: inline-block; content: "";}
.about-temp .section_3.vision_mission .heading h2{ position: relative; z-index: 1000; font-weight: 500}
.about-temp .section_3.vision_mission .heading h5{ display: block; width: 100%; padding-bottom: 30px; text-transform: uppercase; color: #0072BC; font-size: 1rem;}
.about-temp .section_3.vision_mission .single-col{ padding: 50px 0}
.about-temp .section_3.vision_mission .single-col h5{ color: var(--color-primary); margin-bottom: 30px; font-size: 15px; font-weight: bold; text-transform: uppercase}
.about-temp .section_3.vision_mission .single-col.vision{ border-right: 1px solid rgba(149, 152, 154, 0.3); padding-right: 40px; font-size: 15px}
.about-temp .section_3.vision_mission .single-col.values{ padding-left: 40px; /*background: url(assets/images/sharp-bg.png) no-repeat; background-size: 80%; background-position: bottom 50px left 10px*/}
.about-temp .section_3.vision_mission .single-col.vision ul.list{ padding: 0px; margin: 0px; display: block; list-style: none; border-top: 1px solid #E2E2E2; padding-top: 18px}
.about-temp .section_3.vision_mission .single-col.vision ul.list li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E2E2E2; font-size: 14px; font-weight: 500}
.about-temp .section_3.vision_mission .single-col.vision ul.list li:last-of-type{ margin-bottom: 0}

.about-temp .section_3.vision_mission .single-col.values ul.list{ list-style: none; display: block; padding: 0px; margin: 0px; padding-top: 40px}
.about-temp .section_3.vision_mission .single-col.values ul.list li{ font-size: 17px; font-weight: normal; display: block; list-style: none; color: var(--color-secondary); margin-bottom: 24px}
.about-temp .section_3.vision_mission .single-col.values ul.list li:last-of-type{ margin-bottom: 0}

/**/
.about-temp .section_4.team_member{ background: #fff; padding: 60px 0}
.about-temp .section_4.team_member h4{color: var(--color-primary); font-size: 20px; font-weight: 500}
.about-temp .section_4.team_member h4 span{ font-size: 10px; font-weight: 500; margin-left: 10px; display: inline-block; color: #6c757d; text-transform: uppercase; letter-spacing: 3px}
.about-temp .section_4.team_member h3.content-title{ font-size: 24px; font-weight: normal}
/*.about-temp .section_4.team_member .profile-pic img{ max-height: 240px}*/
.about-temp .section_4.team_member.chairman .profile-pic{ padding-left: 80px}
.about-temp .section_4.team_member.v_chairman .profile-pic{ padding-right: 80px;text-align: right;}

/**/
.about-temp .section_5{ padding: 60px 0; background: rgba(219, 228, 237, 0.45); height: auto; display: block; border-radius: 0; font-size: inherit}
.about-temp .section_5 .title h5{ text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; font-size: 15px; font-weight: 500}

.about-temp .section_5 .statitics ul{ justify-content: space-between}
.about-temp .section_5 .statitics ul li{ width: auto}
.about-temp .section_5 .statitics ul li .round{ margin: auto}
.about-temp .section_5 .statitics ul li.decades p{ max-width: 150px}
.about-temp .section_5 .statitics ul li.decades .round{ flex-direction: column}
.about-temp .section_5 .statitics ul li.decades .top-txt{ }

/**/
.about-temp .section_6{ padding: 60px 0; background: var(--color-primary)}
.about-temp .section_6 .title{}
.about-temp .section_6 .title h5{ text-transform: uppercase; letter-spacing: 3px; margin-bottom: 30px; font-size: 15px; font-weight: 500}
.about-temp .section_6 ul.ba-list li{ margin: 8px 0; font-size: 17px; padding-left: 40px}
.about-temp .section_6 ul.ba-list li a{ color: #fff; opacity: 0.85}
.about-temp .section_6 ul.ba-list li a:hover{ opacity: 1}



/** Our Brands **/
.subpage-wrapper .our-brands-temp{}
/*.our-brands-temp .about_heading:before{ width: 50%; height: 720px; background: rgba(0,114,188,0.7)}*/
.our-brands-temp .sec_02 .col-021{ padding-right: 10%}
.our-brands-temp .sec_02 .col-022{ padding-right: 6%}
.our-brands-temp .sec_02 h3{ font-size: 30px; font-weight: 500; line-height: 40px}
.our-brands-temp .sec_02 p{ font-size: 15px; font-weight: normal; line-height: 24px}

/**/
.btm_page_link{ width: 100%; background: #F5F5F5; padding: 5% 0; margin-bottom: -1px; border-bottom: 1px solid #f5f5f5; position: relative}
.btm_page_link h4{ font-size: 30px; font-weight: normal; line-height: 40px; margin-bottom: 20px}
.btm_page_link h5{ font-size: 25px; font-weight: normal; line-height: 35px; margin-bottom: 20px}
.btm_page_link a{ }



/** News & Updates **/
.subpage-wrapper .media-temp{}
.media-temp .about_heading .about_decsription h2.title{ margin-bottom: 10px}
.media-temp .sec_02{ padding: 45px 0; background: var(--color-primary)}
.media-temp .sec_02 h3{ margin-bottom: 0; font-size: 35px; font-weight: normal; line-height: 45px}
.media-temp .sec_03{ padding: 40px 0}

.media-temp .news-list .single_item{ overflow: hidden; margin-bottom: 6%; padding-bottom: 2px}
.media-temp .news-list .single_item figure{ margin-bottom: 5px}
.media-temp .news-list .single_item figure img{ width: 100%; height: 200px; object-fit: cover}
.media-temp .news-list .single_item figcaption{}
.media-temp .news-list .single_item figcaption .text{ color: inherit; font-size: 16px; line-height: 25px}
.media-temp .news-list .single_item figcaption .text.date{ color: #818181 !important; font-size: 10px}
.media-temp .news-list .single_item.main_news figure img{ height: 350px}
.media-temp .news-list .single_item.main_news figcaption .text{ color: var(--color-primary)}
/*.media-temp .news-list .single_item.main_news figure{ float: right; width:60%}
.media-temp .news-list .single_item.main_news figure img{ height: 350px}
.media-temp .news-list .single_item.main_news figcaption{ width: 36%; float: left}
.media-temp .news-list .single_item.main_news figcaption .text{ font-size: 26px}*/

/**/
.media-temp .sec_newsletters{ position: relative; width: 100%; padding: 60px 0px 10px; background-color: rgba(129, 129, 129, 0.09); margin-bottom: -1px; border-bottom: 1px solid #f4f4f4}
.media-temp .sec_newsletters .col-intro{}
.media-temp .sec_newsletters .col-intro h4{ font-size: 35px; font-weight: 500; margin-bottom: 30px}

.single_newsletter { margin-bottom: 50px}
.single_newsletter h5{ color:#707070; display:block; padding: 20px 30px 0px 0px; font-size:12px;}
.single_newsletter a{ width: 98px; display: inline-block; float:right; border-bottom: 1px solid #707070; position: relative; text-decoration: none}
.single_newsletter a:hover{ border-bottom: 1px solid var(--color-primary); position: relative; text-decoration: none;}
.single_newsletter .img-fluid{ max-width:100%; width:100%; min-width:100%;}
.single_newsletter a:after{ display:inline-block; content:""; width: 28px; height: 35px; float:right; position:absolute; right:0px; bottom:0px; background: url(assets/images/download_pdf.png) 50% 50% no-repeat; background-size: 35% auto}



/** Contact us **/
.subpage-wrapper .contactus-temp{}
.contactus-temp .social-icons{ margin: 0; padding: 0; float: right}
.contactus-temp .social-icons li{ display: inline-block; padding-left: 10px}
.contactus-temp .social-icons li a{ border: 1px solid #eaeaea; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; text-decoration: none}

.contactus-temp .col-address{ font-size: 18px}
.contactus-temp .map-row{ margin-top: 5%}

/*contact details tap*/
.contacts-taps{ }
.contacts-taps .nav-tabs{}
.contacts-taps .nav-tabs li{ margin-bottom: -2px}
.contacts-taps .nav-tabs li a{ border-color: #e9ecef; border-radius: 0; font-size: 16px}
.contacts-taps .nav-tabs li a:hover{ color: var(--color-primary)}
.contacts-taps .nav-tabs li a.active{ border-color: var(--color-primary); background: var(--color-primary); color: #FFF}
.contacts-taps .tab-content{ padding: 22px 0px}
.contacts-taps .tab-content .tab-pane{}
.contacts-taps .tab-content .tab-pane.active{}
.hq-address{ font-size: 16px}
.address-list{}
.address-list .item{ margin-bottom: 30px}
.address-list .item .inner-item{ border: 1px solid #e5e5e5; height: 100%}
.address-list .item .title{ font-size: 16px; background: #0172bc; padding: 0px 20px; color: #fff; font-weight: 400; height: 50px; display: flex; align-items: center}
.address-list .item .address{ font-size: 14px; padding: 10px 20px; display: block}



/**** Post: single ****/
.subpage-wrapper.post-single{}
.post-single .inner-row{ border-bottom: 1px solid #E3E3E3; padding: 15px 0; font-size: 13px; text-transform: uppercase; justify-content: space-between}
.post-single .news-entry-con{ position: relative; padding-bottom: 5%}
.post-single .news-entry-con:after{ position: absolute; left: 0px; top: 200px; width: 100%; height: 38%; z-index: 1; background:rgba(129,129,129,0.09); display: inline-block; content: ""}
.post-single .news-entry-con .post_data img{ margin: 0 auto 30px; display: block}



/***** Media Quaries *****/
@media(max-width:992px){
	#fullpage.index-slider,
	#fullpage .slide{ height: 50vh; max-height: 50vh}
	#fullpage .slide{ background-size: cover; position: relative}
	#fullpage.index-slider .fp-tableCell{ height: 100% !important; vertical-align: bottom}
	
	.bs-single-page .bs_details .spl_cls_bs1,
	.bs-single-page .bs_details .banner_carousel .single_item img{ min-height: 300px}
	
	.section_4.bs-carousel .owl-carousel .owl-item .single_item .image{ opacity: 1}
	.section_4.bs-carousel .owl-carousel .owl-item .single_item img{ filter: grayscale(0)}
}


@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
	
}

@media(max-width:767px){
	#site_header.subpage-bs{ padding-top: 75px}
	#site_header .navbar-brand{ top: 10px}
	#site_header.subpage .navbar-brand,
	#site_header.subpage-bs .navbar-brand{ left: 15px; padding: 0}
	#site_header .left-nav .title{ margin-left: 0}
	#site_header .left-nav{ left: 85px; top: 25px}
	body.home #site_header .left-nav{ left: 15px}
	#site_header .main-menu-toggler{ top: 15px; right: 15px; width: 45px; height: 45px; padding: 10px}
	#site_header .main-menu-toggler span.label{ display: none}
	#site_header .main-menu-toggler.slidenav-active .menu-icon i.bar.top,
	#site_header .main-menu-toggler.slidenav-active .menu-icon i.bar.btm{ -webkit-transform: rotate(-45deg) translate(-3px, 5px); transform: rotate(-45deg) translate(-3px, 5px)}
	#site_header .main-menu-toggler.slidenav-active .menu-icon i.bar.btm{ -webkit-transform: rotate(45deg) translate(-3px, -5px); transform: rotate(45deg) translate(-3px, -5px)}
	#site_header .sidenav{ padding-top: 20%}
	
	/**/
	#fullpage.index-slider .slide .caption-block{ position: absolute; bottom: 0}
	#fullpage.index-slider .slide .caption-block h1{ font-size: 30px; margin-bottom: 8px}
	#fullpage.index-slider .slide .caption-block p{ font-size: 11px; line-height: 18px}
	
	/**/
	.bs-main-wrap .section_1{ position: relative; z-index: 1000}
	.bs-container{ margin-top: 40px}
	.bs-container .custom-container{ padding-left: 15px; padding-right: 15px}
	
	.bs-main-wrap .section_1 .entry-head .bs-label{ padding-right: 15px !important}
	.bs-main-wrap .section_1 .entry-head .bs-dropdown{ padding-left: 15px !important; margin-top: 5px}
	.bs-dropdown .dropdown-toggle{ border-top: 1px solid var(--color-gray)}
	.bs-dropdown .dropdown-toggle span{ font-size: 16px}
	.bs-dropdown .dropdown-toggle .glyphicon{ height: 53px}
	.bs-dropdown .dropdown-menu.show{ top: 53px !important; transform: none !important}
	.bs-dropdown .dropdown-menu li{ padding-left: 30px; width: 48%}
	.bs-dropdown .dropdown-menu li a{ font-size: 14px}
	
	.bs-single-page .bs_details .spl_cls_bs1{ min-height: inherit; height: auto !important}
	.bs-single-page .bs_details .banner_carousel .single_item img{ min-height: 250px; height: 250px}
	.bs-single-page .brands_sidenav{ position: relative; padding-right: 15px}
	.bs-single-page .bs_details .spl_cls_bs2{ padding-left: 15px; margin-top: 5px}
	.section_2 .bs_details .decsription span.sector-logo img{ max-width: 100%}
	
	.brand_listing .column{ padding-left: 0; padding-right: 0}
	.brand_listing .column .inner-col{ height: 120px; padding: 15px}
	.brand_listing .column .image{ width: 115px}
	.brand_listing .column .heading{ margin: 0 10px; width: calc(100% - 160px)}
	.brand_listing .column .arrow{ width: 35px}
	.tab-brands-logo .custom_abc02{ padding-left: 0; padding-right: 0}
	.tab-brands-logo .serach-brand .search-tag,
	.tab-brands-logo .serach-brand #myInput{ max-width: inherit}
	
	/**/
	.about-company-con{ padding: 40px 0 30px}
	.about-company-con .caption{ margin-top: 30px}
	
	/**/
	.latest-news-con{ padding-top: 40px}
	
	body.page #fullpage .section{ height: auto !important; padding-top: 50%}
	body.single-post #fullpage .section{ height: auto !important; background-size: cover !important;}
	.about_heading .about_decsription{ padding-top: 40px; padding-bottom: 50px}
	.about_heading .about_decsription h2.title{ margin-bottom: 0}
	
	.about_heading .trans_half_bg:before{ width: 100%}
	.about_heading .trans_half_bg:after{ display: none}
	
	.about-temp .section_3.vision_mission .heading{ background: rgba(0,114,188,1);}
	.about-temp .section_3.vision_mission .heading:before{ display: none}
	.about-temp .section_3.vision_mission .single-col{ padding: 20px 15px !important}
	.about-temp .section_3.vision_mission .single-col.values ul.list{ padding-top: 0}
	
	.about-temp .section_5{ padding: 30px 0}
	.about-temp .section_5 .statitics ul{ flex-wrap: wrap; justify-content: flex-start}
	.about-temp .section_5 .statitics ul li{ margin: 10px}
	
	.about-temp .section_6 ul.ba-list{ display: flex; flex-wrap: wrap; justify-content: space-between}
	.about-temp .section_6 ul.ba-list li{ font-size: 14px; padding-left: 35px}
	
}

@media only screen and (max-width: 600px) {
	body{ position: relative !important;}
	#header{ z-index: 999999;}
	.mobile_nav{ display: block !important; background: red !important; position: fixed !important; top: 0px !important; left: 0px !important; width: 100%; z-index: 99999; margin: 0px !important;  box-sizing: border-box !important; padding: 15px;}
	.mobile_nav .navbar-brand{ width: 25%; height: auto;}
	.navbar-light .navbar-toggler{ float:right; outline: none; margin-top: 15px;}
	.mobile_nav .navbar-nav{ padding-top: 20px;}
	.mobile_nav a{ font-weight: bold; text-transform: uppercase; font-size: 14px;}
	.intro_text{ padding-left: 15px !important;}
	.our_outlets .owl-nav .owl-prev{ left: 15px;}
	.our_outlets .owl-nav .owl-next{ right: 15px;}
	#outlets_info  .text_container,#outlets_info .scene{ padding: 15px !important; width: 100% !important;  max-width: 100% !important; flex: none !important; box-sizing: border-box;}
	.single_outlet_intro  .text_container img{ display: none !important;}
	.single_outlet_intro  .text_container .d_mobile { display: block !important; width:100% !important; height: auto; opacity: 1 !important; margin-bottom: 15px !important;}
	.single_outlet_intro  .text_container img:first-child{ display: block !important;}
	.single_outlet_intro  .text_container p{ padding: 0px !important;}
	.single_outlet_intro  .scene img{ display: none !important;}
	#outlets_info{ padding: 0px !important;}
	.single_outlet_intro{ margin: 0px !important;}
	#events_carousel{ margin: 0px !important;}
	.owl-dots { margin: 15px 0px !important;}
	.social_contact{ margin: 40px 0px 0px 0px;}
	.about_heading{ padding-top: 100px;}
	.what_we_do_txt{ width: 100% !important; left: 0px !important; padding: 15px; top: 320px !important; text-align: center;}
	.who_we_are{ min-height: 500px !important;}
	footer .col-6{ margin-top: 10px;}
}

@media(max-width:572px){
	#first_intro{ padding-top: 30px}
	#first_intro .description{ padding: 10px 20px; line-height: 26px}
	
	/**/
	.statitics ul li{ width: 33.33333%}
	.statitics ul li .round,
	.statitics ul li .round .ball{ width: 100px; height: 100px}
	.statitics ul li h2{ font-size: 30px}
	.statitics ul li p{ font-size: 14px; line-height: 17px; width: 100px}
	
	/**/
	.about-company-con .caption h1{ font-size: 28px; line-height: 35px}
	
	/**/
	.our-offices-con .section-title{ top: 20px}
	
	/**/
	#footer .custom-container{ padding-top: 30px}
	#footer .links ul{ padding: 0; margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap}
	#footer .links li{ width: 48%; margin: 0}
	#footer .social-media-nav{ margin-bottom: 30px}
	#footer .social-media-nav p{ margin-bottom: 0px}
	
	.section_2 .bs_details .decsription{ padding-left: 15px; padding-right: 15px}
	.bs-single-page .bs_details .decsription span.sector-logo{ margin-right: 20px}
	.section_4.bs-carousel .owl-carousel .owl-nav .owl-prev,
	.section_4.bs-carousel .owl-carousel .owl-nav .owl-next{ width: 35px; height: 45px}
}