@font-face {
	font-family: 'FontAwesome';
	src: url(fonts/fontawesome-webfont.eot), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Ubuntu';
	src: url(fonts/Ubuntu-Regular.woff2) format("woff2"), url(fonts/Ubuntu-Regular.woff) format("woff"), url(fonts/Ubuntu-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Ubuntu';
	src: url(fonts/Ubuntu-Light.woff2) format("woff2"), url(fonts/Ubuntu-Light.woff) format("woff"), url(fonts/Ubuntu-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Ubuntu';
	src: url(fonts/Ubuntu-Bold.woff2) format("woff2"), url(fonts/Ubuntu-Bold.woff) format("woff"), url(fonts/Ubuntu-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'Ubuntu';
	src: url(fonts/Ubuntu-Medium.woff2) format("woff2"), url(fonts/Ubuntu-Medium.woff) format("woff"), url(fonts/Ubuntu-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: 'Bliss-pro';
	src: url(fonts/Blisspro.ttf) format("truetype");
	font-style: 'normal';
}

@font-face {
	font-family: 'Mada';
	src: url(fonts/Mada-Regular.ttf) format("truetype");
	font-style: normal
}

.mada_bold {
	font-family: 'Mada';
	font-weight: 700
}

.mada_medium {
	font-family: 'Mada';
	font-weight: 500
}

.mada_regular {
	font-family: 'Mada';
	font-weight: 400
}

.ubuntu_bold {
	font-family: 'Ubuntu';
	font-weight: 700
}

.ubuntu_medium {
	font-family: 'Ubuntu';
	font-weight: 500
}

.ubuntu_regular {
	font-family: 'Ubuntu';
	font-weight: 400
}

html {
	height: 100%
}

html :focus {
	outline: none
}

body.oh {
	overflow: hidden
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	color: #424143;
	font-family: 'Mada' !important;
	position: relative;
	width: 100%;
	height: 100%
}

body>.overlay {
	position: fixed;
	z-index: 7;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

body.oh>.overlay {
	visibility: visible;
	opacity: .5
}

body>.overlay.trackloader {
	background: #00aeef;
	visibility: visible;
	opacity: 1;
	z-index: 999
}

body>.overlay.trackloader>div {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle
}

body>.overlay.trackloader>div>img {
	width: 80px
}

a,
a:focus,
a:visited,
a:active {
	text-decoration: none;
	color: #000
}

a:hover {
	text-decoration: none;
	color: #f78f1e
}

.form-control:focus,
.btn,
.btn:focus,
.btn:visited,
.btn:active {
	box-shadow: none
}

.btn {
	z-index: 1;
	position: relative;
	padding: 10px 5px;
	background: transparent;
	border: 2px solid #707378;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: #707378;
	height: 42px;
	min-width: 200px;
	display: inline-block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	text-transform: uppercase;
	text-align: center;
	border-radius: 5px
}

.btn.redbtn {
	background: #fe2400;
	border-color: #fe2400;
	color: #fff;
	background-color: #ff5800;
	border-color: #ff5800
}

.btn.btn-grey {
	background: #edecec;
	border-color: #edecec;
	color: #707378
}

.btn:after {
	z-index: -1;
	content: '';
	opacity: 1;
	width: 0;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s
}

.btn.arrow-right:after {
	background: url(../img/icon/arrowright-new.svg) no-repeat center center / 19px auto
}
.btn.arrow-left:after {
	background: url(../img/icon/arrow-left.svg) no-repeat center center / 19px auto
}

.btn:hover:after {
	width: 30px;
	margin-left: 5px
}

.bw-100 {
	min-width: 100px;
	max-width: 100%
}

.bw-130 {
	min-width: 130px;
	max-width: 100%
}

.bg-base {
	background: #fcfaf5
}

.bg-grey {
	background: #fcfcfc
}

.bg-dgrey {
	background: #f5f5f5
}

.pb-100,
.py-100 {
	padding-bottom: 100px!important
}

.pt-100,
.py-100 {
	padding-top: 100px!important
}

.pb-80,
.py-80 {
	padding-bottom: 80px!important
}

.pt-80,
.py-80 {
	padding-top: 80px!important
}

.text-red {
	color: #e31836
}

ul {
	padding: 0;
	list-style: none;
	margin: 0
}

::-webkit-input-placeholder,
::-moz-placeholder,
::-moz-placeholder,
::-ms-input-placeholder {
	color: #424143;
	font-size: 12px
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=phone],
input[type=number] {
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	color: #000;
	font-size: 14px;
	line-height: 45px;
	height: 45px;
	padding: 10px;
	font-weight: 400
}

input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px
}

input[type="radio"]:checked+label,
input[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666
}

input[type="radio"]:checked+label:before,
input[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	border: 3px solid #d8d8d8;
	border-radius: 100%;
	background: #fff
}

input[type="radio"]:checked+label:after,
input[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #5e6167;
	position: absolute;
	top: 6px;
	left: 6px;
	border-radius: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

input[type="radio"]:checked+label:before {
	border-color: #5e6167
}

input[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}

input[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.checkbox input[type=checkbox] {
	float: none
}

select,
textarea {
	width: 100%;
	border: 1px solid #ccc;
	background: transparent;
	color: #000;
	font-size: 14px;
	padding: 9px 10px;
	border-radius: 5px;
	resize: none
}

option,
textarea {
	background-color: #fff
}

img {
	max-width: 100%
}

h1,
.headingone {
	font-size: 45px;
	line-height: 50px;
	font-weight: 700;
	margin: 0 0 30px;
	color: #424143
}

h2,
.headingtwo {
	font-size: 40px;
	line-height: 45px;
	font-weight: 700;
	margin: 0 0 15px
}

h3,
.headingthree {
	font-size: 35px;
	line-height: 40px;
	font-weight: 700;
	margin: 0 0 15px;
	color: #424143
}

h4,
.headingfour {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	margin: 0 0 15px
}

h5,
.headingfive {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	margin: 0 0 10px;
	color: #424143;
	font-family: 'Mada';
}

h6,
.headingsix {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	margin: 0 0 10px;
	color: #f78f1e
}

p {
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	color: #424143;
	text-align: justify
}

.w-heading-shadow {
	color: #fff;
	line-height: 36px;
	text-shadow: 2px 2px 2px #000
}

.container {
	padding-right: 0;
	padding-left: 0
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px
	}
	header.alBarakaHeader nav.navbar-light form.trackingForm>input {
		width: auto
	}
}

@media only screen and (max-width: 991px) {
	h1 {
		font-size: 40px;
		line-height: 45px;
		margin: 0 0 25px
	}
	h3,
	.headingthree {
		font-size: 26px;
		line-height: 30px
	}
	h4 {
		font-size: 20px;
		line-height: 20px
	}
	h2 {
		font-size: 30px;
		line-height: 35px
	}
}

@media only screen and (max-width: 480px) {
	h1 {
		font-size: 35px;
		line-height: 35px;
		margin: 0 0 25px
	}
	h2 {
		font-size: 22px;
		line-height: 28px
	}
	h3,
	.headingthree {
		font-size: 20px;
		line-height: 25px
	}
	h4 {
		font-size: 18px;
		line-height: 18px
	}
	p {
		font-size: 14px;
		line-height: 24px
	}
}

::-webkit-scrollbar {
	width: 8px;
	height: 20px
}

::-webkit-scrollbar-track-piece {
	background-color: #edecec
}

::-webkit-scrollbar-thumb:vertical {
	height: 30px;
	background-color: #f78f1d;
	border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
	height: 30px;
	background-color: #f78f1d
}

::-moz-vertical-scrollbar {
	width: 8px;
	height: 15px
}

::-moz-vertical-scrollbar-track-piece {
	background-color: #edecec
}

::-moz-vertical-scrollbar-thumb:vertical {
	height: 30px;
	background-color: #f78f1d
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}
	40% {
		transform: translateY(-50px)
	}
	60% {
		transform: translateY(-30px)
	}
}

.closebtn {
	position: absolute;
	right: 30px;
	top: 20px;
	display: block;
	height: 35px;
	width: 35px;
	cursor: pointer
}

.closebtn i {
	height: 2px;
	width: 35px;
	background: transparent;
	position: absolute;
	left: 0;
	margin-bottom: 1px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.closebtn i.right {
	border-top: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
	top: 16px
}

.closebtn i.left {
	top: 20px;
	border-bottom: 1px solid #5b5b5b;
	border-top: 1px solid #5b5b5b
}
.closebtn i.right {
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 17px;
}
.closebtn i.left {
    -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 17px;
}
.closebtn:hover i.right {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 17px;
	border-bottom: 1px solid #5b5b5b;
	border-top: 1px solid #5b5b5b
}

.closebtn:hover i.left {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 17px;
	border-bottom: 1px solid #5b5b5b;
	border-top: 1px solid #5b5b5b
}

.searchoutterwrap input::-webkit-input-placeholder {
	color: #a7a9ac
}

.searchoutterwrap input:-moz-placeholder {
	color: #a7a9ac
}

.searchoutterwrap input::-moz-placeholder {
	color: #a7a9ac
}

.searchoutterwrap input:-ms-input-placeholder {
	color: #a7a9ac
}

.searchoutterwrap {
	position: fixed;
	height: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.90);
	left: 0;
	top: -50%;
	z-index: 10;
	text-align: center;
	padding-top: 20%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s, height .3s;
	-o-transition: all .5s, height .3s;
	transition: all .5s, height .3s
}

.searchoutterwrap.opensearch {
	opacity: 1;
	visibility: visible;
	height: 100%;
	top: 0
}

.searchoutterwrap .closebtn i.right,
.searchoutterwrap .closebtn i.left,
.searchoutterwrap .closebtn:hover i.right,
.searchoutterwrap .closebtn:hover i.left {
	border-top-color: #f78f1e;
	border-bottom-color: #f78f1e
}

.searchoutterwrap .searchinnerwrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -145px
}

.searchoutterwrap .searchinnerwrap .searchBoxWrap {
	width: 40%;
	margin: 0 auto
}

.searchoutterwrap .searchinnerwrap .searchBoxWrap>h4 {
	color: #000;
	margin-bottom: 40px
}

.searchoutterwrap .searchinnerwrap .searchBoxWrap .searchform {
	position: relative;
	margin-bottom: 60px
}

.searchoutterwrap input,
.searchoutterwrap input:focus {
	outline: none;
	padding: 10px 60px 10px 10px;
	border: 1px solid #b7b7b7;
	background: #f7f7f7;
	font-size: 20px;
	line-height: 45px;
	height: 55px;
	border-radius: 5px;
	color: #a7a9ac;
	width: 100%;
	outline: none;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.searchoutterwrap .searchbtn,
.searchoutterwrap .searchbtn:focus {
	background: #edecec;
	color: #000;
	border: none;
	border-radius: 5px;
	padding: 5px 12px;
	cursor: pointer;
	width: 45px;
	max-width: 45px;
	outline: none;
	position: absolute;
	right: 5px;
	top: 5px;
	height: 45px;
	text-align: center;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: .8
}

.searchoutterwrap .searchbtn i {
	font-size: 20px;
	line-height: 30px;
	color: #5e6167;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: inline-block
}

.searchoutterwrap .searchinnerwrap .searchBoxWrap .MostSearchWrap>h4 {
	margin-bottom: 30px
}

.searchoutterwrap .searchinnerwrap .searchBoxWrap .MostSearchWrap ul>li {
	color: #0d776e;
	margin-right: 15px;
	margin-bottom: 15px
}
.searchoutterwrap .searchinnerwrap .searchBoxWrap .MostSearchWrap ul>li>a{
	color: #0d776e;
}
.sidebar-menu-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	z-index: 999;
	overflow: hidden;
	opacity: 0;
	transition: all .3s;
	background: #fe2400;
	padding: 20px;
	box-shadow: 0 0 20px 0 #939393
}

.sidebar-menu-wrapper.open {
	overflow: visible;
	opacity: 1;
	width: 380px;
	transition: all .3s
}

.sidebar-menu-wrapper .sidebar-inner-wrap {
	position: relative
}

.sidebar-menu-wrapper .sidebar-inner-wrap .close-icon {
	position: absolute;
	right: 0;
	top: 0
}

.sidebar-menu-wrapper .sidebar-inner-wrap .close-icon>a {
	font-size: 24px;
	line-height: 28px;
	color: #fff
}

.sidebar-menu-wrapper .sidebar-inner-wrap .heading>h3 {
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 30px
}

.sidebar-menu-wrapper .sidebar-inner-wrap .sidebar-tiles {
	height: 650px;
	overflow-x: hidden;
	padding-right: 10px
}

.sidebar-menu-wrapper .sidebar-inner-wrap .sidebar-tiles>.sidebar-tile-box>a {
	position: relative;
	display: block;
	margin-bottom: 20px
}

.sidebar-menu-wrapper .sidebar-inner-wrap .sidebar-tiles>.sidebar-tile-box>a>img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.sidebar-menu-wrapper .sidebar-inner-wrap .sidebar-tiles>.sidebar-tile-box>a>h6 {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #f78f1deb;
	margin-bottom: 0;
	padding: 10px
}

.modalpop {
	border-radius: 0;
	background: #f8f3e8;
	visibility: hidden;
	overflow-y: auto;
	opacity: 0;
	display: block;
	position: fixed;
	top: 0!important;
	left: 0!important;
	width: 100%;
	height: 100%;
	z-index: 99;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translate(0, -40%);
	-moz-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
	-o-transform: translate(0, -40%);
	transform: translate(0, -40%);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.modalpop#homevideopopup {
	background: #424143
}

.modalpop#homevideopopup .modalpopInner {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	height: 100%
}

.modalpop#homevideopopup .closeBTN {
	box-shadow: none;
	background: transparent;
	border-radius: 50%;
	right: 15px;
	top: 15px;
	border: 1px solid #fff;
	color: #fff;
	width: 40px;
	height: 40px
}

.modalpop#homevideopopup .closeBTN>svg {
	width: 26px;
	height: 38px
}

.modalpop#homevideopopup .closeBTN:hover>svg {
	fill: #26ace2
}

.modalpop>.bgImg {
	opacity: 1;
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 10px
}

.modalpop.open {
	border-radius: 0;
	visibility: visible;
	opacity: 1;
	left: 0!important;
	top: 0!important;
	width: 100%!important;
	height: 100%!important;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modalpop .modalpopInner {
	width: 100%;
	height: auto;
	min-height: 100%
}

.modalpop .content {
	opacity: 0;
	min-width: 240px;
	width: 100%;
	min-height: 100%;
	margin-top: 40px;
	position: relative;
	overflow: hidden;
	display: block
}

.modalpop.open .content {
	margin: 0 auto;
	-webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
	transition: all .4s cubic-bezier(.25, .8, .25, 1);
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}

.modalpop .content>.popupHeading {
	position: relative
}

.modalpop .closeBTN {
	position: absolute;
	right: 0;
	padding: 0;
	top: 5px;
	background: #000;
	outline: none;
	border: none;
	box-shadow: -5px -5px 1px 0 #1846b9;
	color: #000;
	width: 35px;
	height: 35px;
	z-index: 3;
	cursor: pointer;
	transition: all .5s ease-out
}

.modalpop .closeBTN:hover {
	box-shadow: none;
	transition: all .5s ease-in
}

.modalpop .closeBTN svg {
	width: 35px;
	height: 35px;
	fill: #fff
}

.accordion .card {
	border-color: #eee
}

.accordion .card .card-header {
	border-bottom: none;
	background: #eee
}

.accordion .card .card-header>h5>a {
	color: #f78f1e
}

.accordion .card .card-header>h5>a.collapsed {
	color: #000
}

.accordion .card .card-header>h5>a:before {
	float: right!important;
	font-family: FontAwesome;
	content: "\f068";
	padding-right: 5px
}

.accordion .card .card-header>h5>a.collapsed:before {
	float: right!important;
	content: "\f067"
}

.formWrapper .form-group {
	margin-bottom: 30px
}

.formWrapper .form-group>label {
	font-weight: 500;
	color: #64676d
}

.formWrapper .form-group>input,
.formWrapper .form-group>select {
	font-size: 16px;
	border: none;
	border-bottom: 2px solid #d5d5d5;
	background: transparent;
	border-radius: 0;
	padding-left: 0
}

.formWrapper .form-group>select.form-control:not([size]):not([multiple]) {
	height: calc(2.5rem + 5px)!important
}

.formWrapper .form-group>textarea {
	font-size: 14px;
	background: transparent;
	border: 2px solid #d5d5d5
}

.formWrapper .form-group>input.error,
.formWrapper .form-group>select.error {
	border-bottom: 2px solid red!important
}

.smartbar-wrapper {
	position: fixed;
	top: 58%;
	margin-top: -160px;
	z-index: 999;
	background: #fe2400;
	transition: all .3s;
	width: 0
}

.smartbar-wrapper ul.smartbar-list {
	border: 1px solid #fff;
	box-shadow: -2px 0 10px 2px #706f6fa6
}

.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item>a {
	color: #fff
}

.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item {
	background: #c60c30;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 40px;
	display: block;
	border-bottom: 1px solid #fff
}

.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item:last-child>a {
	border-bottom: 1px solid transparent
}

.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item>a:hover {
	color: #fff
}

.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item:hover {
	background: #f18916
}

.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item>a>i {
	font-size: 24px;
	line-height: 40px;
	vertical-align: middle;
	margin-right: 15px
}

.smartbar-wrapper:hover {
	transition: all .1s
}

header.alBarakaHeader {
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	background: transparent!important
}

header.alBarakaHeader.bg-white {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px 0 rgba(0, 0, 0, .2)
}

header.alBarakaHeader.fixed {
	position: fixed;
	z-index: 10;
	background: #fff!important;
	box-shadow: 0 6px 11px 1px #0000004a;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s
}

header.alBarakaHeader.fixed nav.navbar {
	padding: 0 0 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

header.alBarakaHeader.fixed nav>a.navbar-brand {
	width: 145px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	background: transparent!important
}

header.alBarakaHeader nav.navbar {
	padding: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

header.alBarakaHeader nav>a.navbar-brand {
	width: 166px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	margin-right: 0;
	background: #ececec;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

header.alBarakaHeader nav>a.navbar-brand>img {
	width: 100%;
	padding: 15px;
	-moz-transition: all .3s
}

header.alBarakaHeader nav>a.navbar-brand:hover>img {
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

.icon-boxx {
	position: fixed;
	z-index: 9999;
	right: 6px;
	top: 23%
}

.HeaderRightWrapper .MenuWrapper ul.navbar-nav>li.nav-item a.nav-link {
	color: #fff
}

.HeaderRightWrapper .MenuWrapper ul.navbar-nav>li.nav-item a.nav-link:hover {
	color: #f78f1d;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-shadow: 2px 1px 6px rgba(0, 0, 0, .7);
	transition: color .3s ease-in-out, font-size .3s ease-in-out;
	will-change: color, font-size
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item a.nav-link {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 2px 5px;
	border-right: 1px solid #fff
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item.banking-online a.nav-link {
	border-right: none;
	border: 1px solid #fe2400;
	border-radius: 3px;
	padding: 2px 18px;
	margin-left: 10px;
	background: #fe2400
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item.banking-online a.nav-link:hover {
	border-color: #fe2400;
	background: transparent;
	color: #fe2400;
	transition: all .3s
}

.HeaderRightWrapper .MenuWrapper .topbar-menu>ul.navbar-nav>li.nav-item a.nav-link {
	padding: 0 12px;
	font-size: 13px;
	line-height: 22px
}

.HeaderRightWrapper .MenuWrapper .topbar-menu>ul.navbar-nav>li.nav-item ul>li>a {
	color: #000
}

.HeaderRightWrapper .MenuWrapper .topbar-menu>ul.navbar-nav>li.nav-item a.nav-link>i {
	font-size: 12px;
	line-height: 20px;
	margin-right: 10px
}

.HeaderRightWrapper .MenuWrapper .topbar-menu ul.navbar-nav>li.nav-item:last-child a.nav-link {
	padding-right: 0
}

.HeaderRightWrapper .MenuWrapper .topbar-menu ul.navbar-nav>li.nav-item:last-child a.nav-link>span.lan-swicth {
	padding: 3px 18px;
	color: #000;
	background: #fff;
	font-size: 18px;
	border-radius: 8px
}

header.alBarakaHeader.fixed .HeaderRightWrapper .MenuWrapper ul.navbar-nav>li.nav-item a.nav-link {
	color: #5e6167;
	text-shadow: none
}

header.alBarakaHeader.fixed .HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item a.nav-link {
	border-color: #5e6167
}

header.alBarakaHeader.fixed .HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item.banking-online a.nav-link {
	color: #fff;
	border-color: #fe2400
}

header.alBarakaHeader.fixed .HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item.banking-online a.nav-link:hover {
	color: #fe2400
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu>.mega-menu {
	position: absolute;
	left: 0;
	display: none;
	padding-top: 10px;
	width: 100%;
	min-width: 230px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15)
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu:hover>.mega-menu {
	position: fixed;
	display: block;
	margin-left: 0!important;
	margin-right: 0!important;
	left: 50%!important;
	transition: opacity .4s!important;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	right: auto;
	max-width: 100%!important;
	text-align: center;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
	opacity: 1;
	visibility: visible
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu>.mega-menu>.mega-menuInner {
	padding: 40px 0;
	background: #fff
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu::before {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 16px solid #fff;
	left: 50%;
	opacity: 0;
	display: none;
	bottom: -15px;
	margin-left: -30px
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu:hover::before {
	opacity: 1;
	display: block
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li>.mega-menu ul>li>a {
	font-size: 14px;
	line-height: 18px;
	display: block;
	padding: 6px 0;
	color: #a7a9ac!important
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li>.mega-menu ul>li>a:hover {
	text-decoration: underline;
	transition: all .3s;
	color: #f78f1d
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li>.mega-menu .mega-menu-img>button {
	min-width: 100%;
	width: 100%
}

.menu-carosel-wrapper .caroufredsel_wrapper>ul {
	width: 100%!important;
	height: 100%!important;
	position: relative!important
}

.menu-carosel-wrapper .caroufredsel_wrapper>ul>li {
	float: left;
	height: 100%!important;
	position: relative
}

.mobileTrack {
	width: 100%
}

.responsiveBtn {
	display: none
}

.responsiveBtn>span {
	float: left;
	line-height: 30px
}

.responsiveBtn>span.trackmenu.active {
	color: #00aeef;
	border-bottom: 1px solid #00aeef
}

.responsiveBtn>span.trackmenu {
	color: #424143;
	border-bottom: 1px solid #424143
}

nav span.navbar-toggler {
	cursor: pointer;
	margin-top: 0;
	margin-left: 30px;
	background: transparent;
	border: transparent;
	outline: none;
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	padding: 0;
	z-index: 1
}

nav span.navbar-toggler .line {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	background: #f78f1e;
	height: 2px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	top: 0
}

nav span.navbar-toggler.collapsed .line:first-child {
	top: 7px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

nav span.navbar-toggler .line:first-child {
	top: 14px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

nav span.navbar-toggler .line:nth-child(2) {
	visibility: hidden;
	display: none
}

nav span.navbar-toggler.collapsed .line:nth-child(2) {
	top: 16px;
	visibility: visible;
	display: block
}

nav span.navbar-toggler.collapsed .line:nth-child(3) {
	top: 24px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

nav span.navbar-toggler .line:nth-child(3) {
	top: 14px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.HomeBannerWrapper {
	position: relative
}

.caroufredsel_wrapper {
	height: 100%!important;
	width: 100%!important
}

.bannerInner .caroufredsel_wrapper>ul {
	height: 100%!important;
	position: relative!important
}

.bannerInner .caroufredsel_wrapper>ul>li {
	float: left;
	height: 100%;
	position: relative
}

.bannerInner ul.InnerPageBanner>li {
	height: 455px!important;
	position: relative
}

.bannerInner ul>li>div.img {
	height: 100%;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.bannerInner ul>li>.banner-item-text {
	padding: 328px 0;
	position: relative;
	z-index: 2;
	text-align: left;
	width: 100%
}

.bannerInner ul>li>.banner-item-text .BannerTextwrap>span {
	font-size: 24px;
	color: #424143;
	margin-bottom: 30px;
	display: block
}

.bannerInner ul>li>.banner-item-text .BannerTextwrap>h1 {
	color: #fff;
	font-size: 45px;
	line-height: 55px;
	text-shadow: 2px 2px 2px #000
}

.bannerInner ul>li>.banner-item-text .BannerTextwrap>p {
	color: #e31836;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500
}

.HomeBannerWrapper>.arrows {
	z-index: 3;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	height: 50px;
	width: 50px;
	background: rgba(0, 0, 0, 0.35);
	cursor: pointer;
	font-size: 50px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.HomeBannerWrapper>.arrows:hover {
	outline: none;
	background: rgba(0, 0, 0, 1)
}

.HomeBannerWrapper>.arrows.left {
	left: 15px
}

.HomeBannerWrapper>.arrows.right {
	right: 15px
}

.HomeBannerWrapper>.homebannerpager {
	width: 100%;
	padding: 30px 0 0;
	z-index: 3;
	text-align: center;
	position: absolute;
	bottom: 135px;
	left: 0;
	width: 100%
}

.HomeBannerWrapper>.homebannerpager>a>span {
	font-size: 0
}

.HomeBannerWrapper>.homebannerpager>a {
	background: transparent;
	display: inline-block;
	width: 12px;
	height: 12px;
	z-index: 5;
	background-repeat: no-repeat;
	background-size: 100%;
	border: 2px solid #ff5400;
	border-radius: 70px;
	margin-right: 30px
}

.HomeBannerWrapper>.homebannerpager>a:hover,
.HomeBannerWrapper .homebannerpager>a.selected {
	background: #ff5400;
	border: 2px solid #ff5400
}

.HomeBannerWrapper>.bannerNavListing {
	padding: 20px 0;
	z-index: 3;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0
}

.HomeBannerWrapper>.bannerNavListing ul>li {
	margin-right: 100px
}

.HomeBannerWrapper>.bannerNavListing ul>li>a {
	color: #fff;
	font-size: 16px;
	line-height: 20px
}

.HomeBannerWrapper>.bannerNavListing ul>li>a>i {
	color: #fff;
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 10px
}

.ProductGridWrapper .card {
	background: #fffdfd;
	box-shadow: 0 0 5px 2px #edecec;
	border-color: #edecec
}

.ProductGridWrapper .card .card-img-wrap {
	position: relative
}

.ProductGridWrapper .card .card-img-wrap>a.card-title {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 0;
	width: 215px;
	min-width: 215px;
	padding: 15px 40px 15px 15px;
	background: #fff;
	display: block;
	text-transform: capitalize
}

.ProductGridWrapper .card .card-img-wrap>a.card-title>h5 {
	margin-bottom: 0;
	color: #000
}

.ProductGridWrapper .card p.card-text {
	font-size: 14px;
	line-height: 20px;
	height: 5rem;
	overflow: hidden
}

.ProductGridWrapper .card a.click-action {
	color: #424143;
	font-weight: 500;
	color: #23837b;
	font-size: 14px;
	line-height: 18px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s
}

.ProductGridWrapper .card a:hover.click-action,
.ProductGridWrapper .card h5.card-title>a:hover {
	color: #ff5800;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s
}

.HomeTopProductWrapper .ProductsInner .btnWrapper>a {
	color: #707378
}

.BlogPostWrapper .BlogPost-bgImg {
	padding: 100px 0
}

.BlogPostWrapper .BlogPost-bgImg .Blog-PostInner .Blog-item {
	background: #fff;
	border-radius: 5px;
	position: relative;
	padding-left: 185px
}

.BlogPostWrapper .BlogPost-bgImg .Blog-PostInner .Blog-item>.blog-image {
	position: absolute;
	left: 0;
	width: 185px;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
}

.BlogPostWrapper .BlogPost-bgImg .Blog-PostInner .Blog-item>.blog-content {
	padding: 20px 15px
}

.InnerPageMainWrapper {
	margin-top: -160px;
	position: relative;
	z-index: 5!important;
	margin-bottom: 50px
}

.InnerPageMainWrapper h3.w-heading-shadow {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 30px
}

.Box-Panel-Wrapper {
	border-radius: 5px;
	background: #fff;
	padding: 30px 20px;
	box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, .2)
}

.Box-Panel-Wrapper.border-left-red {
	border-left: 5px solid #c60c31
}

.mainBranchInfoWrap .mainBranchInfo {
	position: relative
}

.mainBranchInfoWrap .mainBranchInfo>i {
	position: absolute;
	left: 0;
	font-size: 18px;
	line-height: 26px;
	color: #5e6167
}

.mainBranchInfoWrap .mainBranchInfo>span {
	padding-left: 40px;
	display: block;
	color: #5e6167
}

.SelectCountryWrapper .chooseCountry {
	position: relative
}

.SelectCountryWrapper .chooseCountry>.c-flag {
	position: absolute;
	left: 0;
	width: 50px
}

.SelectCountryWrapper .chooseCountry>.c-title {
	padding-left: 60px;
	min-height: 37px
}

.SelectCountryWrapper .chooseCountry>.c-title>h6 {
	font-size: 18px;
	line-height: 35px
}

.md-tab-pane-wrapper .nav-tabs {
	border: 0;
	margin-bottom: 50px;
	align-items: center;
	justify-content: center
}

.md-tab-pane-wrapper .nav-tabs>li>a {
	position: relative;
	padding: 10px 25px;
	background: #edecec;
	color: #5e6167;
	border-radius: 5px;
	display: block;
	font-weight: 500
}

.md-tab-pane-wrapper .nav-tabs>li>a.active {
	background: #ff5800;
	color: #fff
}

.md-tab-pane-wrapper .nav-tabs>li>a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 16px solid #ff5800;
	left: 50%;
	opacity: 0;
	display: none;
	bottom: -15px;
	margin-left: -20px
}

.md-tab-pane-wrapper .nav-tabs>li>a.active::before {
	opacity: 1;
	display: block
}

#openinghours table.table th {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	vertical-align: middle !important;
}

#openinghours table.table td {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

#openinghours table.table td,
.BranchOpeningHours table.table th {
	padding: 1.5rem
}

#openinghours table.table-hover tbody tr.current {
	background: #c60c31;
	color: #fff
}

#ramdanopeninghours table.table th {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#ramdanopeninghours table.table td {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

#ramdanopeninghours table.table td,
.BranchOpeningHours table.table th {
	padding: 1.5rem
}

#ramdanopeninghours table.table-hover tbody tr.current {
	background: #c60c31;
	color: #fff
}

.download-title {
	font-size: 22px;
	line-height: 28px;
	text-align: right
}

.download-content {
	border-left: 2px solid #ff5800;
	padding-left: 30px;
	border-left-width: 4px
}

.download-content ul>li.download-list-item {
	position: relative;
	padding-left: 50px;
	margin-bottom: 15px
}

.download-content ul>li.download-list-item>a.download-list-link {
	color: #ff5800;
	font-weight: 500
}

.download-content ul>li.download-list-item>a.download-list-link>.download-list-icon-wrap {
	position: absolute;
	top: -2px;
	left: 0
}

.download-content ul>li.download-list-item>a.download-list-link>.download-list-icon-wrap>.download-list-icon {
	width: 24px;
	height: 24px;
	fill: #5e6167
}

.download-content ul>li.download-list-item>a.download-list-link>.download-list-text>.download-list-badge {
	position: relative;
	top: -.2rem;
	display: inline-block;
	padding-left: 10px;
	font-size: .75rem;
	color: #5e6167;
	text-transform: uppercase
}

.notfound {
	margin: 50px 0 0
}

.notfound ul li {
	margin: 0 0 0 30px
}

.notfound ul li a {
	color: #42958e
}

.credit {
	margin: 20px 0 0
}

.creditbtn {
	border: 1px solid orange
}

.credit a {
	color: orange;
	border: 1px solid orange
}

.credit a:hover {
	color: orange
}

.advert {
	border-left: 2px solid #000;
	padding: 0 0 0 10px;
	margin: 10px 0;
	text-align: justify
}

.backto a {
	margin: 0 0 0 150px
}

.journeyBannerwrapper {
	position: relative;
	position: relative
}

.journeyBannerwrapper .journeyBannertext {
	position: absolute;
	top: 0;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	margin-top: 30px
}

.journeyTimeline .timeline#company {
	position: relative
}

.journeyTimeline .timeline#company::before {
	background: #101011 none repeat scroll 0 0;
	border-radius: 50%;
	box-shadow: 1px 1px 12px -5px #000;
	content: "";
	height: 20px;
	left: 50%;
	bottom: 30px;
	margin-left: -8px;
	position: absolute;
	width: 20px;
	z-index: 1;
}

.journeyTimeline .timeline #companyrow {
	position: relative;
	display: block
}

.journeyTimeline .timeline #company_map_fixed {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 100px
}

.journeyTimeline .timeline #company_map_fixed .imap {
	display: block;
	max-width: 500px;
	width: 100%;
	overflow: hidden;
	position: relative
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 100%
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img {
	position: absolute;
	width: 35px;
	left: 50%;
	top: 50%;
	margin-top: -50px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2018 {
	margin-top: 0
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2017 {
	margin-top: -100px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2011 {
	margin-top: -100px;
	margin-left: -50px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2010 {
	margin-top: -50px;
	margin-left: -50px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2009 {
	margin-top: -100px;
	margin-left: 50px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2008 {
	margin-top: -100px;
	margin-left: 100px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2007 {
	margin-top: -60px;
	margin-left: 100px;
	margin-left: 35px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img>img {
	width: 100%
}

.journeyTimeline .timeline #company_map_fixed .statistics {
	padding: 20px 0
}

.journeyTimeline .timeline ul.statistics li {
	color: #101011;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-align: left;
	transition: all .2s ease-in 0;
	width: 100px
}

.journeyTimeline .timeline ul.statistics li>span.blue {
	color: #c60c30;
	display: block;
	font-size: 28px;
	line-height: 38px;
	font-weight: 500
}

.journeyTimeline .timeblock::before {
	background: #f78f1d none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 0;
	width: 4px
}

.journeyTimeline .timeline .timeblock h4.timelineYear {
	position: absolute;
	left: -28px;
	background: #e31838 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 20px;
	line-height: 30px;
	height: 60px;
	padding: 15px 8px;
	text-align: center;
	transition: all .2s ease-in 0;
	width: 60px
}

.journeyTimeline .timeline .timeblock .timelineboxtext {
	min-height: 350px;
	padding-left: 50px;
	margin-bottom: 50px;
	padding-top: 10px
}

.journeyTimeline .timeline .timeblock .timelineboxtext>h3>span.year {
	display: none
}

.journeyBannerwrapper {
	position: relative
}

.journeyBannerwrapper {
	position: relative
}

.journeyBannerwrapper .journeyBannertext {
	position: absolute;
	top: 0;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	margin-top: 30px
}

.journeyTimeline .timeline#company {
	position: relative
}

.journeyTimeline .timeline#company::before {
	background: #101011 none repeat scroll 0 0;
	border-radius: 50%;
	box-shadow: 1px 1px 12px -5px #000;
	content: "";
	height: 20px;
	left: 50%;
	bottom: 30px;
	margin-left: -8px;
	position: absolute;
	width: 20px;
	z-index: 1;
}

.journeyTimeline .timeline #companyrow {
	position: relative;
	display: block
}

.journeyTimeline .timeline #company_map_fixed {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 100px
}

.journeyTimeline .timeline #company_map_fixed .imap {
	display: block;
	max-width: 500px;
	width: 100%;
	overflow: hidden;
	position: relative
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 100%
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img {
	position: absolute;
	width: 35px;
	left: 50%;
	top: 50%;
	margin-top: -50px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2018 {
	margin-top: -115px;
	margin-left: -142px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2017 {
	margin-top: -66px;
	margin-left: -170px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2011-3 {
	margin-top: -68px;
	margin-left: -77px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2011-2 {
	margin-top: -55px;
	margin-left: -125px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2011 {
	margin-top: -53px;
	margin-left: -28px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2010 {
	margin-top: -62px;
	margin-left: -26px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2009 {
	margin-top: -74px;
	margin-left: -86px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2008 {
	margin-top: 1px;
	margin-left: 35px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2007 {
	margin-top: -50px;
	margin-left: -75px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2002 {
	margin-left: -56px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-2000 {
	margin-left: 35px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1991 {
	margin-left: -155px;
	margin-top: -55px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1989 {
	margin-left: -115px;
	margin-top: 58px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1985 {
	margin-left: -90px;
	margin-top: -82px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1984 {
	margin-top: -33px;
	margin-left: -102px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1983 {
	margin-left: -143px;
	margin-top: -70px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1980 {
	margin-left: -105px;
	margin-top: -55px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img.icon-1978 {
	margin-left: -90px;
	margin-top: -64px
}

.journeyTimeline .timeline #company_map_fixed .imap>.mapLogoPlaced>.logo-img>img {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.journeyTimeline .timeline #company_map_fixed>.imap.map1978 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1980 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1980 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1983 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1983 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1983 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1984 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1984 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1984 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1984 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1985 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1985 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1985 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1985 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1985 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1989 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1989 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1989 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1989 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1989 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1989 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map1991 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2000 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2002 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2007 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2008 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2009 .mapLogoPlaced>.logo-img.icon-2009>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-2009>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2010 .mapLogoPlaced>.logo-img.icon-2010>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2009>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2010>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011 .mapLogoPlaced>.logo-img.icon-2011>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2009>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2010>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2011>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-2 .mapLogoPlaced>.logo-img.icon-2011-2>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2009>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2010>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2011>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2011-2>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2011-3 .mapLogoPlaced>.logo-img.icon-2011-3>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1978>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1980>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1983>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1984>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1985>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1989>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-1991>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2000>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2002>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2007>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2008>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2009>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2010>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2011>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2011-2>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2011-3>img,
.journeyTimeline .timeline #company_map_fixed>.imap.map2017 .mapLogoPlaced>.logo-img.icon-2017>img {
	opacity: 1;
	visibility: visible;
	transition: all .3s
}

.journeyTimeline .timeline #company_map_fixed>.imap.map2018 .mapLogoPlaced>.logo-img>img {
	opacity: 1;
	visibility: visible;
	transition: all .3s
}

.journeyTimeline .timeline #company_map_fixed .statistics {
	padding: 20px 0
}

.journeyTimeline .timeline ul.statistics li {
	color: #101011;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-align: left;
	transition: all .2s ease-in 0;
	width: 100px
}

.journeyTimeline .timeline ul.statistics li>span.blue {
	color: #c60c30;
	display: block;
	font-size: 28px;
	line-height: 38px;
	font-weight: 500
}

.journeyTimeline .timeblock::before {
	background: #f78f1d none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 0;
	width: 4px
}

.journeyTimeline .timeline .timeblock h4.timelineYear {
	position: absolute;
	left: -28px;
	background: #e31838 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 20px;
	line-height: 30px;
	height: 60px;
	padding: 15px 8px;
	text-align: center;
	transition: all .2s ease-in 0;
	width: 60px
}

.journeyTimeline .timeline .timeblock .timelineboxtext {
	min-height: 350px;
	padding-left: 50px;
	margin-bottom: 50px;
	padding-top: 10px
}

.journeyTimeline .timeline .timeblock .timelineboxtext>h4>span.year {
	display: none
}

.search_btn {
	z-index: 1;
	position: relative;
	padding: 10px 5px;
	background: transparent;
	border: 2px solid #707378;
	font-size: 14px;
	line-height: 13px;
	font-weight: 500;
	color: #707378;
	height: 35px;
	min-width: 134px;
	display: inline-block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	text-transform: uppercase;
	text-align: center;
	border-radius: 5px;
	margin-top: 10px
}

footer {
	position: relative
}

footer h5 {
	color: #fff;
	margin-bottom: 20px
}

footer>.footerTop {
	background: #5e6167
}

footer>.footerTop ul>li {
	margin-bottom: 10px
}

footer .footerTop ul>li>a {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	display: block
}

footer .footerTop ul>li>a:hover {
	color: #f78f1e
}

footer>.footerTop .footerSearchWrap {
	position: relative
}

footer>.footerTop .footerSearchWrap>button.searchBtn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #edecec;
	color: #000;
	border: none;
	border-radius: 5px;
	padding: 5px 12px;
	cursor: pointer
}

footer>.footerbottom {
	background: #fff
}

footer>.footerbottom p {
	font-size: 14px
}

footer .footerbottom ul>li>a {
	font-size: 14px;
	margin-right: 20px;
	font-weight: 500;
	line-height: 18px;
	color: #63a49e
}

footer .footerbottom ul>li>a>i {
	font-size: 20px;
	line-height: 24px
}

footer .footerbottom ul>li>a>i.fa-facebook {
	color: #1c59ab
}

footer .footerbottom ul>li>a>i.fa-instagram {
	color: #e4405f
}

footer .QuickLinksWrapper {
	width: 100%
}

footer .QuickLinksWrapper a#quickLickBtn {
	width: 150px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 35px;
	padding: 10px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 5px;
	display: inline-block
}

footer .QuickLinksWrapper>.QuickLicksMenuWrap {
	padding: 30px 0;
	background: #ea7e02;
	color: #fff
}

footer .QuickLinksWrapper>.QuickLicksMenuWrap ul>li>a {
	color: #fff
}

@media only screen and (min-width: 992px) {
	.HeaderRightWrapper .MenuWrapper>.collapse {
		display: block
	}
}

@media only screen and (max-width: 1199px) {
	.HomeBanner>.bg.img {
		background-size: auto 80%
	}
}

ul.navbar-nav.for-mobile {
	display: none
}

@media only screen and (max-width: 991px) {
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu>.mega-menu_2>.mega-menuInner {
		padding: 15px 0;
		height: 200px;
		overflow-x: hidden;
		padding: 40px 0;
		background: #fff;
		box-shadow: none
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li>.mega-menu_2 ul>li>a {
		font-size: 14px;
		line-height: 18px;
		display: block;
		padding: 6px 0;
		color: #a7a9ac
	}
	ul.navbar-nav.for-desktop {
		display: none
	}
	ul.navbar-nav.for-mobile {
		display: inherit
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu:hover>.mega-menu_2 {
		box-shadow: none!important;
		position: inherit!important
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu>.mega-menu>.mega-menuInner {
		box-shadow: none!important
	}
	.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item>a>i {
		font-size: 18px
	}
	.smartbar-wrapper ul.smartbar-list>li.smartbar-list-item>a {
		padding: 5px 15px
	}
	body.bodyinnerWrap {
		padding-top: 66px
	}
	.responsiveBtn {
		display: block
	}
	header.alBarakaHeader.bg-white {
		background: #fff!important
	}
	header.alBarakaHeader nav.navbar {
		padding-bottom: 10px
	}
	header.alBarakaHeader.fixed nav>a.navbar-brand>img {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.8)
	}
	.HeaderRightWrapper .MenuWrapper {
		position: absolute;
		width: 100%;
		background: #fff;
		left: 0;
		margin-top: 55px;
		text-align: left!important
	}
	.HeaderRightWrapper .MenuWrapper .topbar-menu {
		display: none!important
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu {
		margin-top: 0!important
	}
	header.alBarakaHeader nav.navbar-light ul.navbar-nav {
		text-align: left;
		padding-top: 0
	}
	.HeaderRightWrapper .MenuWrapper .topbar-menu>ul.navbar-nav>li.nav-item:first-child {
		border-top: 1px solid transparent
	}
	header.alBarakaHeader nav.navbar-light ul.navbar-nav>li {
		border-top: 1px solid #ccc;
		padding: 10px 5px;
		position: relative
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item a.nav-link {
		padding: 0 12px;
		font-size: 14px;
		border-right: none
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item.banking-online a.nav-link {
		color: #fff;
		margin-left: 0
	}
	.HeaderRightWrapper .MenuWrapper ul.navbar-nav>li.nav-item a.nav-link {
		color: #5e6167;
		display: block!important
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu>.mega-menu {
		position: relative;
		padding-top: 0;
		box-shadow: none;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu>.mega-menu>.mega-menuInner {
		padding: 15px 0;
		height: 200px;
		overflow-x: hidden
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu::before {
		font-family: "FontAwesome";
		content: "\f078";
		font-size: 14px;
		width: 29px;
		border: none;
		color: #f79117;
		right: 0;
		margin-left: 0;
		left: auto;
		bottom: 0;
		top: 10px;
		opacity: 1;
		display: block
	}
	.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li.has-menu.active::before {
		content: "\f077"
	}
	.HomeBanner {
		padding: 130px 0
	}
	header.alBarakaHeader.fixed nav.navbar-light .navbar-collapse#navb {
		padding: 0 10px
	}
}

@media only screen and (max-width: 767px) {
	.modalpop>.bgImg {
		opacity: 0;
		display: none
	}
	.HomeBanner {
		padding: 100px 0 50px
	}
	.HomeBanner>div .BannerTextwrap>span {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 20px
	}
	.HomeBanner>div .BannerTextwrap>h1 {
		font-size: 28px;
		line-height: 32px
	}
	.HomeBannerWrapper>.bannerNavListing ul>li {
		margin-right: 15px
	}
	.HomeBannerWrapper>.bannerNavListing ul>li>a {
		font-size: 13px;
		line-height: 16px;
		display: block
	}
	.HomeBannerWrapper>.bannerNavListing ul>li>a>i {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 5px
	}
	.BlogPostWrapper .BlogPost-bgImg .Blog-PostInner .Blog-item {
		padding-left: 0
	}
	.BlogPostWrapper .BlogPost-bgImg .Blog-PostInner .Blog-item>.blog-image {
		position: relative;
		width: 100%
	}
	footer .footerwrapper .footerbottom .footerbottomInner .copyrightText.float-left,
	footer .footerwrapper .footerbottom .footerbottomInner .footerMenu.float-right {
		float: none!important;
		text-align: center
	}
	footer .footerwrapper .footerbottom .footerbottomInner .copyrightText {
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 576px) {
	section.homeMannageOrders .integrateWithCms .innerIntegrateAPI>.row .text-right,
	section.homeMannageOrders .integrateWithCms .innerIntegrateAPI>.row .text-left,
	section.homeMannageOrders .integrateWithCms .innerIntegrateAPI>.row .col-sm-4,
	section.homeMannageOrders .integrateWithCms .innerIntegrateAPI>.row .col-sm-6 {
		text-align: center!important
	}
	.HomeBanner>.banneracrolldown {
		display: none
	}
	.mediaSinglepagewrapper .postTitleWrap .mainheading>h1 {
		font-size: 20px;
		line-height: 25px
	}
}

@media only screen and (max-width: 480px) {
	.pageHeading>h2 {
		font-size: 30px;
		line-height: 30px
	}
}

@media only screen and (max-width: 600px) {
	.row {
		margin-left: 0!important;
		margin-right: 0!important
	}
	#map-details-boxes {
		left: 0!important
	}
	.blog-image {
		height: 200px!important
	}
	.blog-image img {
		width: 100%;
		position: relative;
		top: -140px
	}
	nav.navbar.navbar-expand-lg.navbar-light.bg-transparent {
		padding-left: 10px;
		padding-right: 15px
	}
	.HomeBannerWrapper>.homebannerpager {
		bottom: 120px
	}
	.HomeBannerWrapper>.bannerNavListing {
		position: relative;
		top: 0
	}
	.openform_ftr {
		margin-left: 0!important;
		margin-top: 10px
	}
	.box-text-content h5 {
		margin: 10px 0!important
	}
	.InnerPageMainWrapper h3.w-heading-shadow {
		padding-left: 15px
	}
	.map_wrapper>.container {
		left: 0!important
	}
	.formWrapper.mx-5 {
		margin: 0!important
	}
	.box-img-area {
		margin-bottom: 10px
	}
	.contact-information {
		margin-left: 0!important
	}
}

@media (min-width: 480px) and (max-width: 599px) {
	.row {
		margin-left: 0!important;
		margin-right: 0!important
	}
	iframe {
		height: 400px!important
	}
	.openform_ftr {
		margin-left: 0!important;
		margin-top: 0!important
	}
}

@media (min-width: 601px) and (max-width: 1000px) {
	.HomeBannerWrapper>.homebannerpager {
		bottom: 150px
	}
	.HomeBannerWrapper>.bannerNavListing ul>li {
		margin-right: 0;
		width: 140px
	}
	iframe {
		height: 400px!important
	}
	.openform_ftr {
		margin-left: 0!important;
		margin-top: 10px!important
	}
	.officeLocation {
		padding: 20px
	}
}

.modal-dialog.width-700 {
	max-width: 735px!important
}

img.card-img-top {
	height: 174px!important
}

.mega-menuInner.text-left {
	box-shadow: 0 0 25px rgba(0, 0, 0, .5)
}

a.btn.btn-grey:hover {
	color: #fff;
	background-color: #5e6167;
	border-color: #5e6167
}

/*.overlayy {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	right: 0;*/
/*	background: #0000007a;*/
/*	z-index: 1*/
/*}*/

.banner-item {
	height: 800px!important
}

.card-body.p-3 a.mt-3.d-block.click-action {
	display: none!important
}

.dropdown,
.dropup {
	position: inherit!important
}

nav.navbar {
	position: inherit!important
}

.mega-menu.dropdown-menu.show {
	width: 100%
}

@media only screen and (max-width: 800px) {
	.banner-item {
		height: 550px !important
	}
	.HomeBannerWrapper>.bannerNavListing ul>li>a {
		width: 120px !important
	}
	ul.list-inline::-webkit-scrollbar {
		height: 0
	}
	ul.list-inline {
		overflow-x: scroll;
		display: flex;
		scroll-behavior: smooth
	}
	.banner-item-text {
		padding: 120px 0!important
	}
	.bannerInner ul>li>.banner-item-text .BannerTextwrap>p {
		display: none
	}
	.bannerInner ul>li>.banner-item-text .BannerTextwrap>h1 {
		font-size: 1.5em!important
	}
	.bannerInner ul>li.banner-item.cstm>.banner-item-bg.img {
		background-size: 200% 80%!important
	}
	.btn-wrapper.text-center a.btn.redbtn.arrow-right.d-block.w-100.mb-3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	
	.HomeBannerWrapper>.homebannerpager {
        bottom: 150px !important;
    }
	
	
}

.mega-menu.dropdown-menu.show {
	padding: 0;
	text-align: center;
	box-shadow: 0 0 25px rgba(0, 0, 0, .5);
	border: none
}

.mega-menu.dropdown-menu.show .mega-menuInner.text-left {
	box-shadow: 0 0 25px rgba(0, 0, 0, .5);
	padding: 40px 0;
	background: #fff;
	box-shadow: none!important;
	border: none;
	text-align: center;
	opacity: 1;
	visibility: visible
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item a.nav-link:after {
	display: none
}

li.nav-item.dropdown.show.ps-rel {
	position: relative!important
}

.HomeTopProductWrapper .ProductsInner .btnWrapper>a:after {
	background: url(../img/icon/arow-right-black.svg) no-repeat center center / 19px auto
}

li.nav-item.dropdown.show a {
	color: #f78f1d!important
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item.dropdown.show a:before {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 24px;
	left: 50%;
	z-index: 9999;
	background: #fff;
	content: "";
	-webkit-transform: translate(-50%, 25%) rotate(45deg);
	transform: translate(-50%, 25%) rotate(45deg)
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul.navbar-nav>li.nav-item a.nav-link {
	position: relative
}

.HeaderRightWrapper .MenuWrapper .primary-menu>ul>li>.mega-menu ul>li>a:before {
	display: none
}

header.alBarakaHeader.fixed .mega-menu.dropdown-menu.show {
	top: 77px
}

header.alBarakaHeader {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 23%, rgba(0, 0, 0, 0.06) 93%, rgba(0, 0, 0, 0) 100%)!important;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 23%, rgba(0, 0, 0, 0.06) 93%, rgba(0, 0, 0, 0) 100%)!important;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 23%, rgba(0, 0, 0, 0.06) 93%, rgba(0, 0, 0, 0) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0)!important
}

header.alBarakaHeader.fixed nav>a.navbar-brand {
	box-shadow: none
}

header.alBarakaHeader nav>a.navbar-brand {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px 0 rgba(0, 0, 0, .2)
}

#menuToggle {
	display: block;
	position: fixed;
	top: 28%;
	right: -3px;
	z-index: 999999;
	-webkit-user-select: none;
	user-select: none;
	background: #c60c30;
	padding: 10px 10px 6px 10px;
	border: 1px solid #ffff;
	box-shadow: 0px -6px 14px 1px #00000040;
	border-bottom: none !important;
}

#menuToggle input {
	display: block;
	width: 40px;
	height: 38px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}

#menuToggle span {
	display: block;
	width: 27px;
	height: 3px;
	margin-bottom: 5px;
	background: #ffffff;
	position: relative;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0;
	transition: transform .5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background .5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity .55s ease;
}

#menuToggle span:first-child {
	transform-origin: 0 0
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0 100%
}

#menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(30deg) translate(10px, -5px);
	background: #ffffff;
	width: 15px;
}

#menuToggle input:checked~span:nth-last-child(3) {
	opacity: 1px;
	/* transform: rotate(0deg) scale(0.2, 0.2); */
	opacity: 1;
	transform: rotate(0deg) translate(0px, 0px);
	background: #ffffff;
	width: 25px;
}

#menuToggle input:checked~span:nth-last-child(2) {
	opacity: 1;
	transform: rotate(-30deg) translate(10px, 6px);
}

#menu {
	box-shadow: -3px 9px 14px 1px #00000040;
	position: fixed;
	width: 310px;
	margin: -100px 0 0;
	right: 46px;
	top: 46%;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0 0;
	transform: translate(100%, 0);
	transition: transform .5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

li.side-list {
	border-bottom: 1px solid #ffff;
	padding: 10px 15px;
	font-size: 22px
}

#menuToggle input:checked~ul {
	transform: translateX(47px);
	opacity: 1;
}

li.side-list a i {
	margin-right: 15px;
	font-size: 20px
}

.side-wrap {
	color: #fff;
	background: #c60c30;
	font-size: 16px;
	line-height: 40px;
	display: block;
	border: 1px solid #fff
}

li.side-list:hover {
	background: #f78f1d!important
}

li.side-list a {
	color: #ffff;
	font-size: 16px
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0 100%;
	transform: rotate(32deg) translate(-7px, -6px);
	width: 15px;
}

#menuToggle span:nth-child(2) {
	transform-origin: 0 100%;
	transform: rotate(-30deg) translate(-5px, 6px);
	width: 15px;
}

li.banner-item.cstm .overlayy {
	display: none!important
}

.border-org {
	border-right: 3px solid #ff5800
}

.pdf-btns div {
	border-right: none;
	border: 1px solid #ff5800;
	border-radius: 3px;
	padding: 2px 10px;
	background: #ff5800;
	margin-right: 10px
}

.pdf-btns {
	display: flex
}

.back-to-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: none;
	z-index: 9999;
	padding: 10px 15px;
	background: #ff5400;
	border-radius: 31px;
	color: #ffff!important;
	box-shadow: 0 4px 8px 0 #00000085
}

.datepicker-dropdown {
    padding: 10px !important;
}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    color: #fff;
    background-color: #ff5800 !important;
    border-color: #ff5800 !important;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #ff5800 !important;
    border-color: #ff5800 !important;
}
.hide-on-desktop {
    display: none ;
}  
.hide-on-mobile {
    display: inherit ;
} 
@media only screen and (max-width:900px) {
    
    
.journeyTimeline .timeline#company::before{
    left: 2%;
}    
    
    .journeyTimeline .timeline .timeblock h4.timelineYear{
            left: 0px;
    }
.journeyTimeline .timeblock::before {
    left: 28px;


}    
    
.hide-on-desktop {
    display: inherit ;
}

.hide-on-mobile {
    display: none ;
}    
    
    header.alBarakaHeader nav>a.navbar-brand {
    box-shadow: none !important;
}
    
	ul.clearfix.InnerPageBanner .banner-item-bg.img {
		background-size: 100% 71%!important
	}
	a {
		overflow-wrap: anywhere
	}
	.pdf-btns div {
		font-size: 13px
	}
	.loan label {
		overflow-wrap: anywhere
	}
	.border-org {
		border-right: 0!important
	}
	.HomeBannerWrapper>.bannerNavListing {
		background: #000!important
	}
	#menuToggle {
		display: none!important
	}
	.container {
		padding-right: 15px;
		padding-left: 15px
	}
	.for-mbl-1 {
		width: 65px;
		padding: 0
	}
	.for-mbl-2 {
		padding-left: 5px;
		width: 75%;
		padding-right: 0
	}
	.mb-pd-0 {
		padding: 0!important
	}
	div#g-recaptcha-response {
		margin-top: 15px
	}
	.quest {
		overflow-x: scroll;
		margin-bottom: 13px
	}
	::-webkit-scrollbar {
		height: 10px
	}
	::-webkit-scrollbar-track {
		border-radius: 10px
	}
	::-webkit-scrollbar-thumb {
		background: #ff5800;
		border-radius: 10px
	}
	.payable {
		margin-top: 15px
	}
	p {
		font-size: 14px;
		line-height: 24px;
		overflow-wrap: anywhere
	}
	.md-tab-pane-wrapper .nav-tabs>li>a {
		margin-bottom: 20px
	}
	.ourTeamWrapper .col-md-3.mb-4 {
		margin-bottom: 45px!important
	}
	#enquirypopup .modal-dialog{
	    width:96% !important;
	    padding:0px !important;
	    position:relative;
	    margin-left:2px !important;
	    margin-top:8% !important;
	}
}



.chosen-container {
    width: 100% !important;
    margin-top: 7px;
}

.chosen-container-single .chosen-single {
    font-size: 16px;
    border: none;
    border-bottom: 2px solid #d5d5d5;
    background: transparent;
    border-radius: 0;
    width: 100%;
    padding: 0.375rem 0.75rem;
    padding-left: 5px;
      border-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
}	


.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: none !important;
}


li.nav-item.has-menu.no-bef::before {

display:none !important;
    
}


.searchform_2{
position: relative;
}
.searchform_2 button.searchbtn {
    background: #d2d2d2;
    color: #5d5c5c !important;
    border: none;
    border-radius: 5px;
    padding: 5px 12px;
    cursor: pointer;
    width: 45px;
    max-width: 45px;
    outline: none;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 45px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.searchform_2 input[type="text"] {
    outline: none;
    padding: 10px 60px 10px 10px;
    border: 1px solid #b7b7b7;
    background: #f7f7f7;
    font-size: 16px;
    line-height: 45px;
    height: 55px;
    border-radius: 5px;
    color: #a7a9ac;
    width: 100%;
    outline: none;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
li.no-bef a {
    font-weight: 600;
    font-size: 14px;
    margin: 0px 10px;
    text-decoration: underline;
}
.orange{
	color:#f78f1e;
}

.slide-box {
    display: flex;
    width: 270px;
    background: rgb(227, 23, 54);
    padding: 0px;
    border: 1px solid;
}

.slide-icon {
    width: 50px;
    font-size: 26px;
    text-align: center;
    margin-right: 5px;
    padding: 5px 0px;
}

.slide-text a {
    font-size: 17px;
    color: #fff;
    vertical-align: -webkit-baseline-middle;
    text-transform: capitalize;
    padding: 12px 0px;
    display: block;
}

.slide-text {
    width: 218px;
}

.slide-close {
    font-size: 26px;
    width: 55px;
    text-align: center;
    background: #e74764;
    padding: 5px 0px;
}
.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -166px;
    top: 230px;
    width: 210px;
    z-index: 1100;
    box-shadow: -3px 3px 14px 2px #00000047;
}
.sticky li{
    list-style-type: none;
    background-color: red;
    color: #fff;
    padding: 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    position: relative;
    left: 0%;
}
.trayopen{
    left: -107% !important;
}
@media only screen and (max-width: 767px){
    .sticky-container {
        display: none;
    }
}

.report-check input[type=checkbox] {
    height: 18px !important;
    width: 28px !important;
}
.report-check {
    display: flow-root;
}


.video-section video {
    position: inherit;
    transform: none;
    width: 100%;
    height: 500px;
}
.flag_img{
    width: 23px;
    float: left;
    box-shadow: 0 6px 10px 1px #0000004a;

}
.flag_nam{
    padding-left: 37px; 
}