@font-face {
	font-family: Bliss-Regular;
	src: url('../fonts/Bliss-Regular.eot') format('embedded-opentype'), url('../fonts/Bliss-Regular.woff') format('woff'), url('../fonts/Bliss-Regular.ttf') format('truetype'), url('../fonts/Bliss-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: alBaraka-Bold;
	src: url('../fonts/alBaraka-Bold.otf');
	font-weight: bold;
	font-style: normal;
}

a:focus,
a:hover {
	text-decoration: none;
	color: unset;
}

a:hover,
a:active,
a:focus,
a,
object,
embed {
	outline: 0;
}
.active-sub-menu a{
	color: #ff5700 !important;
}
.sub-text  {
	font-family:  "Arabic Transparent" !important;
	}
.main-text {
	font-family:  "Arabic Transparent" !important;
	}
	.sticky {
	  position: fixed!important;
	  top: 0;
	  width: 10%!important;
	  z-index: 10000!important;
	  right: 85% !important;
	}
	
	#header .nav2 .navbar-nav > li.menu1 > a:hover, #header .nav2 .navbar-nav > li.menu1 > a:hover, #header .nav2 .navbar-nav > li.menu2 > a:hover, #header .nav2 .navbar-nav > li.menu3 > a:hover, #header .nav2 .navbar-nav > li.menu4 > a:hover{
color: #ff5700;
}

	#modal-bn{
		background-color: #e31836;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 5px 59px;
	border-radius: 0px 0px 20px 0px;
		width: 25%;
		/*margin: 40%;*/
	}
#page {
	min-height: 80vh;
}
#myCarousel .item-video{height:300px}
.oppesite {
	float: right !important;
}

.oppesite div {
	float: right !important;
}

.line {
    display: none;
    opacity: 0;
}

input::-moz-focus-inner {
	border: 0;
}

a {
	color: unset;
}

h2.page-follower {
	margin-top: 0px;
	margin-bottom: 0px;
}


html {
	font-size: 16px;
}

body {
	font-size: 16px;
	text-align: left;
	overflow-x: hidden;
	font-family: Bliss-Regular!important;
}

.myImg {
	margin: 0 auto;
}

ul.yiiPager {
	direction: ltr !important;
	width: intrinsic;
	/* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;
	/* Firefox/Gecko */
	width: -webkit-max-content;
	/* Chrome */

}

.footer-certificates {
	vertical-align: bottom;
}

.sub-title {
	
	font-weight: bold;
	color: rgb(92, 97, 104);
}


@media (max-width:1800px) {
	body {
		font-size: 13px;
	}

	html {
		font-size: 13px;
	}
}

.section3 img.slider-img {
	max-height: 50vh;
}

@media (max-width:1500px) {
	body {
		font-size: 11.33338px;
	}

	html {
		font-size: 11.33338px;
	}
}

@media (max-width:1200px) {
	html {
		font-size: 10.33338px;
	}
}

@media (max-width:991px) {
	body {
		font-size: 9.5px;
	}

	.container {
		width: 98%;
	}
}

@media (max-width:850px) {
	body {
		font-size: 8.5px;
	}

	html {
		font-size: 8.33338px
	}
}

@media (max-width:767px) {
	Html {
		font-size: 13.33338px;
	}
}

@media (max-width:450px) {
	html {
		font-size: 9.33338px;
	}
}

@media (max-width:450px) {
	body {
		font-size: 5px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 81.572917%;
	}
}

tbody,
tr,
td {
	text-align: center !important;
	border: 1px solid #dddbdb;
	
	font-family: Bliss-Regular!important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline-offset: -2px;
	outline: transparent;
}

.multilevelpushmenu_wrapper .cursorPointer {
	cursor: pointer;
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
	background-color: red;
}

.back {
	background-color: transparent !important;
}

#sm_menu_ham {
	position: absolute;
	top: 21px;
	right: 87%;
	display: none;
}

.mobile-menu-style {
	height: 60px;
}

.sm_menu_outer .mobile_menu li.active > .submenu {
	right: 0;
	height: 120vh;
	top: 0vw;
	position: absolute;
}

.mobile_menu .form-group {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.mobile_menu .form-group input {
	border-radius: 0px;
	border: 1px solid gray;
	box-shadow: none;
	transition: none;
}

#header nav.navbar.nav2 .hidden-line {
	color: #fff;
}

.mobile_menu .form-group button {
	border-radius: 0px;
	background-color: #e31836;
	color: rgb(255, 255, 255);
	border: 1px solid #e31836;
	border-right-color: transparent;
	box-shadow: none;
	transition: none;
	padding: 3px 9px;
	width: 41px;
	right: -1px;
	position: relative;
	text-align: center;
}

.mobile_menu img.img-caret-mob {
	position: relative;
	margin-right: 8px;
	width: 5px;
	margin-left: 0px;
}

.sm_menu_outer .mobile_menu a {
	padding: 10px 9px;
	margin: 0px 18px;
	
	font-weight: bold;
	border-bottom: 1px solid #818181;
	font-size: 3em;
}

.sm_menu_outer .mobile_menu li > a.icon-social {
	width: auto;
	border-bottom: unset;
	margin: 1%;
}

.sm_menu_outer .mobile_menu li.social-media {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

li.search-form {
	padding: 10px 9px;
	margin: 0px 18px;
}

.sm_menu_outer .mobile_menu li.back {
	top: 0;
	position: relative;
}

.sm_menu_outer {
	height: calc(100vh - 59px);
}

.sm_menu_outer .mobile_menu li.back a {
	padding: 10px 9px;
	background: url(../images/back.png) no-repeat scroll 15px center / 5% auto;
	border-bottom: none;
}

.sm_menu_outer {
	border-top: 1px solid #888889;
}

.navbar-mobile {
	height: 60px;
	box-shadow: 1px -3px 14px #808080d1;
}

#header .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
}

#myNavbar {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#header .navbar-mobile .col-xs-6 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

#header .nav-row {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

nav#menu_multilevelpushmenu {
	height: 0px;
	min-height: 49px;
	min-width: 40px;
}

#header .float-tool-first {
	position: fixed;
	z-index: 10;
	top: 33%;
}

#header .container-fluid {
	position: relative;

}

#header .float-tool-first.open-tool {
	background-color: rgb(255, 255, 255);
	top: 26%;
	z-index: 1000;
	right: 95.3%;
	position: fixed;
	width: 67px;
	background-image: none;
	padding: 22px 0px 4px 0px;
	overflow: initial !important;
}

#header .float-tool-first.open-tool .tool-after {
	width: 57px;
	height: 0px;
	border-left: 34px solid transparent;
	border-right: 34px solid transparent;
	border-top: 30px solid rgb(255, 255, 255);
	position: absolute;
	top: 100%;
}

#header .float-tool-second.toggle-heigh {
	background-image: url(../images/tool-back2.png);
	top: 59%;
	transition: top 0.5s;
}

#header .float-tool-second.open-tool {
	background-image: url(../images/tool-back1.png);
	padding: 17px 2px 24px 2px;
}

#header .float-tool-second {
	background-image: url(../images/tool-back2.png);
	top: 39%;
	z-index: 1000;
	right: 93.3%;
	background-size: 100% 100%;
	padding: 19px 1px 9px 1px;
	position: fixed;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.float-tool-first li.icon-social-open,
.float-tool-second li.icon-social-open {
	list-style: none;
}

#header .float-tool-first img.tool-icon-img,
#header .float-tool-second img.tool-icon-img {
	width: 80%;
}

#header .float-tool-first li.icon-social,
#header .float-tool-second li.icon-social {
	list-style: none;
	display: none;
}

#header .float-tool-first li.icon-social.disply-icon,
#header .float-tool-second li.icon-social.disply-icon {
	list-style: none;
	display: block;
}

#header .float-tool-first li:nth-child(2) {
	-vendor-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

#header .float-tool-first li:nth-child(3) {
	-vendor-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

#header .float-tool-first li:nth-child(4) {
	-vendor-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

#header .float-tool-first li:last-child {
	-vendor-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

#header .float-tool-first ul.tool1 {
	background-color: #fff;
	margin: 0px auto;
	padding-top: 10px;
	width: 46px;
	border-radius: 42px 42px 41px 41px;
	box-shadow: 0px -5px 8px #a2a2a247;
}

#header .float-tool-first .second-tool ul.tool1 {
	position: relative;
	bottom: 37px;
	left: -30px;
	box-shadow: 0px 5px 8px #a2a2a247;
	padding-top: 0px;
	padding-bottom: 4px;
	width: 47px;
	height: 46px;
}

#header .float-tool-first .tool-after {
	margin: 0px auto;
	width: 50px;
	height: 50px;
	background-color: #ffff;
	position: relative;
	display: block;
	transform: rotate(47deg);
	bottom: 46px;
	border-radius: 38px 50px 0px 50px;
	z-index: -1;
	box-shadow: 1px 1px 5px #a2a2a26e;
}

#header .float-tool-first .second-tool .tool-after {
	position: relative;
	bottom: 87px;
	left: -30px;
	transform: rotate(225deg);
}

#header .nav1 {
	margin-bottom: 0px;
}

#header .navbar-mobile img.img-logo.center-block {
	width: 100%;
}

#header .line img {
	border-radius: 0px 0px 10px 0px;
}

#header #sel1 {
	width: 40px;
	border-radius: 0px;
	padding: 0px;
	height: 34px;
	font-size: 12px;
}

#header .nav1 .search-box-nav {
	width: 13vw;
	position: relative;
	border-radius: 0px;
	font-size: 0.9em;
	
	height: 29px;
	padding: 0px 12px;
}

#header .nav1 .search-btn-nav {
	position: relative;
	left: -8px;
	border-radius: 0px;
	padding: 3px 7px;
	background-color: #e11838;
	border-color: #e11838;
	right: 0px;
	width: 26px;
	padding: 3px 5px;
}

#header .nav1 .navbar-nav > li > a {
	color: #fff;
	font-size: 1.125rem;

	padding: 8px;
}

#header li.dropdown.lang-menu > a {
	margin: 0px;
}

#header .nav1 ul.dropdown-menu {
	color: #fff;
	font-size: 1.125rem;
	
	min-width: 100%;
	right: auto;
	z-index: 1000000;
	left: -41%;
}

#header li.dropdown.lang-menu > a {
	margin-top: 6px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
	width: 38px;
	height: 34px;
	text-align: center;
	padding: 0px;
	font-size: 9px;
	color: #fff;
	height: 29px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}



#header div.dropdown.lang-menu > a {
	margin-top: 6px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
	width: 38px;
	height: 34px;
	text-align: center;
	padding: 0px;
	font-size: 9px;
	color: #fff;
	height: 29px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

#header .nav1 form.navbar-form.navbar-right {
	margin-top: 6px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: right;
	padding-left: 0px;
}

#header .nav2 a.line {
	padding: 15px 0px;
}

#header img.img-responsive.img-search-icon {
	image-rendering: -webkit-optimize-contrast;
}

#header nav.navbar.nav2 .navbar-nav {
	float: right;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}

#header span.line-menu {
	position: relative;
	font-size: 10px;
	font-weight: normal;
	font-family: fantasy;
}

#header nav.navbar.nav2 {
	position: relative;
	min-height: 0px;
	margin-bottom: 0px;
	border: 1px solid transparent;
	border-bottom: 0px;
	bottom: -1px;
	float: left;
}

#header .nav-pills > li:last-child .line-menu {
	display: none;
}

#header .nav2 a.line {
	height: 23px;
	overflow-y: hidden;
	cursor: auto;
	margin-top: 1px;
	padding: 8px 8px !important;
}

#header .nav2 .nav-pills > li.menu1 > a .line_menu,
#header .nav2 .navbar-nav > li.menu4 > a .line_menu {
	color: transparent;
}

#header .nav2 a.line:hover,
#header .nav2 a.line:focus,
#header .nav2 a.line:active {
	background-color: transparent;
	color: #fff;
}

#header #myNavbar .navbar-nav {
	float: right;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: inherit;
}

#header .nav2 .navbar-nav > li.menu1 > a,
#header .nav2 .navbar-nav > li.menu2 > a,
#header .nav2 .navbar-nav > li.menu3 > a,
#header .nav2 .navbar-nav > li.menu4 > a {
	font-size: 1.264em;
	
	font-weight: bold;
	color: #fff;
	border-radius: 0px;
	padding: 8px 12px;
	background-color: transparent;
	word-spacing: 2px;
	letter-spacing: 0.1px;
}

#header span.line-menu {
	position: relative;
	font-size: 13px;
}


#header .nav2 .nav-pills > li > a.style .line-menu,
#header .nav2 .nav-pills > li.menu4 > a .line-menu {
	color: transparent;
}

#header .nav-pills > li + li {
	margin-right: 0px;
	margin-left: auto;
}

#header .nav2 .nav-pills > li.remove-active > a {
	background-color: transparent !important;
	color: #fff !important;
}

#header .dropdown-menu-style-1 {
	width: 100vw;
	right: -30.1vw;
	overflow-x: hidden;
	height: 79vh;
	box-shadow: none;
}

#header .tab-content .tab-pane:first-child,
#header .tab-content .tab-pane:nth-child(2),
#header .tab-content .tab-pane:nth-child(3),
#header .tab-content .tab-pane:nth-child(4),
#header .tab-content .tab-pane:last-child {
	width: 100%;
	height: 30.1vw;
	z-index: 1000000;
	box-shadow: none;
	position: absolute;
}

#header nav.navbar.nav2.open-menu-nav-style {
	position: relative;
	min-height: 0px;
	margin-bottom: 0px;
	border: 1px solid transparent;
	border-bottom: 0px;
	bottom: -1px;
}

#header .tab-content .tab-pane:first-child .col-sm-1-layer,
#header .tab-content .tab-pane:nth-child(2) .col-sm-1-layer,
#header .tab-content .tab-pane:nth-child(3) .col-sm-1-layer,
#header .tab-content .tab-pane:nth-child(4) .col-sm-1-layer,
#header .tab-content .tab-pane:last-child .col-sm-1-layer {
	width: 100%;
	height: inherit;
	opacity: 0.7;
}

#header .tab-content .tab-pane:first-child .col-sm-1-layer {
	background-color: #fff;
}

#header .tab-content .tab-pane:nth-child(2) .col-sm-1-layer {
	background-color: #fff;
}

#header .container .col-sm-3.logo-con {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	height: 91px;
	align-items: flex-end;
	padding-bottom: 1vw;
}

#header .tab-content .tab-pane:nth-child(3) .col-sm-1-layer {
	background-color: #fff;
}

#header .tab-content .tab-pane:nth-child(4) .col-sm-1-layer,
#header .tab-content .tab-pane:last-child .col-sm-1-layer {
	background-color: #fff;
}

#header .col-sm-2-menu {
	float: right;
	height: inherit;
	padding-top: 1vw;
	padding: 1vw 0px 0px;
	text-align: right;
}

#header .col-sm-1-menu {
	height: inherit;
	background-size: cover;
	background-repeat: no-repeat;
	width: calc(34.71354166666667% + 30px);
	margin-left: calc(-9.713541666666665% - 30px);
	margin-right: 0px;
	padding: 0px;
}

#header .col-sm-3-menu {
	float: right;
	height: inherit;
	padding-top: 1vw;
	text-align: right;
}

#header .col-sm-4-menu {
	float: right;
	height: inherit;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-content: center;
	flex-direction: column;
	flex-flow: wrap;
	margin-right: calc(-9.713541666666665% - 30px);
	width: calc(34.71354166666667% + 26px);
	padding-right: calc(9.713541666666665% + 30px);
}

#header .col-sm-4-menu div {
	vertical-align: middle;
	display: table-cell;
	height: 28vw;
	float: none;
}

#header .tab-content .tab-pane:nth-child(2) .col-sm-3-menu ul {
	text-align: left;
}

#header li.list-style {
	padding: 2% 0px 2% 19px;
	list-style: none;
	direction: ltr;
	text-align: left;
}

#header li.list-style a {
	/* flex-flow: wrap; */
	/* display: -webkit-box; */
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	/* display: -webkit-flex; */
	display: -ms-flex;
	/* display: -webkit-flex; */
	display: flex;
	align-items: end;
	/* flex-direction: row; */
}

ul,
menu,
dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1rem;
	-webkit-margin-after: 1rem;
	-webkit-margin-start: 7px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

#header .tab-content .tab-pane:first-child .col-sm-2-menu .list-style > a,
#header .tab-content .tab-pane:nth-child(2) .col-sm-2-menu .list-style > a,
#header .tab-content .tab-pane:nth-child(3) .col-sm-2-menu .list-style > a,
#header .tab-content .tab-pane:nth-child(4) .col-sm-2-menu .list-style > a,
#header .tab-content .tab-pane:last-child .col-sm-2-menu .list-style > a {
	font-size: 1.250rem;
	
	color: rgb(255, 255, 255);
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 0.3px;
}

#header .tab-content .tab-pane:first-child .list-menu-style,
#header .tab-content .tab-pane:nth-child(2) .list-menu-style,
#header .tab-content .tab-pane:nth-child(3) .list-menu-style,
#header .tab-content .tab-pane:nth-child(4) .list-menu-style,
#header .tab-content .tab-pane:last-child .list-menu-style {
	padding-right: 0px;
	direction: ltr;
	text-align: -webkit-left;
	text-align: left;
}

#header .tab-content .tab-pane:first-child .col-sm-3-menu .list-style > a,
#header .tab-content .tab-pane:nth-child(2) .col-sm-3-menu .list-style > a,
#header .tab-content .tab-pane:nth-child(3) .col-sm-3-menu .list-style > a,
#header .tab-content .tab-pane:nth-child(4) .col-sm-3-menu .list-style > a,
#header .tab-content .tab-pane:last-child .col-sm-3-menu .list-style > a {
	
	font-size: 1.125rem;
	color: rgb(255, 255, 255);
	text-decoration: none;
	cursor: pointer;
	border: none;
	padding-left: 8px;
	box-shadow: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: baseline;
}

#header .navbar-mobile .mobile-share-menu {
	margin-left: 0px;
	margin-right: 0;
}

#header .navbar-mobile .col-xs-offset-2 {
	margin-right: 30.667%;
}

#header nav.navbar-mobile.hidden-lg.hidden-md.hidden-sm .dropdown-menu > li > a {
	padding: 3px 0px;
	text-align: center;
}

#header .navbar-mobile .col-xs-offset-2.col-xs-2.mobile-share-menu .dropdown {
	height: 60px;
	background-color: rgb(255, 255, 255);
	color: #a6a8ab;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #a6a8ab;
}

#header .navbar-mobile .col-xs-offset-2.col-xs-2.mobile-share-menu .dropdown ul.dropdown-menu {
	min-width: 100%;
	position: absolute;
	transition: height 2s ease-in-out;
}

#header .navbar-mobile .col-xs-offset-2.col-xs-2.mobile-share-menu:nth-child(3) .dropdown ul.dropdown-menu {

	min-width: 100%;
	position: absolute;
	transition: height 2s ease-in-out;
	padding: 9px 8px;
	right: -10px;

}

#header .tab-content .tab-pane:nth-child(3) .col-sm-3-menu ul {
	text-align: left;
}

#header .tab-content > .active {
	direction: ltr !important;
	display: inline-flex;
}



#header ul li.active2 a span.menu-icon.active {
	background-color: #f78f1d;
	border-color: #f78f1d !important;
}

span.menu-icon {
	width: 13px;
	height: 13px;
	border: 1px solid #000;
	background-color: #FFF;
	display: block;
	border-radius: 50%;
	margin-top: 14%;
}

.tab-content .tab-pane:first-child .col-sm-3-menu ul#first-menu,
.tab-content .tab-pane:nth-child(2) .col-sm-3-menu ul#first-menu,
.tab-content .tab-pane:nth-child(3) .col-sm-3-menu ul#first-menu,
.tab-content .tab-pane:nth-child(4) .col-sm-3-menu ul#first-menu,
.tab-content .tab-pane:last-child .col-sm-3-menu ul#first-menu {
	padding-right: 0px;
}

.tab-content .tab-pane:first-child .col-sm-4-menu .sub-list-style,
.tab-content .tab-pane:nth-child(2) .col-sm-4-menu .sub-list-style,
.tab-content .tab-pane:nth-child(3) .col-sm-4-menu .sub-list-style,
.tab-content .tab-pane:nth-child(4) .col-sm-4-menu .sub-list-style,
.tab-content .tab-pane:last-child .col-sm-4-menu .sub-list-style {
	list-style-type: circle;
	color: rgb(255, 255, 255);
	font-size: 1.125rem;
}

.tab-content .tab-pane:first-child .col-sm-4-menu .sub-list-style > a,
.tab-content .tab-pane:nth-child(2) .col-sm-4-menu .sub-list-style > a,
.tab-content .tab-pane:nth-child(3) .col-sm-4-menu .sub-list-style > a,
.tab-content .tab-pane:nth-child(4) .col-sm-4-menu .sub-list-style > a,
.tab-content .tab-pane:last-child .col-sm-4-menu .sub-list-style > a {
	color: rgb(255, 255, 255);
	
	font-size: 1.125rem;
}

.col-sm-3-menu .dropdown-menu {
	position: relative;
	float: inherit;
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.col-sm-3-menu .dropdown-menu a {
	color: rgb(255, 255, 255);
	
	font-size: 0.7em;
	display: block;
	padding: 5px 0px 5px 42px;
}

.col-sm-2-menu .sub-list-menu-style {
	display: none;
}

.col-sm-4-menu button.btn.btn-calculate-1 {
	width: 100%;
	background-color: #fff;
	border: 2px solid #000;
	margin-bottom: 10px;
	height: 64px;
	color: #000;
	outline-color: #000;
	
	font-weight: bold;
	font-size: 1.50rem;
	box-shadow: none;
	border-radius: 0px 0px 18px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.tab-content .tab-pane:first-child .col-sm-4-menu button.btn.btn-calculate-1:hover {
	color: rgb(255, 255, 255);
	background-color: #000;
}

.tab-content .tab-pane:nth-child(2) .col-sm-4-menu button.btn.btn-calculate-1:hover {
	color: rgb(255, 255, 255);
	background-color: #000;
}

.tab-content .tab-pane:nth-child(3) .col-sm-4-menu button.btn.btn-calculate-1:hover {
	color: rgb(255, 255, 255);
	background-color: #000;
}

.tab-content .tab-pane:nth-child(4) .col-sm-4-menu button.btn.btn-calculate-1:hover,
.tab-content .tab-pane:last-child .col-sm-4-menu button.btn.btn-calculate-1:hover {
	color: rgb(255, 255, 255);
	background-color: #000;
}

.line {
	margin-top: 10px;
	margin-bottom: 11px;
}

.col-sm-3-menu .dropdown-menu a {
	font-size: 1.125rem;
}

#header .form-group {
	padding-left: 7px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

@media (min-width:1400px) {

	#header .nav1 .search-box-nav,
	#header .nav1 .search-btn-nav,
	#header #sel1,
	#header li.dropdown.lang-menu > a {
		height: 40px;
	}

	#header .nav1 .search-btn-nav {
		width: 40px;
	}

	#header .nav1 .search-btn-nav img {
		margin: 0 auto;
		display: block;
	}

	#header .tab-content .tab-pane:first-child,
	#header .tab-content .tab-pane:nth-child(2),
	#header .tab-content .tab-pane:nth-child(3),
	#header .tab-content .tab-pane:nth-child(4),
	#header .tab-content .tab-pane:last-child {
		width: 100%;
		height: 28vw;
		z-index: 100000;
		box-shadow: none;
		position: absolute;
	}

	#header li.dropdown.lang-menu > a {
		width: 54px;
		padding: 0px 11px;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}

	#header span.lang-name {
		font-size: 1.2em;
		padding-right: 2px;
		font-weight: bold;
		color: #fff;
	}
}

@media (min-width: 767px) {
	.navbar-form .form-group {
		display: inline-flex;
	}

	.all-news-section2 .col-sm-6.col-xs-12 {
		min-height: 10vw;
	}
}

@media (min-width: 991px) and (max-width: 1200px) {

	#header .nav2 .navbar-nav > li.menu1 > a,
	#header .nav2 .navbar-nav > li.menu2 > a,
	#header .nav2 .navbar-nav > li.menu3 > a,
	#header .nav2 .navbar-nav > li.menu4 > a {
		padding: 8px 5px;
	}

	#header .container .col-sm-3.logo-con {
		height: 91px;
	}

	#header .nav1 form.navbar-form.navbar-right {
		margin-top: 6px;
		padding-right: 10px;
		padding-left: 0px;
	}

	#header .nav1 .search-box-nav {
		width: 78%;
		height: 28px;
	}

	#header .nav1 .search-btn-nav {
		height: 28px;
	}

	#header li.dropdown.lang-menu > a {
		width: 38px;
		height: 28px;
		padding: 6px 0px;
	}
}

@media (min-width: 881px) and (max-width: 991px) {
	#header .container .col-sm-3.logo-con {
		height: 87px;
	}
}

@media (min-width: 768px) and (max-width: 880px) {
	#header .nav1 .navbar-nav > li > a {
		padding: 8px 8px;
	}

	#header .nav2 .navbar-nav > li.menu1 > a,
	#header .nav2 .navbar-nav > li.menu2 > a,
	#header .nav2 .navbar-nav > li.menu3 > a,
	#header .nav2 .navbar-nav > li.menu4 > a {
		padding: 2px 10px;
	}

	#header .container .col-sm-3.logo-con {
		height: 90px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#header .nav1 form.navbar-form.navbar-right {
		margin-top: 6px;
		padding-right: 7%;
		padding-left: 0px;
	}

	#header nav.navbar.nav2 {
		margin-bottom: 1px;
		margin-top: 0px;
		min-height: auto;
	}

	.section7 .flex-item:last-child .con4 {
		margin-top: 10px;
		width: 100%;
		padding-right: 0px;
	}


	#header .nav1 .search-box-nav {
		width: 78%;
		height: 28px;
	}

	#header .nav1 .search-btn-nav {
		height: 28px;
		padding: 4px;
	}

	#header span.line-menu {
		position: relative;
		font-size: 13px;
		font-weight: bolder;
		font-family: fantasy;
	}

	#header .nav1 .navbar-nav > li > a {
		color: #fff;
		font-size: 1.125rem;
		
		padding: 10px 3px;
		margin: 0px;
	}

	#header li.dropdown.lang-menu > a {
		height: 28px;
		padding: 4px 0px;
	}

}


/******index design***********************************************************/

div#content .container.white-container {
	background-color: rgb(255, 255, 255);
}

body {
	background-image: url(../images/background-icon.png);
	background-repeat: repeat;
	background-size: 45px auto;
}

.section1 .right .icon-slider,
.section1 .left .icon-slider {
	width: 72%;
}

.section1 .left .icon-slider {
	float: right;
}

.section1 .carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	z-index: 100000000000000000000;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
	border-radius: 10px;
}

.section1 .carousel-indicators li.active {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgb(227, 24, 54);
	border: 1px solid #e31836;
	border-radius: 10px;
}

.section1 .right .icon-slider {
	float: left;
}

.homepage-carousel .item {
	height: 100vh;
}

.carousel-control.left {
	position: absolute;
	left: 11%;
}

.carousel-control.right {
	position: absolute;
	right: 11%;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	top: 41%;
	opacity: 1;
	width: auto;
	height: fit-content;
	height: -moz-fit-content;
}

.carousel-control.left {
	position: absolute;
	left: 11%;
}

.section2 .link-container:first-child a .row-style,
.section2 .link-container:nth-child(2) a .row-style,
.section2 .link-container:nth-child(3) a .row-style,
.section2 .link-container:last-child a .row-style {
	border-radius: 0px 0px 18px 0px;
	padding: 17px 0px;
	height: 100%;
}

.section2 .link-container:first-child a .row-style {
	background-color: transparent;
}

.section2 .link-container:nth-child(2) a .row-style {
	background-color: transparent;
}

.section2 .link-container:nth-child(3) a .row-style {
	background-color: transparent;
}

.section2 .link-container:last-child a .row-style {
	background-color: transparent;
}

.section2 .link-container:last-child a .main-row {
	background-color:transparent;
}

.section2 .link-container:nth-child(3) a .main-row {
	background-color:transparent;
}

.section2 .link-container:nth-child(2) a .main-row {
	background-color:transparent;
}

.section2 .link-container:first-child a .main-row {
	background-color:transparent;
}

.section2 .link-container:first-child a .main-text {
	color: #e31836;
}
.section2 .link-container:last-child a .main-text  {
	color: #1087b6;
}

.section2 .link-container:nth-child(3) a .main-text  {
	color: #008676;
}

.section2 .link-container:nth-child(2) a .main-text  {
	color: #ff5700;
}


.section2 .main-text {
	
	font-weight: bold;
	color: rgb(255, 255, 255);
	font-size: 1.2rem;
	margin-top: 19px;
	margin-bottom: 10px;
}

.section2 .container {
	padding-bottom: 0.5vw;
	padding-top: 0.5vw;
}

section.section3 {
	background-color: #f6f6f7;
}

.section3 .head-text {
	color: #5c6168;
	
	font-weight: bold;
	font-size: 1.373em;
	margin-bottom: 20px;
}

.section3 img.icon-slider {
	width: 62%;
}

.section3 ul.horizontal-slide {
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
	overflow-x: hidden;
	padding: 19px 0px 22px 0px;
}

.section3 ul.horizontal-slide li[class*="col"] {
	display: inline-block;
	float: none;
}

ul.horizontal-slide li[class*="col"]:first-child {
	margin-left: 0;
}

.section3 button.btn.chevron-left {
	float: left;
}

.section3 .chevron {
	position: absolute;
	width: 82%;
}

.section3 button.btn.chevron-right {
	left: 3.5vw;
}

.section3 button.btn.chevron-left,
.section3 button.btn.chevron-right {
	position: relative;
	top: 9.5vw;
	z-index: 10;
	background-color: transparent;
	color: #e31836;
	font-size: 30px;
	border-radius: 0px;
	outline: none;
	height: 101px;
	text-align: center;
	box-shadow: none;
}

.section3 .product-name {
	font-size: 0.875em;
	
	padding-top: 10px;
	color: #555555;
}

.section3 .left img.icon-slider {
	float: left;
	width: 13%;
}

.section3 .right img.icon-slider {
	float: right;
	width: 13%;
}

.section3 .row-right,
.section7 .row-right {
	margin-right: -15px;
}

.section3 .row-left {
	margin-left: -15px;
	height: 100%;
}

.section7 .row-left {
	margin-left: 0px;
	height: 100%;
}

.section7 .row-left > div {
	height: inherit;
}

.section3 .owl-prev .icon-slider,
.section6 .owl-prev .icon-slider {
	width: 2%;
	top: 48%;
	position: absolute;
	opacity: 1;
	left: -3%;
}

.section6 .owl-prev .icon-slider {
	left: 4%;
	top: 38%;
	width: 2%;
}

.section3 .owl-prev .icon-slider {
	top: 46%;
}

.section3 .owl-next .icon-slider,
.section6 .owl-next .icon-slider {
	position: absolute;
	top: 48%;
	opacity: 1;
	width: 2%;
	right: -3%;
}

.section6 .owl-next .icon-slider {
	right: 4%;
	top: 38%;
	width: 2%;
}

.section3 .owl-next .icon-slider {
	top: 46%;
}

.section3 img.slider-img {
	border-radius: 0px 0px 25px 0px;
	border: 1px solid #e6e6e6;
}

.section3 .owl-carousel .owl-item img {
	display: block;
	width: 100%;
}

.all-news .head-line {
	position: absolute;
	background-color: rgba(227, 24, 54, 0.611764705882353);
	bottom: 10%;
	width: 90.2%;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	padding: 10px;
	font-size: 1.719em;
	overflow: hidden;
}

.section3 .head-line {
	white-space: normal;
	position: absolute;
	background-color: rgba(226, 24, 54, 0.611764705882353);
	bottom: 10%;
	width: -webkit-fill-available;
	width: -moz-available;
	margin-right: 5%;
	margin-left: 5%;
	height: auto;
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	padding: 10px;
	font-size: 1.719em;
	overflow: hidden;
	text-align: right;
	word-spacing: 5px;
}

.all-news .head-line {
	width: 85.5%;
	font-size: 1.5rem;
	word-spacing: 3px;
}

@media (min-width: 768px) {
	.all-news .card:hover .head-line {
		background-color: rgba(24, 21, 21, 0.8196078431372549);
		bottom: 0px;
		width: calc(100% - 30px);
		margin: 0px;
		height: 100%;
		border-radius: 0px 0px 15px 0px;
		padding-right: 20px;
		padding-left: 20px;
		transition: background-color 0.5s ease;
		border-radius: 0px 0px 33px 0px;
	}

	.all-news .card:hover .head-line {
		background-color: rgba(24, 21, 21, 0.8196078431372549);
		bottom: 0px;
		width: calc(100% - 30px);
		margin: 0px;
		height: 100%;
		border-radius: 0px 0px 15px 0px;
		padding-right: 20px;
		padding-left: 20px;
		transition: background-color 0.5s ease;
		width: calc(100% - 30px);
		border-radius: 0px;
		padding: 9% 2% 0px 2%;
		flex-flow: wrap;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		text-align: center;
		border-radius: 0px 0px 33px 0px;
		align-items: center;
	}

	.all-news .card:hover .read-more-btn,
	.section3 .owl-carousel .owl-item .card:hover .read-more-btn {
		display: block;
	}

	.all-news .card:hover .head-line div {
		display: block;
		margin: 0 auto;
	}

	.section3 .owl-carousel .owl-item .card:hover .head-line {
		flex-flow: wrap;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		border-radius: 0px 0px 22px 0px;
		background-color: rgba(24, 21, 21, 0.8196078431372549);
		height: 100%;
		margin: 0px;
		bottom: 0%;
		padding: 13% 5% 0px 5%;
		transition: background-color 0.5s ease;
		word-spacing: 5px;
		width: 100%;
	}

	.all-news .card:hover .head-line a {
		width: 100%;
	}
}

.all-news .read-more-btn,
.section3 .read-more-btn {
	background-color: transparent;
	border: 1.44px solid rgb(255, 255, 255);
	border-radius: 0px 0px 17px 0px;
	color: rgb(255, 255, 255);
	outline-color: transparent;
	padding: 11px 18px;
	display: none;
	
	font-weight: bold;
	font-size: 1.7rem;
	margin-top: 7%;
	word-spacing: 5px;
}

.section3 button.btn.btn-more-news {
	background-color: #e31836;
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	font-size: 1.125rem;
	border-radius: 0px 13px 0px 0px;
	padding: 4px 32px;
	margin-top: 1.5vw;
	outline-color: transparent;
	word-spacing: 4px;
}

section.section4 .container {
	padding-bottom: 1vw;
}

.section4 .service-text .head-text {
	
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 0px;
	margin-top: 0px;
	color: rgb(255, 255, 255);
	word-spacing: 5px;
}

.section4 .service-text .main-text {
	
	font-weight: bold;
	font-size: 1.375rem;
	margin-top: 10px;
	line-height: normal;
	color: rgb(255, 255, 255);
}

.section4 .service-text .sub-text {
	
	font-family: Bliss-Regular !important;
	font-size: 1.20rem;
	margin-top: 10px;
	line-height: normal;
	color: rgb(255, 255, 255);
}

.section4 .service-text {
	position: relative;
	bottom: 1vw;
	margin-right: auto;
	margin-left: auto;
	min-height: 7vw;
	display: block;
	width: 89.15343915343915%;
}

.section4 .card-service {
	margin-top: 4vw;
	border-radius: 0px 0px 21px 0px;
}

.section4 .card-service#service1 {
	background-color: #e31836;
}

.section4 .card-service#service2 {
	background-color: #5c6168;
}

.section4 .img-service {
	bottom: 2vw;
	position: relative;
	border-radius: 0px 0px 21px 0px;
	width: 89.15343915343915%;
}

.section5 .container {
	padding-bottom: 3vw;
}

.section5 .month-employee {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(rgb(255, 255, 255) 27%, #e31836 2%, #e31836, #e31836, #e31836);
	direction: rtl;
	border-radius: 0px 53% 0px 0px;
}

.main-text {
	font-family: Bliss-Regular!important;
}
.section5 img.employee-img {
	border: 5.5px solid #e31836;
	border-radius: 59% 59% 0px 59%;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
}

.section5 h2.head-text {
	color: rgb(255, 255, 255);
	font-size: 1.875rem;
	
	font-weight: bold;
	margin-top: 0px;
	word-spacing: 5px;
}

.section5 h3.main-text {
	color: rgb(255, 255, 255);
	font-size: 1.375rem;
	margin-top: 0px;
	line-height: normal;
	font-family: Bliss-Regular!important;
}

.h2-description-text{
	word-spacing: 5px;
	margin: 0px;
	border-bottom: 1px solid;
	font-size: 2.5rem;
	text-align: center;
	padding-bottom: 5px;
}
#monthly-employee-back{
	float:right;
	font-size: initial!important;
    top: 5px!important;
	cursor: pointer;
}
.employee-description-text {
    color: #fff;
    line-height: 2;
    font-size: 1.2rem;
    
	margin-top: -35px;
	word-spacing: 2px;
	padding: 0px 10px 10px 10px;
}

.readmore-employee{
	z-index: 10;
}
.readmore-employee .read-more {
    color: #fff;
    background-color: #c50b30;
    border: none;
    border-radius: 20px;
    width: 120%;
    font-size: 1.475rem;
    padding: 7px;
    
    font-weight: bold;
    word-spacing: 5px;
    margin-bottom: 4px;

}
.section5 .flex-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	margin-top: 1vw;
}

.section5 .employee-img-card {
	z-index: 10;
	width: 45.666667%;
}
.employee-description {
    display: none;
	height: 75px;
}
.employee-main-info{
	display:block;
}

.section5 .employee-card {
	background-color: #e31836;
	bottom: 0px;
	left: 0px;
	float: left;
	position: absolute;
	width: 92.7%;
	padding: 0% 40% 0% 6%;
	z-index: 0;
	border-radius: 0px 116px 0px 0px;
	right: auto;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	direction: ltr;
	left: 15px;
	height: 72%;
}

section.section5 .container {
	background-color: rgb(255, 255, 255);
}

.section5 .time-container {
	float: right;
	width: 19%;
	margin-bottom: 0px;
}

.section5 .time-container:first-child {
	margin-right: 2.5%;
}

.section5 .pray-card {
	background: linear-gradient(rgb(255, 255, 255) 21%, #e31836 2%, #e31836, #e31836, #e31836);
	position: relative;
	min-height: 16vw;
	background-position-y: 30%;
}

.section5 img.img-responsive.pray-icon.center-block {
	border: 5.5px solid #e31836;
	border-radius: 50%;
	position: relative;
	width: 86%;
	margin-bottom: 13%;
}

.section5 p.time-name,
.section5 .pray-time-con {
	color: rgb(255, 255, 255);
	font-size: 1.25rem;
	
	font-weight: bold;
	text-align: center;
	position: relative;
}

.section5 .pray-card .head-text {
	font-size: 1.375rem;
	color: rgb(255, 255, 255);
	position: relative;
	
	font-weight: bold;
	padding: 0px 0px 12px 0px;
}

.section6 {
	padding-top: 3vw;
	padding-bottom: 3vw;
	background-color: #f6f6f8;
}

.section6 .container {
	background-color: #f6f6f8;
	width: 97%;
}

.section6 .owl-carousel .owl-item img {
	display: block;
	width: 42%;
	margin-right: auto;
	margin-left: auto;
	border: 10px solid transparent;
	border-radius: 50%;
	position: relative;
}

.section6 .owl-item.active.center > div::after {
	background: #ffc0cb00;
	width: 10px;
	height: 43px;
	content: ' ';
	position: absolute;
	left: 76%;
	top: 41%;
	border-right: 7vw solid #e31836;
	border-left: 7vw solid #e31836;
	border-top: 16px solid transparent;
	border-bottom: 16px solid #00800000;
	transition: border-right 1s ease-in-out;
}

.section6 .owl-item.active.center > div::before {
	background: #ffc0cb00;
	width: 10px;
	height: 43px;
	content: ' ';
	position: absolute;
	right: 76%;
	top: 41%;
	border-right: 7vw solid #e31836;
	border-left: 7vw solid #e31836;
	border-top: 16px solid transparent;
	border-bottom: 16px solid #00800000;
	transition: border-right 1s ease-in-out;
}

.section6 .owl-carousel {
	background-image: url(../images/back6.jpg);
	background-repeat: no-repeat;
	background-size: auto 109%;
	height: 23vw;
	width: auto;
	padding-top: 4%;
	background-position: 44% 0%
}

.section6 .owl-carousel .owl-stage-outer {
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.section6 .icon-text.text-center {
	font-size: 1.875rem;
	
	font-weight: bold;
	color: #5c6168;
	position: relative;
	top: 3vw;
	height: 100px;
}

.section7 .flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.section7 h2.head-text-1 {
	font-size: 1.713rem;
	
	font-weight: bold;
	color: #e31836;
	margin-top: 13%;
	margin-bottom: 4%;
}

.section7 select#governorateSelect,
.section7 select#regionSelect {
	border-radius: 0px 0px 26px 0px;
	padding: 6% 3%;
	
	margin-bottom: 5%;
	font-size: 1.25rem;
	height: auto;
	background: url(../images/drop-down-back2.jpg) no-repeat;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	-webkit-appearance: none;
	text-overflow: '';
	background-position: center right;
}

#map {
	margin-right: -15px;
}

.section7 .btn-search {
	border-radius: 0px 0px 26px 0px;
	padding: 5% 3%;
	
	font-weight: bold;
	font-size: 1.500rem;
	width: 100%;
	height: auto;
	background-color: #e31836;
	color: rgb(255, 255, 255);
}

.section7 .main-text {
	font-size: 1.250rem;
	color: #5c6168;
	padding-bottom: 3%;
	
	font-weight: bold;
}

.section7 .border-container {
	border: 1px solid #c7c8c9;
	background-color: rgb(255, 255, 255);
	padding: 0px;
	margin: 0px 15px 0px 0px;
}

.section7 .head-text.text-center {
	background-color: #e31836;
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	font-size: 1.375rem;
	padding: 10px;
}

.section7 .exchange-rate {
	padding: 2% 0px;
}

section.exchange-rate .table-responsive.currency tr,
section.exchange-rate .table-responsive.currency tbody,
section.exchange-rate .table-responsive.currency td {
	border: none;
}

.section7 .exchange-rate:after,
.section7 .exchange-rate:before {
	display: table;
	content: " ";
	clear: both;
}

.section7 span.currency-name,
.section7 span.price,
.questionnaire-section1 .questionnaire-details {
	color: #5c6168;
	font-size: 1.125rem;
	
	text-align: justify;
	padding-left: 9px;
}

.section7 span.price {
	font-size: 1rem;
	width: 43%;
	position: relative;
	display: -webkit-inline-box;
	direction: ltr;
}

.section7 span.currency-sympole {
	color: #e31836;
	
	font-weight: bold;
	font-size: 1.250rem;
	padding-left: 0px;
	padding-right: 5px;
}

.section7 .head-text.text-center {
	background-color: #e31836;
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	font-size: 1.5rem;
	padding: 10px;
}

.section7 .currency-container {
	border: none;
	border-radius: 0px;
}

.section7 a.btn.btn-see-more {
	float: left;
	border-radius: 0px 7px 0px 0px;
	background-color: #e31836;
	color: rgb(255, 255, 255);
	
	margin-top: 3%;
}

.section7 span.average {
	margin-right: 0px;
	float: right;
	margin-left: 0px;
}

.section7 span.fa.fa-caret-up {
	color: green;
	font-size: 11px;
}

.section7 span.fa.fa-caret-down {
	color: #e31836;
	font-size: 11px;
}

.section7 .border-container .row-left .col-xs-12.col-sm-4 {
	width: 37.333333%;
}

.section7 .border-container .row-left .col-xs-12.col-sm-8 {
	width: 62.666667%;
}

section.section7 .container {
	padding-bottom: 2vw;
	padding-top: 2vw;
	background-color: rgb(255, 255, 255);
}

.section7 .con4 {
	padding-left: 0px;
	border: 3px solid #e31836;
	border-radius: 0px 0px 10px 0px;
	margin-right: 15px;
	padding-right: 0px;
}

#footer .footer-top {
	height: 1.5vw;
	background-color: #e31836;
	z-index: 1;
}

#footer a.icon-container {
	width: 18%;
	display: inline-block;
	padding-left: 0px;
	padding-right: 4%;
}

#footer .footer-content {
	background-color: #5e6167;
	z-index: -1;
	padding-top: 5vw;
	margin-top: -2vw;
}

#footer .footer-content .container {
	background-color: #5e6167;
}

#footer .head-text.contact-us a {
	font-size: 1.837rem;
	color: rgb(227, 24, 54);
	
	font-weight: bold;
	padding-bottom: 10px;
}

#footer .main-text a {
	font-size: 1.375rem;
	font-weight: bold;
	color: rgb(255, 255, 255);
}

#footer a.icon-container li {
	text-align: center;
	padding: 4px;
	margin-left: 7px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 50%;
	color: rgb(255, 255, 255);
	font-size: 14px;
	width: 24px;
	height: 24px;
}

#footer .contact-icon {
	margin-top: 20px;
}

#footer .main-text-link {
	display: block;
	color: rgb(255, 255, 255);
	font-family: Bliss-Regular,alBaraka-Bold;
	font-weight: bold;
	font-size: 1.20rem;
	text-transform: capitalize;
	word-spacing: 4px;
	margin-bottom: 20px;
	letter-spacing: 0.6px;
	min-height: 35px;
}

#footer .col-sm-offset-1.col-sm-3.con2 {
	margin-right: 2%;
	margin-left: 7.333333%;
}

#footer .col-sm-3.con3 {
	margin-left: 2%;
}

#footer .col-sm-2.con4 {
	margin-right: 0px;
	margin-left: 2%;
}

#footer .rights-company .main-text {
	color: rgb(255, 255, 255);
	font-size: 1.375rem;
	
	padding-top: 1vw;
	padding-bottom: 1vw;
	float: right;
	letter-spacing: 1px;
}

#footer .rights-company .main-text-link {
	color: rgb(255, 255, 255);
	font-size: 1.275rem;
	margin-bottom: 0px;
	padding-top: 1vw;
	padding-bottom: 1vw;
	letter-spacing: 1px;
}

@media (max-width: 1160px) {
	.section2 img.img-responsive.icon-img {
		margin-top: 8px;
	}

	.section5 .pray-card {
		background-color: #e31836;
		position: relative;
	}
}

@media (min-width:768px) {
	.section1 .carousel-indicators {
		bottom: 16%;
	}
}

@media (max-width:1300px) {
	#header li.list-style {
		padding: 3px 0px 3px 19px;
		list-style: none;
	}
}

@media (max-width:1200px) {
	body {
		background-image: none !important;
		background-color: rgb(255, 255, 255);
	}

	.section4 .service-text {
		min-height: 8vw;
	}
}

@media (max-width:1150px) and (min-width: 768px) {
	.all-news .card:hover .head-line {
		width: calc(100% - 30px);
		font-size: 1.5rem;
		padding: 0px 2% 0px 2%;
	}
}

@media (max-width:1150px) {
	#header .float-tool-second {
		top: 40%;
		right: 91.3%;
	}

	#header .float-tool-first.open-tool {
		top: 28%;
	}

	#header .float-tool-first {
		top: 34%;
		right: 93.3%;
	}

	.all-news .read-more-btn {
		margin-top: 10px;
		padding: 6px 10px;
	}

	.sm_menu_outer .mobile_menu li {

		list-style-type: none;
		border-bottom: 0.5px solid rgba(0, 0, 0, 0);
		border-image: none !important;
		color: #ffffff;
		margin-left: 5px;

	}

	.section3 .chevron {
		position: absolute;
		width: 96%;
	}
}

@media (max-width:1024px) {
	section.section3 .container {
		width: 95%;
	}

	.container {
		width: 100%;
	}

	#header .col-sm-4-menu {
		margin: 0px !important;
		padding: 0px 15px !important;
		width: 25%;
	}

	.section2 .link-container:first-child a .row-style,
	.section2 .link-container:nth-child(2) a .row-style,
	.section2 .link-container:nth-child(3) a .row-style,
	.section2 .link-container:last-child a .row-style {
		padding: 14px 0px;
		height: 100%;
	}

	#header li.list-style {
		padding: 2px 0px;
		list-style: none;
	}

	span.menu-icon {
		width: 8px;
		height: 8px;
		border: 1px solid #000;
		background-color: #FFF;
		display: block;
		border-radius: 50%;
		margin-top: 11%;
	}

	#header .col-sm-4-menu button.btn.btn-calculate-1 {
		width: 100%;
		height: auto;
		padding: 10px;
		word-spacing: 3px;
	}
}

@media (max-width:1024px) and (min-width:767px) {

	.section1 .right .icon-slider,
	.section1 .left .icon-slider {
		width: 53% !important;
	}

	#header .nav1 {
		margin: 0px 15px;
	}
}

@media (max-width:991px) and (min-width: 768px) {

	.all-news .card:hover .head-line,
	.all-news .head-line,
	.section3 .head-line {
		width: calc(100% - 30px);
	}
}

@media (max-width:991px) {
	.section7 .border-container > .row-left {
		margin-left: 0px;
		height: 100%;
		height: inherit;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
	}

	.section7 .border-container .col-xs-12.col-sm-8 .row-left {
		height: 100%;
	}

	.section7 .border-container .col-xs-12.col-sm-8 .row-left #map {
		height: inherit;
	}

	.section6 div#myCarouselmob {
		background-color: #e31836;
	}

	.section6 #myCarouselmob .img-rounded img {
		border-radius: 50%;
		width: 58%;
		padding-top: 5vw;
		padding-bottom: 5vw;
	}

	.section6 div#myCarouselmob {
		background-color: #e31836;
	}

	.section6 #myCarouselmob .head-text {
		font-size: 1.5rem;
		padding-top: 15vw;
		font-family: FirstFont;
		color: rgb(255, 255, 255);
	}

	.section7 .flex-container {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.section4 .service-text {
		min-height: 8vw;
	}

	.section7 .con4 {
		margin-right: 0px;
		padding-right: 0px;
		margin-top: 15px;
	}

	#header .float-tool-second {
		top: 40%;
		right: 88.3%;
	}

	#header .float-tool-first.open-tool {
		top: 28%;
	}

	#header .float-tool-first {
		top: 34%;
		right: 91.3%;
	}
}

@media (max-width:880px) {
	.all-news .head-line {
		width: 77.5%;
		font-size: 1.5rem;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.section2 .main-text {
		font-size: 1.2em;
		margin-top: 14px;
		margin-bottom: 14px;
	}

	.section7 span.currency-name,
	.section7 span.price,
	.questionnaire-section1 .questionnaire-details {
		color: #5c6168;
		font-size: 1.5rem;
	}
}

@media (max-width: 767px) {
	.section1 #myCarouselMobile .carousel-inner > .item {
		background-image: url(../images/slider-back.png);
		background-size: cover;
		height: 96vw;
	}
	

	.section7 span.currency-name {
		display: block;
	}

	section.section1 {
		margin-top: -10px;
	}

	.section6 .owl-carousel {
		background-image: none;
		background-repeat: unset;
		background-size: unset;
		height: 100%;
		width: auto;
		padding-top: unset;
		background-position: unset;
		background-color: #e31836;
		height: 29vw;
	}

	.section1 .carousel-indicators {
		bottom: 16%;
	}

	.flex-container-index-mobile {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.section2 .link-container:first-child a .main-row,
	.section2 .link-container:nth-child(2) a .main-row,
	.section2 .link-container:nth-child(3) a .main-row {
		background-color: transparent;
	}

	.section7 span.price,
	.section7 span.currency-sympole {
		font-size: 1.3rem;
	}

	#sm_menu_ham {
		display: block;
	}

	.section6 {
		background-color: #e31836;
		order: 1;
		margin-top: 23px;
	}

	.section5 {
		order: 3;
	}

	.section7 {
		order: 2;
	}

	.section3 {
		background-color: #f6f6f7;
	}

	.section6 .service-image a {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}

	 .section6 .owl-carousel .owl-item img {
		display: block;
		width: 35%;
	}

	.section6 .icon-text.text-center {
		top: 0px;
		width: 52%;
		color: rgb(255, 255, 255);
		font-weight: bold;
		font-size: 1.4rem;
	}

	.section1 .container-fluid,
	.section2 .container,
	.section3 .container,
	section.section4 .container,
	section.section5 .container,
	section.section7 .container {
		background-color: transparent;
	}

	.section4 .card-service:first-child .img-container {
		width: 100%;
		float: right;
	}

	.section6 .owl-next .icon-slider,
	.section6 .owl-prev .icon-slider {
		top: 45%;
	}

	.flex-container,
	.section7 .flex-container,
	.section5 .flex-container {
		padding: 0;
		margin: 0;
		-ms-box-orient: vertical;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column;
		flex-flow: column;
	}

	.home .flex-item:nth-of-type(1) {
		order: 1;
	}

	#sm_menu_ham {
		right: 89%;
	}

	#header .navbar-mobile img.img-logo.center-block {
		width: 118px;
	}

	.sm_menu_outer .mobile_menu a {
		font-size: 1.2rem;
		font-family: Bliss-Regular;
	}

	.home .flex-item:nth-of-type(2) {
		order: 2;
	}

	.home .flex-item:nth-of-type(3) {
		order: 3;
	}

	.home .flex-item:nth-of-type(4) {
		order: 4;
	}

	.home .flex-item:nth-of-type(5) {
		order: 7;
	}

	.home .flex-item:nth-of-type(6) {
		order: 5;
	}

	.home .flex-item:nth-of-type(7) {
		order: 6;
	}

	.section7 .flex-item:nth-of-type(1),
	.section5 .flex-item:nth-of-type(1) {
		order: 2;
	}

	.section7 .flex-item:nth-of-type(2),
	.section5 .flex-item:nth-of-type(2) {
		order: 1;
	}

	.section2 {
		/*margin-bottom: 1.5vw;*/
		margin-top: 1.5vw;
	}

	body {
		background-image: url(../images/background-icon.png);
		background-repeat: repeat;
		background-size: 6%;
		word-spacing: 3px;
	}

	.section6 .owl-carousel .owl-item img {
		width: 35%;
	}

	.section3 .owl-next .icon-slider,
	.section3 .owl-prev .icon-slider,
	.section6 .owl-next .icon-slider,
	.section6 .owl-prev .icon-slider {
		width: 4%;
	}

	.section2 .div-con2,
	.section2 .div-con1,
	.section2 .div-con3,
	.section2 .div-con4 {
		background-color: transparent;
	}

	.section2 a:first-child .row-style,
	.section2 a:nth-child(2) .row-style,
	.section2 a:nth-child(3) .row-style,
	.section2 a:last-child .row-style {
		height: auto;
		margin-bottom: 10px;
		padding: 14px 0px;
		border-radius: 0px 0px 19px 0px;
	}

	.section2 a:first-child .row-style:after,
	.section2 a:nth-child(2) .row-style:after,
	.section2 a:nth-child(3) .row-style:after,
	.section2 a:last-child .row-style:after,
	.section2 a:first-child .row-style:before,
	.section2 a:nth-child(2) .row-style:before,
	.section2 a:nth-child(3) .row-style:before,
	.section2 a:last-child .row-style:before {
		display: table;
		content: " ";
		clear: both;
	}

	.section2 .main-text {
		margin-top: 14px;
		margin-bottom: 14px;
	}

	#footer .footer-content {
		background-color: #5e6167;
		z-index: -1;
		padding-top: 9vw;
		margin-top: -2vw;
		padding-bottom: 9vw;
	}

	#footer .col-sm-offset-1.col-sm-3.con2 {
		margin: 0%;
		padding: 15px 0px;
	}

	#footer .rights-company .main-text,
	#footer .rights-company .main-text-link {
		text-align: center;
		padding-top: 15px;
	}

	#footer .footer-top {
		height: 18px;
	}

	.section1 .left .icon-slider,
	.section1 .right .icon-slider {
		width: 26%;
	}

	.section1 .right .icon-slider {
		float: left;
		margin-left: 7vw;
	}

	.section1 .left .icon-slider {
		float: right;
		margin-right: 7vw;
	}

	.section3 img.slider-img {
		border-radius: 0px 0px 15px 0px;
		width: 100%;
		height: auto;
	}

	.section7 .exchange-rate .col-sm-6.col-xs-7 {
		display: flex;
		align-items: center;
	}

	.section2 .container {
		padding: 0px;
	}

	.all-news .head-line,
	.section3 .head-line {
		position: relative;
		background-color: transparent;
		bottom: 10%;
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
		font-size: 1.5rem;
		height: auto;
		color: #757980;
		
		padding: 3vw 0px 1vw 0px;
		text-align: left;
	}

	.all-news img.slider-img {
		border: 1px solid #e6e6e6;
		margin-bottom: 20px;
	}

	.all-news .head-line {
		margin-top: 20px;
	}

	.section3 {
		background-color: transparent;
	}

	.section3 button.read-more.center-bock {
		background-color: #e31836;
	}

	.section3 button.more-news {
		background-color: #a6a8ab;
}

	.section3 button.read-more.center-bock,
	.section3 button.more-news {
		width: 100%;
		border: none;
		color: rgb(255, 255, 255);
		box-shadow: none;
		padding: 9px;
		margin-top: 3vw;
		font-size: 1.5rem;
		
		font-weight: bold;
	}

	.all-news .read-more-btn {
		width: 100%;
		border: none;
		color: rgb(255, 255, 255);
		box-shadow: none;
		padding: 5px;
		margin-top: 3vw;
		
		font-weight: bold;
		background-color: #e31836;
		border-radius: 0px 0px 17px 0px;
		text-decoration-color: #e31836;
		display: block;
	}

	.section4 .img-service {
		bottom: 25px;
		position: relative;
		width: 100%;
		border-radius: 0px 0px 25px 0px;
		padding-left: 9px;
		padding-right: 8px;
	}

	.section4 .card-service {
		border-radius: 0px 0px 20px 0px;
	}

	.section4 .service-text .main-text {
		margin-top: 6px;
		color: rgb(255, 255, 255);
		margin-bottom: 0px;
		margin-right: auto;
		padding-left: 27px;
	}

	.section4 .card-service#service1 {
		padding: 9px 0px;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}

	.section4 .service-text {
		position: relative;
		bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
		min-height: auto;
		display: unset;
		width: unset;
	}

	.section4 .service-text .head-text {
		
		font-weight: bold;
		margin-top: 0px;
		padding: 0px;
	}

	.section4 .col-sm-6.col-xs-12 .card-service {
		display: none;
	}

	.section4 .col-sm-6.col-xs-12:first-child .card-service {
		display: block;
	}

	section.section4 {
		margin-bottom: 3vw;
		margin-top: 2vw;
	}

	.home div#myCarousel1 {
		background-color: #e31836;
	}

	.section6 .img-rounded img {
		border-radius: 50%;
		width: 58%;
		padding-top: 5vw;
		padding-bottom: 5vw;
	}

	.section6 img.icon-slider {
		width: 26%;
		position: relative;
	}

	.carousel-control.left {
		left: 3vw;
		text-align: -webkit-left;
	}

	.carousel-control.right {
		right: 3vw;
		text-align: -webkit-right;
	}

	.section6 .head-text {
		font-size: 3.5em;
		padding-top: 15vw;
		
		font-weight: bold;
		color: rgb(255, 255, 255);
	}

	.section6 .carousel-control.left,
	.section6 .carousel-control.right {
		top: 45%;
	}

	.section7 .con4 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section7 .exchange-rate {
		padding: 2.5vw 0px;
	}

	.section7 span.average {
		margin-left: 10px;
		padding-right: 5vw;
		height: 26px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}

	.section7 span.average .fa {
		font-size: 16px;
	}

	.section7 button.btn.btn-see-more {
		
		padding: 8px 17px;
	}

	section.section7 {
		margin-top: 2vw;
	}

	.section7 .border-container .row-left .col-xs-12.col-sm-4,
	.section7 .border-container .row-left .col-xs-12.col-sm-8 {
		width: 100%;
	}

	.section7 .border-container {
		margin-top: 6vw;
	}

	.section7 h2.head-text-1 {
		margin-top: 9vw;
		margin-bottom: 6vw;
		text-align: center;
		font-size: 2.6rem;
		word-spacing: 4px;
	}

	.section7 .main-text {
		padding-bottom: 5vw;
		text-align: center;
	}

	.section7 select#governorateSelect,
	.section7 select#regionSelect {
		height: auto;
		
		font-weight: bold;
		color: #5c6168;
	}

	.section7 .btn-search {
		height: auto;
	}

	.section7 .border-container .row-left .col-xs-12.col-sm-4 .row-right {
		margin: 0px;
	}

	.section7 .border-container .row-left .col-xs-12.col-sm-4 {
		padding: 0px 15px;
	}

	.section7 .border-container .row-left .col-xs-12.col-sm-8 {
		padding: 0px;
		margin-right: 0px;
		margin-left: 0px;
		height: 76vw;
		width: calc(100% - 30px);
	}

	.section7 .border-container > .row-left {
		margin-left: 0px;
		height: 100%;
		height: inherit;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.section7 .currency-container {
		border: none;
		border-radius: 0px 0px 25px 0px;
		background-color: rgb(255, 255, 255);
	}

	.section7 .border-container .row-left .col-xs-12.col-sm-8 .row-left {
		margin-left: 0px;
		margin-right: -15px;
	}

	.section7 .form-group {
		margin-bottom: 4vw;
	}

	.section7 img.img-responsive.map-con {
		height: auto;
		width: 100%;
	}

	.section5 img.img-responsive.pray-icon.center-block {
		border: 4px solid #e31836;
		width: 84%;
	}

	.section5 p.time-name {
		font-size: 1.2rem;
	}



	.section5 .pray-card .head-text {
		font-size: 1.2rem;
	}

	.section5 .pray-card {
		height: 36%;
		margin-top: 3vw;
		margin-bottom: 4vw;
	}

	.section5 h3.main-text {
		color: rgb(255, 255, 255);
		line-height: calc(100% + 4px);
	}

	.section5 h2.head-text {
		color: rgb(255, 255, 255);
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.section5 {
		margin-bottom: 6vw;
	}

	.section5 img.employee-img {
		border: 9px solid #e31836;
		border-radius: 59% 59% 0px 59%;
	}

	.section5 .employee-card {
		padding: 0% 36% 0% 6%;
		margin-left: 0px;
		height: 80%;
		width: 90%;
		padding-top: 40px;
	}

	#footer .footer-top img {
		width: 212px;
	}

	#footer .footer-content .row {
		display: none;
	}

	#footer .footer-content .row.rights-company {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.section5 h2.head-text {
		color: rgb(255, 255, 255);
		font-size: 1.5rem;
		word-spacing: 4px;
		line-height: calc(100% + 3px);
	}
}

@media (max-width:600px) {
	.section2 .main-text {
		margin-top: 9px;
		margin-bottom: 9px;
	}


	#footer .footer-top img {
		width: 200px;
	}

	#sm_menu_ham {
		right: 89%;
	}

	.section3 button.read-more.center-bock,
	.section3 button.more-news {
		width: 100%;
		border: none;
		color: rgb(255, 255, 255);
		box-shadow: none;
		padding: 6px;
		margin-top: 3vw;
		font-weight: bold;
	}
}

@media (max-width:550px) {
	.section6 .owl-carousel {
		height: auto;
	}

	.news {
		font-size: 10px;
	}


	.section7 span.average {
		margin-left: 0px;
		padding-right: 0vw;
	}

	.section5 h3.main-text {
		color: rgb(255, 255, 255);
	
		margin-top: 0px;
	}



	#sm_menu_ham {
		right: 85.5%;
	}

	.section5 h2.head-text {
		color: rgb(255, 255, 255);
		
		font-weight: bold;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	#sm_menu_ham {
		right: -6%;
	}
	#sm_menu_ham.sticky {
		right: 85% !important;
	}
}

@media (max-width:450px) {
	.section7 span.currency-name {
		display: none;
	}



	.section4 .service-text {
		width: 65%;
	}

	.section5 h2.head-text {
		color: rgb(255, 255, 255);
		font-size: 1.5rem;
		word-spacing: 4px;
		line-height: calc(100% + 3px);
	}

	.section2 a:first-child .row-style,
	.section2 a:nth-child(3) .row-style {
		margin-right: 0px;
		margin-left: -5px;
	}

	.section4 .card-service#service1 {
		padding: 2px 0px;
	}

	section.section4 {
		margin-bottom: 0vw;
		margin-top: 7vw;
	}

	.section4 .card-service:first-child .img-container {
		width: 72%;
		float: right;
		padding-right: 3px;
		padding-left: 14px;
	}

	.section4 .service-text .main-text {
		display: none;
	}

	.section2 a:nth-child(2) .row-style,
	.section2 a:last-child .row-style {
		margin-right: -5px;
		margin-left: 0px;
	}

	.section4 .service-text .main-text {
		margin-top: 1vw;
		margin-bottom: 0vw;
	}

	.section4 .service-text .head-text {
		margin-top: 1vw;
	}

	#sm_menu_ham {
		right: 86.5%;
	}
}

@media (max-width:390px) {
	.section4 .img-service {
		padding-left: 0px;
		bottom: 12px;
		padding-right: 7px;
	}

	.section5 h2.head-text {
		margin-top: 4px;
	}

	#footer .footer-top img {
		width: 160px;
	}

	#footer .footer-top {
		height: 14px;
	}

	#sm_menu_ham {
		right: 87%;
	}

	.section7 h2.head-text-1 {
		font-size: 2rem;
		word-spacing: 4px;
	}

	.section5 h2.head-text {
		color: rgb(255, 255, 255);
		font-size: 1.2rem;
		word-spacing: 4px;
		line-height: calc(100% + 3px);
	}
	
}

@media (max-width:350px) {
	.section5 .pray-card {
		height: 100%;
		top: 0px;
	}

	.section6 .owl-carousel .owl-item img {
		display: block;
		width: 41%;
	}
}


/********* news****************************************/

.news-section1 .carousel-control.left {
	left: -8vw;
}

.news-section1 .carousel-control.right {
	right: -8vw;
}

.news-section1 .item img {
	border-radius: 0px 0px 35px 0px;
}

.carousel-inner .item:after {
	background-color: aquamarine;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
}

.news-section1 .page-follower {
	margin-top: 1vw;
	margin-bottom: 1vw;
}

.news-section2 .container {
	padding-top: 2vw;
	background-color: rgb(255, 255, 255);
}

.news .row.row1,
.news .row.row2,
.news .row.row3 {
	background-color: rgb(255, 255, 255);
}

.row.row3 div {
	margin-top: 1vw;
}

.all-news .all-news-section2 .head-text,
.news-section2 .head-title,
.news-section3 .head-title,
.news-section4 .head-title {
	font-size: 1.50rem;
	color: #5c6168;
	line-height: unset;
	
	font-weight: bold;
}

.all-news .all-news-section2 .main-text,
.news-section2 .main-text,
.news-section2 .main-text span {
	font-size: 1.250rem;
	color: #5c6168;
	font-family: Bliss-Regular !important;
	text-align: justify;
	margin-top: 1vw;
	line-height: unset;
}

.news .row4 .main-text br {
	margin-top: 1vw;
	margin-bottom: 1vw;
}

.news-section2 .date-text {
	font-size: 1.250rem;
	color: #5c6168;
	
}

.news-section2 li.list-style li:before {
	position: relative;
	margin-right: 54vw;
}

.news-section2 li.list-style {
	padding: 0px;
	list-style: none;
}

.news-section1 .carousel-control.right img,
.news-section1 .carousel-control.left img {
	width: 25%;
}

.news-section3 .social-media-container {
	padding: 4px 0px;
	margin: 0px 0px 0px 10px;
	width: 4.5%;
	height: auto;
	text-align: center;
	display: inline-block;
}

.news-section3 .social-media-links {
	margin-top: 1vw;
	margin-bottom: 1vw;
}

.news-section3 .social-media-links a {
	color: rgb(255, 255, 255);
	font-size: 16px;
}

.news-section3 span#social1 {
	background-color: #615f5e;
}

.news-section3 span#social2 {
	background-color: #3a5998;
}

.news-section3 span#social3 {
	background-color: #0584ff;
}

.news-section3 span#social4 {
	background-color: #47c7fa;
}

.news-section3 span#social5 {
	background-color: #dc4a38;
}

.news-section3 span#social6 {
	background-color: #0277b5;
}

section.news-section3 .container {
	padding-top: 3vw;
	padding-bottom: 2vw;
}

.news-section4 .related-news-title {
	padding-bottom: 0.5vw;
	padding-top: 1vw;
	border-bottom: 2px solid #ebebeb;
}

.news-section4 .date-text {
	font-size: 1rem;
	color: #5c6168;
	
}

.news-section4 .related-news {
	padding-top: 1vw;
	padding-bottom: 1vw;
	border-bottom: 1px solid #ebebeb;
}

.news-section4 .head-title {
	padding-bottom: 15px;
}

.news-section4 .related-news:last-child {
	border-bottom: none;
}

section.news-section4 .container {
	padding-bottom: 2vw;
}

section.news-section4 .container,
section.news-section3 .container {
	background-color: rgb(255, 255, 255);
}

.news-section4 .related-news-title .head-title {
	padding-bottom: 0px;
}

@media (max-width:767px) {
	.news-section1 .carousel-control.left {
		left: 1vw;
	}

	.news-section1 .carousel-control.right {
		right: 1vw;
	}

	.news-section2 .date-text {
		font-size: 1.250rem;
		color: #5c6168;
		text-align: right;
	}

	section.news-section3 {
		margin-bottom: 16px;
	}

	.news-section2 li:before {
		content: ".";
		right: 0vw;
		position: relative;
		padding-left: 4px;
		font-size: 30px;
	}

	.navbar-mobile {
		height: 60px;
		box-shadow: 1px -3px 14px #808080d1;
	}

	.navbar-mobile .row {
		display: flex;
		direction: rtl;

	}

	.news .row.row1 {
		background-color: rgb(255, 255, 255);
		margin-top: 2vw;
	}

	.news-section3 .social-media-container {
		padding: 4px 0px;
		margin: 3px 0px 0px 10px;
		width: 36px;
		height: 27px;
		text-align: center;
		display: inline-block;
	}

	.news-section1 .page-follower,
	h2.page-follower {
		margin-top: 2vw;
		margin-bottom: 3vw;
	}

	section.all-news-section1 {
		padding-top: 1vw;
	}

	.all-news-section1 span.page-title,
	.news-section1 .page-follower span,
	.questionnaire-section1 .page-follower span {
		
		font-size: 13px;
		color: #5c6168;
	}
}


/* *********All News***************************************** */

.all-news .card {
	margin-top: 1vw;
	margin-bottom: 1vw;
	overflow: hidden;
}

.all-news .items {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
}

.all-news .all-news-section2 .read-more {
	color: #e31836;
	font-size: 1.1250em;
	
	font-weight: bold;
	margin-bottom: 1vw;
	margin-top: 4px;
}

.all-news-section2 .container,
.all-news-section1 .container {
	background-color: rgb(255, 255, 255);
}

.all-news .all-news-section2 .head-text,
.all-news .all-news-section2 .main-text {
	margin-bottom: 0px;
	margin-top: 6px;
}

.all-news-section2 a {
	text-decoration-line: none;
}

@media (max-width:991px) {
	.all-news .card {
		max-height: 18vw;
		overflow: hidden;
	}
}

@media (max-width:767px) {
	.all-news .card {
		max-height: 100%;
		overflow: hidden;
	}
}


/* ************questionnaire**************************************** */

.questionnaire-section1 .container {
	background-color: rgb(255, 255, 255);
}

.questionnaire-section1 img.img-responsive.img-header {
	margin-top: 1vw;
	margin-bottom: 1vw;
	border-radius: 0px 0px 33px 0px;
}

.questionnaire-section1 .questionnaire-details,
.questionnaire-section1 .page-follower {
	margin-top: 1vw;
	margin-bottom: 1vw;
}

.questionnaire-section1 .radio input[type="radio"],
.questionnaire-section1 .radio-inline input[type="radio"],
.questionnaire-section1 .checkbox input[type="checkbox"],
.questionnaire-section1 .checkbox-inline input[type="checkbox"] {
	margin-right: 0px;
	position: inherit;
}

.questionnaire-section1 label.checkbox-inline {
	width: 18%;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.questionnaire-section1 .container .input-hidden-style {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


/* Create a custom checkbox */

.questionnaire-section1 .checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	width: 20px;
	background-color: #a6a8ab;
	border-radius: 4px;
}


/* On mouse-over, add a grey background color */

.questionnaire-section1 .container:hover input ~ .checkmark {
	background-color: #a6a8ab;
}


/* When the checkbox is checked, add a blue background */

.questionnaire-section1 .container input:checked ~ .checkmark {
	background-color: #e31836;
}


/* Create the checkmark/indicator (hidden when not checked) */

.questionnaire-section1 .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the checkmark when checked */

.questionnaire-section1 .container input:checked ~ .checkmark:after {
	display: block;
}


/* Style the checkmark/indicator */

.questionnaire-section1 .container .checkmark:after {
	left: 7px;
	top: 4px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.questionnaire .question,
.questionnaire .question-num,
.questionnaire .question-note {
	color: #5c6168;
	font-size: 1.1250em;
	padding-bottom: 6px;
	
}

.questionnaire .question-note {
	color: #e31836;
	font-size: 1rem;
}

.question-answers .row {
	padding-bottom: 1vw;
}

.question-answers {
	padding-top: 1vw;
}


/* Hide the browser's default radio button */

.questionnaire-section1 .container .input-hidden-style {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


/* Create a custom radio button */

.questionnaire .radiomark {
	position: absolute;
	top: 0;
	right: 0;
	height: 17px;
	width: 17px;
	background-color: rgb(255, 255, 255);
	border: 2px solid #a6a8ab;
	border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.questionnaire:hover input ~ .radiomark {
	background-color: rgb(255, 255, 255);
	border: 2px solid #a6a8ab;
}


/* When the radio button is checked, add a blue background */

.questionnaire input:checked ~ .radiomark {
	background-color: rgb(255, 255, 255);
	border: 2px solid #e31836;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.questionnaire .radiomark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the indicator (dot/circle) when checked */

.questionnaire input:checked ~ .radiomark:after {
	display: block;
}


/* Style the indicator (dot/circle) */

.questionnaire .radiomark:after {
	top: 3.8px;
	left: 3.8px;
	width: 5px;
	text-align: center;
	height: 5px;
	border-radius: 50%;
	background: #e31836;
}

.questionnaire-section1 label.radio-inline {
	width: 18%;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.questionnaire-section1 .container .input-style,
.questionnaire-section1 .container .select-style {
	opacity: unset;
	width: 97%;
	margin-right: 15px;
	margin-left: 15px;
	display: block;
	position: inherit;
}

.questionnaire-section1 .container .select-style {
	width: 18%;
	height: auto;
}

.questionnaire-section1 .form-group {
	margin-bottom: 0px;
}

.question-answers label.radio {
	margin-right: 15px;
	
	font-weight: normal;
}


.questionnaire:hover input ~ .img-radio,
.questionnaire input ~ .img-radio {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.questionnaire input:checked ~ .img-radio {
	-webkit-filter: none;
	filter: none;
}

.questionnaire-section1 .smile-rate label.radio-inline {
	width: auto;
	margin-right: 0px;
	padding-right: 0px;
}

.questionnaire-section1 input.btn.center-block.btn-send {
	background-color: #e31836;
	color: rgb(255, 255, 255);
	border-radius: 0px 0px 25px 0px;
	padding: 6px 39px;
	
	margin-top: 2vw;
	margin-bottom: 3vw;
	font-size: 1.250rem;
}

@media (max-width:991px) {

	.questionnaire-section1 .questionnaire-details,
	.questionnaire .question,
	.questionnaire .question-num,
	.questionnaire-section1 input.btn.center-block.btn-send {
		font-size: 1.5rem;
	}
}

@media (max-width:767px) {

	.questionnaire-section1 .container .input-style,
	.questionnaire-section1 .container .select-style {
		opacity: unset;
		width: 83%;
		margin-right: 15px;
		margin-left: 30px;
		display: block;
		position: inherit;
	}

	.questionnaire .question-note {
		display: block;
	}

	section.questionnaire {
		margin-top: 1vw;
	}


	.questionnaire-section1 label.radio-inline,
	.questionnaire-section1 label.checkbox-inline {
		width: 40%;
		margin-left: 0px;
	}
}

@media (max-width:450px) {



	.questionnaire-section1 label.radio-inline,
	.questionnaire-section1 label.checkbox-inline {
		width: 80%;
		margin-left: 0px;
	}
}


/* *****************about bank ********** */

.about-bank-section1 .main-text {
	float: right;
	color: #5c6168;
	
	font-size: 1.25rem;
	text-align: justify;
	padding-bottom: 1vw;
	padding-top: 0.5vw;
}

.about-bank-section1 .event-date {
	
	font-weight: bold;
	font-size: 1.875rem;
	background-color: rgb(255, 255, 255);
	border: none;
	padding: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}

.about-bank-section1 .event-date.orange {
	color: #ff5700;
	border: none;
}

.about-bank-section1 .event-date.red {
	color: #e31836;
	border: none;
}

.about-bank-section1 .table > tbody > tr > td:first-child {
	width: 45%;
}

.about-bank-section1 table.table {
	margin-top: 1vw;
	margin-bottom: 2vw;
}

.about-bank-section1 .table > tbody > tr > td:nth-child(2) {
	background-image: url(../images/dotted-back.png);
	background-size: 2px 8px;
	background-repeat: no-repeat repeat;
	background-position: center;
	width: 6%;
	padding-top: 0px;
	text-align: right;
}



.about-bank-section1 .table > tbody > tr > td {
	border-color: transparent;
	border: none;
}

.about-bank-section1 .flex-item2 {
	text-align: center;
	background-image: url(../images/dotted-back.png);
	background-size: 4px 8px;
	background-repeat: no-repeat repeat;
	background-position: center;
	margin-right: 0px;
}

.about-bank-section1 .flex-container-right .flex-item1 {
	width: 46%;
	padding-left: 15px;
	padding-right: 15px;
}

.about-bank-section1 .flex-container-right {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.about-bank-section1 .flex-container-left {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	margin-right: 0px;
	margin-left: 46%;
}

.about-bank-section1 .flex-container-left .flex-item1 {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.about-bank-section1 .container {
	background-color: rgb(255, 255, 255);
}

@media (max-width:767px) {
	.about-bank-section1 .table > tbody > tr > td:first-child {
		width: 0%;
	}

	.about-bank-section1 {
		direction: initial;
	}

	.about-bank-section1 .about-bank-section1 .main-text {
		font-size: 2.25em;
	}

	.about-bank-section1 .about-bank-section1 .page-follower {
		padding-top: 15px;
		padding-bottom: 15px;
		
		font-size: 2em;
		color: #5c6168;
		font-size: 1.125rem;
	}

	.about-bank-section1 .flex-container-left {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		margin-right: 0px;
		margin-left: 0px;
	}

	.about-bank-section1 .flex-item1 {
		order: 2;
	}

	.about-bank-section1 .flex-item2 {
		order: 1;
		margin-left: 6px;
		margin-right: 0px;
	}

	.about-bank-section1 .flex-container-right .flex-item1 {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	section.about-bank-section1,
	FAQ-section1 {
		margin-bottom: 3vw;
	}

	.about-bank-section1 .event-date {
		border-radius: 50%;
		margin-bottom: 10px;
		width: 58px;
		height: 58px;
		text-align: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.about-bank-section1 .event-date.orange {
		color: #ff5700;
		border: 3px solid #ff5700;
	}

	.about-bank-section1 .main-text {
		padding-bottom: 2vw;
		padding-top: 2vw;
	}

	.about-bank-section1 .page-follower,
	.FAQ-section1 .page-follower,
	h2.page-follower {
		font-size: 2.125em;
		padding-right: 6px;
		margin-bottom: 2vw;
		margin-top: 2vw;
	}

	.about-bank-section1 .event-date.red {
		color: #e31836;
		border: 3px solid #e41937;
	}

	.all-news .all-news-section2 .main-text,
	.news-section2 .main-text,
	.all-news .all-news-section2 .read-more {
		font-size: 13px;
	}

	.all-news .all-news-section2 .head-text,
	.news-section2 .head-title,
	.news-section3 .head-title,
	.news-section4 .head-title {
		font-size: 13px;
		line-height: normal;
	}
}

@media (max-width:450px) {}


/* *************FAQ*********************************** */

.FAQ-section1 .panel-default > .panel-heading.collapsed .caret-icon {
	border: solid #e31836;
	border-width: 0 7px 7px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 1vw;
}

.FAQ-section1 .container {
	padding-bottom: 2vw;
}

.FAQ-section1 .panel-default > .panel-heading .caret-icon {
	border: solid rgb(255, 255, 255);
	border-width: 0 7px 7px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	position: relative;
	top: 5px;
	margin-left: 0px;
	margin-right: 1vw;
}

.FAQ-section1 .panel-default > .panel-heading a {
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	font-size: 0.8em;
	font-size: 1.3rem;
	display: flex;
	align-items: baseline;
	word-spacing: 4px;
}

.FAQ-section1 .panel-default > .panel-heading span.question-text {
	margin-left: 7px;
	font-size: 1.5rem;
}

.FAQ-section1 .panel-default > .panel-heading.collapsed {
	cursor: pointer;
	color: rgb(255, 255, 255);
	background-color: #5c6168;
	border-color: transparent;
	border-radius: 0px 0px 23px 0px;
	border: unset;
	padding: 15px 26px;
}

.FAQ-section1 .panel-default > .panel-heading {
	background-color: #c50b30;
	cursor: pointer;
	color: rgb(255, 255, 255);
	padding: 15px 26px;
	border-color: transparent;
	border-radius: 0px 0px 23px 0px;
	border: unset;
}

.FAQ-section1 .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
	font-size: 1.4rem;
	
	color: #5c6168;
	padding: 15px 6.8%;
}

.FAQ-section1 .panel-group .panel {
	margin-bottom: 0;
	border-radius: 0px;
	border: none;
	padding-bottom: 1vw;
	box-shadow: none;
	margin-top: 0px;
}

.border-style {
	border: 1px solid #5c6168 !important;
	border-top: none !important;
	border-bottom: none !important;
}

.FAQ-section1 .panel-group .panel:last-child.border-style {
	border-bottom: 1px solid #5c6168 !important;
}

.FAQ-section1 .panel-group {
	margin-bottom: 2vw;
	margin-top: 1vw;
}

.FAQ-section1 .container {
	background-color: rgb(255, 255, 255);
}

@media (max-width:1200px) {
	.FAQ-section1 .panel-default > .panel-heading a {
		color: rgb(255, 255, 255);
		
		font-weight: bold;
		font-size: 0.8em;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}
}

@media (max-width:767px) {
	.FAQ-section1 .panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: transparent;
		font-size: 13px;
		
		color: #5c6168;
	}

	.FAQ-section1 .container {
		background-color: transparent;
	}
}


/* ************** directors ***************** */

.directors-section1 .img-col-2 {
	width: 20%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1vw;
	margin-top: 1vw;
}

.directors .modal-footer {
	border-top: none;
}

.directors h4.modal-title {
	font-size: 1.40rem;
	
	color: #5c6168;
}

.directors .modal-footer button.btn.btn-default,
.directors .modal-body.row p {
	font-size: 1.250rem;
	
	color: #5c6168;
}

.directors .modal {
	position: fixed;
	top: 16%;
}

.directors-section1 .flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
}

.directors-section1 .img-container-block img.img-responsive.personal-img {
	border-bottom: 5px solid #e31836;
	border-radius: 0px 0px 22px 0px;
	width: auto;
	width: 11.43vw !important;
	height: 11.43vw !important;
}

.directors-section1 img.img-responsive.personal-img {
	border-bottom: 5px solid #e31836;
	border-radius: 0px 0px 22px 0px;
}

.directors-section1 .position-name {
	height: 56px;
}

.directors-section1 .full-name,
.directors-section1 .position-name {
	font-size: 1.250rem;
	
	color: #5c6168;
	line-height: 24px;
}

.directors-section1 .container {
	background-color: rgb(255, 255, 255);
}

section.directors-section1 {
	padding-top: 0vw;
	padding-bottom: 2vw;
	min-height: 68vh;
}

.directors-section1 h2.page-follower {
	margin-top: 0vw;
	margin-bottom: 1vw;
}

@media (min-width: 1800px) {
	.directors-section1 .img-container-block img.img-responsive.personal-img {
		width: 11.43vw !important;
		height: 11.69vw !important;
	}
}

@media (max-width:767px) {
	section.directors-section1 {
		padding-top: 2vw;
	}

	.directors-section1 .img-col-2 {
		width: 50%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.directors .modal-body.row p {
		margin-top: 20px;
		text-align: center;
	}

	.directors-section1 .img-container-block img.img-responsive.personal-img {
		width: calc(50vw - 30px) !important;
		height: calc(45.49vw - 30px) !important;
	}

	.directors-section1 .full-name,
	.directors-section1 .position-name {
		font-size: 1.5rem;
	}
}


/* ***************** financialStatements ********************** */

.financialStatements-section1 .card-item.col-xs-12 {
	border: 1px solid #5c6168;
	margin-top: 1vw;
	margin-bottom: 2vw;
	color: #5c6168;
	border-radius: 0px 0px 23px 0px;
}

.financialStatements-section1 .card-title,
.financialStatements-section1 .card-date {
	
	font-size: 1.125rem;
}

.financialStatements-section1 .card-title {
	padding-top: 1vw;
}

.financialStatements-section1 .card-date {
	padding-bottom: 1vw;
}

.financialStatements-section1 .view-download-file.row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #5e6167;
	color: #5e6167;
	font-size: 25px;
}

.financialStatements-section1 .card-item:hover {
	color: #e41937;
	background-color: rgb(255, 255, 255);
	border-radius: 0px 0px 22px 0px;
	border-color: #e41937;
	color: #e41937;
}

.financialStatements-section1 .view-download-file.row.hover-style {
	background-color: #e41937;
	color: rgb(255, 255, 255);
	border-radius: 0px 0px 21px 0px;
	border-color: #e41937;
}

section.financialStatements-section1 {
	padding-bottom: 3vw;
}

section.financialStatements-section1 .view-file,
section.financialStatements-section1 .download-file,
section.financialStatements-section1 .line-div,
section.financialStatements-section1 .card-item {
	padding-right: 0px;
	padding-left: 0px;
}

section.financialStatements-section1 .view-download-file {
	margin-right: 0px;
	margin-left: 0px;
}

@media (max-width:1200px) {
	.financialStatements-section1 .view-download-file.row {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #5e6167;
		color: #5e6167;
		font-size: 15px;
	}
}

@media (max-width:767px) {

	.financialStatements-section1 .card-title,
	.financialStatements-section1 .card-date {
		
		font-size: 14px;
	}

	.financialStatements-section1 h2.page-follower {
		font-size: 12px;
	}

	section.financialStatements-section1 {
		padding-bottom: 3vw;
		padding-top: 2vw;
	}
}

@media (max-width:450px) {

	.financialStatements-section1 .card-title,
	.financialStatements-section1 .card-date {
		
		font-size: 12px;
	}

	.financialStatements-section1 .view-download-file.row {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

@media (max-width:350px) {
	.financialStatements-section1 .card-container {
		width: 100%;
	}
}


/* ************ annual-reports *************** */

.annual-reports-section1 .icon-container {
	background-color: #5e6167;
	padding-top: 20px;
}

.annual-reports-section1 .card-item,
.annual-reports-section1 .row-icon {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
}

.annual-reports-section1 img.img-responsive.icon-view,
.annual-reports-section1 img.img-responsive.icon-download {
	width: 20px;
}

.annual-reports-section1 .report-title {
	background-color: #5e6167;
	color: rgb(255, 255, 255);
	
	padding: 8px 13px;
	border-radius: 0px 0px 21px 0px;
	text-align: center;
	font-size: 1.125rem;
}

.annual-reports-section1 .flash-file {
	background-color: #c50b30;
	color: rgb(255, 255, 255);
	
	padding: 2px 9px;
	border-radius: 0px 0px 21px 0px;
	text-align: center;
	font-size: 1.125rem;
	width: 63%;
	margin-right: 37%;

}

.annual-reports-section1 .flash-file .report-flash-text {
	font-size: 1.125rem;
}

.annual-reports-section1 .empty-flash-file {
	padding: 11px 9px;

}

.annual-reports-section1 span.icon-name {
	
	font-size: 0.875em;
	color: rgb(255, 255, 255);
	padding-top: 4px;
}

.annual-reports-section1 .card-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	align-self: center;
	justify-content: center;
	align-items: flex-end;
}

.annual-reports-section1 .card {
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.annual-reports-section1 .container {
	background-color: rgb(255, 255, 255);
}

@media (max-width:767px) {
	.annual-reports-section1 .report-title {
		padding: 10px 13px;
		font-size: 12px;
	}

	.annual-reports-section1 span.icon-name {
		font-size: 8px;
	}
}

@media (max-width:480px) {
	.annual-reports-section1 .card {
		width: 80%;
		margin-right: 10%;
		margin-left: 10%;
	}

	h2.page-follower {
		font-size: 12px;
	}

	.annual-reports-section1 .container {
		padding-top: 3vw;
		padding-bottom: 3vw;
	}

	.annual-reports-section1 .container {
		background-color: transparent;
	}
}


/* ********** acounts ************************* */

.acounts-section1 .panel-group .panel {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.service-container {
	position: relative;
	height: 20.2vw;
	overflow: auto;
}

.acounts-section1 .service-container-content {
	height: auto;
	width: 100%;
}

.acounts-section1 .tabcontent {
	display: none;
}

.ps--active-x > .ps__rail-x,
.ps__thumb-x,
.ps--active-y > .ps__rail-y {
	display: none;
}

.ps--active-y > .ps__rail-y {
	display: block;
	background-color: #f37285;
	opacity: 1;
	width: 10px;
}

.ps__thumb-y {
	background-color: #615d5d;
	width: 10px;
	right: 0px;
	opacity: 1;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__thumb-y {
	background-color: #615d5d;
	width: 10px;
	opacity: 1;
}

.acounts-section1 .tabcontent.active {
	display: block;
}

.acounts-section1 .pins-link {
	background-color: #e51837;
	padding-right: 0px;
	padding-left: 0px;
}

.acounts-section1 button.tabLink {
	width: 100%;
	background-color: #e51837;
	border: 1px solid rgb(255, 255, 255);
	box-shadow: none;
	padding: 6% 16.5px;
	border-right: none;
	color: rgb(255, 255, 255);
	
	font-size: 1.125rem;
	border-left: none;
	border-top: none;
	outline: none;
}

.acounts-section1 button.tabLink:hover,
.acounts-section1 button.tabLink:active,
.acounts-section1 button.tabLink:focus,
.acounts-section1 button.tabLink:visited {
	background-color: #c50b30;
}

.acounts-section1 .button-menu:last-child button.tabLink {
	border-bottom-color: #e51837;
}

.acounts-section1 .card1 {
	background-color: #e51837;
}

.acounts-section1 .flex-content {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	margin-top: 1vw;
}

.acounts-section1 .tabcontent {
	color: #5c6168;
	font-size: 1.125rem;
	padding-top: 2vw;
	
}

.acounts-section1 li.list-style {
	list-style: inside;
}

.acounts-section1 .container {
	background-color: rgb(255, 255, 255);
}

.acounts-section1 .card2 {
	margin-top: 1vw;
	margin-bottom: 3vw;
}

.baraka-text-style,
.baraka-text-style span {
	color: #5c6168;
	font-size: 1.5rem !important;
	font-family: Bliss-Regular,alBaraka-Bold;
	padding-top: 1vw;
	padding-bottom: 2vw;
	text-align: justify;
}

@media (max-width:991px) {
	.acounts-section1 .tabcontent {
		font-size: 13px;
	}

	.baraka-text-style {
		font-size: 13px;
		padding-top: 2vw;
		padding-bottom: 2vw;
	}

	.page-follower {
		padding-top: 0px;
	}
}

@media (max-width:767px) {
	.acounts-section1 .container {
		background-color: transparent;
		margin-top: 1vw;
	}

	.acounts-section1 .tabcontent {
		font-size: 13px;
	}

	.acounts-section1 .card2 {
		padding-top: 3vw;
		padding-bottom: 3vw;
	}

	.baraka-text-style {
		font-size: 13px;
	}

	.container {
		background-color: transparent;
	}
}

.section1 .container,
.section2 .container,
.section4 .container,
.section5 .container {
	background-color: rgb(255, 255, 255);
}

.section2 .container{
	background-color: unset !important;
}

@media (max-width: 767px) {

	.section1 .container,
	.section2 .container,
	.section4 .container,
	.section5 .container,
	.section6 .container {
		background-color: transparent;
	}
}


/* ******************************Contact Us************************** */

.contact-us-section1 .line-detail {
	display: block;
}

.modal-backdrop.in {
	filter: alpha(opacity=80);
	opacity: .8;
}

.contact-us div#map {
	height: 55vh;
}

.contact-us #map {
	margin-right: 0px;
	margin-left: 0px;
}

.contact-us-section1 .line-detail:after,
.contact-us-section1 .line-detail:before {
	clear: both;
	content: " ";
	display: table;
}

.contact-us-section1 span.lable-text,
.contact-us-section1 .link-text {
	color: #5e6168;
	font-size: 1.125rem;
	
	font-weight: bold;
	padding-right: 18px;
	padding-left: 0px;
}

.contact-us-section1 .city-name {
	color: #e41937;
	font-size: 1.250rem;
	padding: 10px 0px 0px;
	
	font-weight: bold;
}

.contact-us-section1 .branch-name,
.contact-us-section1 .line-detail,
.contact-us-section1 .address-text,
.contact-us-section1 .lable-text-details {
	color: #5e6168;
	font-size: 1rem;
	
	font-weight: bold;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	word-spacing: 4px;
}

.contact-us-section1 a.open-on-map {
	border: 1px solid #e31836;
	padding: 4px 27px 5px 21px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	width: fit-content;
	width: -moz-fit-content;
	color: #e31836;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	border-radius: 0px 0px 25px 0px;
	text-align: center;
	font-size: 1.1rem;
	
	font-weight: bold;
	word-spacing: 3px;
}

.contact-us-section1 a.open-on-map img.img-reponsive.pin-with-map-icon {
	width: 25%;
	margin-right: 10px;
	margin-left: 0px;
}

.contact-us-section1 .line-detail .contact-info {
	border-left: 1px solid #b3b0b0;
	border-right: none;
	padding-bottom: 6px;
	padding-right: 0px;
	padding-left: 15px;
}

.contact-us-section1 .row.lable-content {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.contact-us-section1 .line-detail img.img-responsive.contact-us-icon {
	margin-right: 8px;
	margin-left: 0px;
}

.contact-us-section1 .branch-name {
	padding: 7px 26px;
}

.contact-us-section1 .flex-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	flex-flow: wrap;
}

.modal-open {
	overflow: scroll;
}

.contact-us #myModal {
	position: fixed;
	top: 19%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.contact-us button.btn.btn-default.close-popup {
	background: #e11838;
	border: none;
	color: rgb(255, 255, 255);
	font-size: 11px;
	padding: 3px;
	z-index: 10;
	position: absolute;
	border-radius: 17px;
	margin-right: -11px;
	font-weight: bolder;
	margin-top: -13px;
	width: 25px;
	height: 25px;
	margin-left: -11px;
}

.contact-us .modal-body {
	position: relative;
	padding: 1px;
	border-radius: 0px;
}

.contact-us .modal-content {
	border-radius: 0px;
}

.telephone-num-style {
	display: inline-block;
	direction: ltr;
	font-family: arial !important;
}

@media (max-width:767px) {

	.contact-us-section1 span.lable-text,
	.contact-us-section1 .link-text {
		display: block;
		padding: 5px 0px;
	}

	.contact-us button.btn.btn-default.close-popup {
		margin-right: -6px;
		margin-top: -11px;
		cursor: pointer;
	}
}


/**********************************************************/

section.suggestions-section1 .container {
	background-color: rgb(255, 255, 255);
}

.suggestions .suggestions-text-style,
.suggestions .lable-style {
	color: #5e6168;
	font-size: 1.125rem;
	
}

.suggestions .unstyled::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
}

.suggestions .suggestions-text-style {
	margin-bottom: 15px;
}

.suggestions-section1 .row-item {
	margin-right: -30px;
	margin-left: 0px;
}

input[type=date].form-control {
	line-height: normal;
}

.suggestions .form-control {
	width: 95%;
	border-radius: 0px 0px 17px 0px;
	
	border: 1px solid #b3b0b0;
	box-shadow: none;
	transition: none;
	font-size: 1.125rem;
	padding: 6px 12px;
	outline: none;
	height: 38px;
}

.suggestions #NoteDate.form-control:hover {
	text-align: left;
}

.suggestions .form-control#Suggestions_message {
	height: 100%;
}

.suggestions select.form-control {
	background: url(../images/drop-down-back2.jpg) no-repeat;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	-webkit-appearance: none;
	text-overflow: '';
	background-position: center right;
	padding: 6px 12px;
	height: 45px;
}

.suggestions select::-ms-expand {
	display: none;
}

.suggestions .form-group .row {
	padding-bottom: 7px;
	padding-top: 7px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: unset;
}

.suggestions .suggestion-head-line {
	color: #e31836;
	font-size: 1.125rem;
	margin-bottom: 15px;
	
}

.suggestions input#suggestion-btn {
	background-color: #e31836;
	color: rgb(255, 255, 255);
	font-size: 1.375rem;
	
	font-weight: bold;
	padding: 5px 59px;
	border-radius: 0px 0px 20px 0px;
	margin-bottom: 50px;
}

@media (max-width:991px) and (min-width:768px) {

	.suggestions .suggestions-text-style,
	.suggestions .lable-style {
		font-size: 13px;
	}

	.suggestions .form-control {
		transition: none;
		font-size: 13px;
	}

	.suggestion-container {
		margin-right: 0px;
		margin-left: 0px;
	}

	.suggestions .suggestions-text-style {
		margin-right: 15px;
		margin-left: 15px;
	}
}

@media (max-width:767px) {
	.suggestions .form-group .row {
		padding-bottom: 7px;
		padding-top: 7px;
		display: block;
		align-items: end;
	}

	.suggestions .form-control,
	.suggestions .suggestions-text-style,
	.suggestions .lable-style,
	.suggestions .suggestion-head-line,
	.suggestions input#suggestion-btn {
		font-size: 13px;
	}
}


/**********************************************************/

section.exchange-rate-section1 .container {
	background-color: rgb(255, 255, 255);
	padding-bottom: 5vw;
}

.exchange-rate-section1 .exchange-rate-text {
	color: #5c6168;
	font-size: 1.125rem;
	font-family: Bliss-Regular,alBaraka-Bold !important;
	margin-top: 3px;
	margin-bottom: 3px;
}

.exchange-rate-section1 .second-col {
	text-align: left;
}

.exchange-rate-section1 .flex-container .second-col {
	order: 1;
	margin-left: 8.33333333%;
	margin-right: 0px;
	text-align: left;
}

.exchange-rate-section1 .flex-container .first-col {
	order: 2;
	margin-left: 16.66666667%;
	text-align: right;
	margin-right: 0px;
}

.exchange-rate-section1 .flex-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.exchange-rate-head-line {
	color: rgb(255, 255, 255);
	background-color: #e31836;
	
	font-weight: bold;
	font-size: 1.125rem;
	text-align: center;
	padding: 5.5px;
	line-height: normal;
	margin-bottom: 25px;
	word-spacing: 4px;
}

.exchange-rate-section1 .col-xs-4.col-sm-3.text-center:last-child .row.exchange-table .content-cell,
.exchange-rate-section1 .col-xs-4.col-sm-3.text-center:nth-child(3) .row.exchange-table .content-cell,
.exchange-rate-section1 span.exchange-rate-time,
.exchange-rate-section1 span.exchange-rate-date,
.section5 p.pray-time-con {
	font-family: arial;
}

.exchange-rate-section1 .head-cell,
section.exchange-rate-section1 table.table > thead > tr > th {
	color: rgb(255, 255, 255);
	background-color: #e31836;
	padding: 10px;
	
	font-weight: bold;
	font-size: 1.125rem;
	text-align: center;
	padding: 8px 0px;
	word-spacing: 1px;
	letter-spacing: 1px;
	border-right: 1px solid rgb(255, 255, 255);
}

section.exchange-rate-section1 .table-responsive {
	border: 1px solid #c1bcbc;
}

section.exchange-rate-section1 table.table > thead > tr > th:last-child {
	border-left: none;
	border-right: none;
}

.exchange-rate-section1 .hidden-xs.col-sm-3.text-center .row.exchange-table .col-xs-12.content-cell {
	text-align: left;
	padding-left: 25%;
	word-spacing: 2px;
}

.exchange-rate-section1 .content-cell,
section.exchange-rate-section1 table.table tbody > tr > td {
	font-family: 'Bliss-Regular',alBaraka-Bold !important;
	font-weight: bold;
	font-size: 1.125rem;
	text-align: center;
	padding: 8px 0px;
	color: #5c6168;
}



section.exchange-rate-section1 table.table tbody > tr > td {
	width: 20%;
}

.exchange-rate-section1 .col-xs-4.col-sm-3.text-center:last-child .row.exchange-table {
	border-right: 1px solid #b3b0b0;
}

.exchange-rate-section1 .col-xs-4.col-sm-3.text-center:first-child .row.exchange-table {
	border-left: 1px solid #b3b0b0;
}

.exchange-rate-section1 .content-cell:nth-child(even) {
	background-color: #f5f5f6;
}

.exchange-rate-section1 .content-cell:last-child {
	border-bottom: 1px solid #b3b0b0;
}

@media (max-width:767px) {

	.exchange-rate-section1 .flex-container .second-col,
	.exchange-rate-section1 .flex-container .first-col {
		margin-left: 0px;
		margin-right: 0px;
	}

	.exchange-rate-section1 .flex-container {
		display: flex;
		flex-direction: row;
	}
}

@media (max-width:450px) {
	.exchange-rate-section1 .flex-container {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.exchange-rate-section1 .flex-container .second-col,
	.exchange-rate-section1 .flex-container .first-col {
		text-align: left;
	}
}


/* ********************join us************************************** */

.joinUs h2.join-us-text {
	font-size: 1.5rem;
	
	text-align: center;
}

.joinUs .col-sm-4.col-xs-12.join-us-card a {
	background-color: rgb(228, 25, 55);
	padding: 0px;
	display: flex;
	height: 122px;
	align-items: center;
	color: rgb(255, 255, 255);
	margin: 0px 0px 16vw 0px;
	border: 1px solid rgb(228, 25, 55);
	border-radius: 0px 0px 30px 0px;
	font-size: 1.5rem;
	font-family: JannaLT-Regular, tahoma, arial;
}



.videoCategories .col-sm-4.col-xs-12.video-cat-card a,
.questionnaireAll .col-sm-4.col-xs-12.questionnaireAll-card a {
	background-color: rgb(228, 25, 55);
	padding: 0px;
	display: flex;
	height: 122px;
	align-items: center;
	color: rgb(255, 255, 255);
	margin: 0px 0px 3vw 0px;
	border: 1px solid rgb(228, 25, 55);
	border-radius: 0px 0px 30px 0px;
	font-size: 1.5rem;
	font-family: JannaLT-Regular, tahoma, arial;
}


.videoCategories h2.video-cat-text,
.questionnaireAll h2.questionnaireAll-text {
	font-size: 1.5rem;
	font-family:Bliss-Regular, alBaraka-Bold;
	text-align: center;
}

.videoCategories .col-xs-8.video-cat-center,
.questionnaireAll .col-xs-8.questionnaireAll-center {
	margin: 0 auto;
}

.videoCategories h1.page-title,
.questionnaireAll h1.page-title {
	font-size: 2.5rem;
	
	font-weight: bold;
	color: #5e6168;
	text-align: center;
	margin: 2vw 0px;
}


.col-lg-3.col-xs-12.vision-card {

	margin-right: 67px;
	margin-left: 0px;

}

div.vision {
	margin-bottom: 20px;
	border: 1px solid #c50b30;
	padding: 18px;
	height: 250px;
	border-radius: 0 0 20px;
}

div.vision-last {
	border: 1px solid #c50b30;
	padding: 18px;
	height: 250px;
	margin: 0px 0px 16vw 0px;
	border-radius: 0 0 20px;

}

.joinUs h2.join-us-text {
	font-size: 1.5rem;
	
	text-align: center;
}




.joinUs h1.page-title {
	font-size: 2.5rem;
	
	font-weight: bold;
	color: #5e6168;
	text-align: center;
	margin: 2vw 0px;
}

@media (max-width: 1200px) and (min-width: 992px) {
	.joinUs .col-sm-4.col-xs-12.join-us-card a {
		height: 100px;
	}
}

@media (max-width: 991px) and (min-width:768px) {
	.joinUs .col-sm-4.col-xs-12.join-us-card a {
		height: 77px;
	}
}

@media (max-width: 767px) {
	.joinUs {
		margin: 0px 12vw;
	}
}

@media (max-width: 400px) {
	.joinUs {
		margin: 0px 3vw;
	}
	.calculator #menu1 .menu1-first-part-form,
.calculator #menu1 .menu1-second-part-form,
.calculator #menu1 .menu1-third-part-form,
.calculator #menu1 .menu1-fourth-part-form,
.calculator #menu1 .menu1-fifth-part-form {
	margin-top: 1.5vw;
	margin-bottom: 1.5vw;
}
}

div#ui-datepicker-div {
	width: 20em;
}


/* ********************Calculator*********************************** */

.nav-pills > li {
    float: left;
}
.calculator-section1 .tab-pane {
	position: relative !important;
}

.calculator-section1 ul.nav.nav-pills li {
	width: calc(100% - 15px);
	margin-left: 0px;
	border-radius: 0px;
	background-color: #6f747a;
	margin-right: -15px;
	text-align: center;
	display: table;
	color: rgb(255, 255, 255);
	
	font-weight: bold;
	word-spacing: 6px;
	padding: 0px 4px;
	font-size: 1.250rem;
}

.calculator-section1 ul.nav.nav-pills li a {
	color: rgb(255, 255, 255);
}

.calculator-section1 ul.nav.nav-pills li.active {
	background-color: #e31836;
}

.calculator-section1 .nav-pills > li.active > a,
.calculator-section1 .nav-pills > li a,
.calculator-section1 .nav > li > a:focus,
.calculator-section1 .nav > li > a:hover {
	position: relative;
	background-color: transparent;
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
}

.calculator-section1 ul.nav.nav-pills li:last-child,
.calculator-section1 .nav-pills > li:last-child a {
	border-radius: 0px 0px 0px 25px;
}

.calculator-container {
	height: auto;
	display: -webkit-box;
	display: -moz-webkit-box;
	border: 1px solid #6f747a;
	border-radius: 0px 0px 25px 0px;
}

.calculator-container .tab-content .tab-pane {
	height: auto;
}

.calculator .sub-nav-tab ul.nav.nav-tabs {
	display: flex;
	align-items: center;
	justify-items: center;
	margin: 0 auto;
	flex-direction: row;
	width: fit-content;
	border-bottom: none;
	justify-content: center;
}

.calculator-section1 ul.nav.nav-pills li:last-child(),
.calculator-section1 ul.nav.nav-pills li:last-child() > a {
	border-radius: 0px 0px 25px 0px;
}

.calculator-section1 ul.nav.nav-pills {
	margin-top: 0px;
}

.calculator #menu1 input[type="radio"] {
	float: unset !important;
	margin: 0px !important;
	right: 0px;
}

.calculator #menu1 .radio {
	width: fit-content;
	width: -moz-fit-content;
	margin: 0px;
}

.calculator img.icon-calculator.img-responsive.center-block {
	margin-bottom: 6px;
	width: 38%;
}

.calculator #menu1 .container-lable input:checked ~ .checkmark:before {
	display: block;
}

.calculator #menu1 .checkmark:before {
	content: "";
	position: absolute;
	display: none;
}

.calculator #menu1 .container-lable input:checked ~ .checkmark {
	background-color: #e31836;
}

.calculator #menu1 .checkmark {
	position: absolute;
	top: 0px;
	right: 100%;
	left: unset;
	height: 16px;
	width: 16px;
	background-color: rgb(255, 255, 255);
	border-radius: 50%;
	border: 1px solid #e31836;
}

.calculator #menu1 .container-lable input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.calculator #menu1 .container-lable {
	display: block;
	position: relative;
	padding-left: 14px;
	padding-right: 0px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.calculator #menu1 .container-lable .checkmark:before {
	left: 5px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.calculator #menu1 .lable-text,
.calculator #menu1 .menu1-third-part-form label,
.calculator #menu2 .menu2-third-part-form label,
.calculator #menu1 .third-part-content .form-control,
.calculator #menu2 .menu2-second-part-form label {
	color: #5c6168;
	font-size: 1.125rem;
	
}

.calculator #menu1 .third-part-content input#resault {
	text-align: center;
}

.calculator #menu1 .Option-text {
	color: #e31836;
	font-size: 1.125rem;
	
	text-align: center;
}

.calculator #menu1 .lable-content {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	margin-top: 17px;
}

.calculator #menu1 .option-content {
	display: block;
	width: 20%;
	float: left;
}

.calculator #menu1 .second-option-content {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: baseline;
	margin-top: 3%;
}

.calculator #menu1 .menu1-third-part-form .form-group,
.calculator #menu2 .menu2-third-part-form .form-group {
	margin-bottom: 0px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.calculator #menu1 .menu1-third-part-form .form-group label,
.calculator #menu2 .menu2-third-part-form .form-group label {
	padding: 0px 7px;
	width: auto;
	text-align: center;
}

.calculator #menu1 .menu1-third-part-form .form-group input#amount,
.calculator #menu2 .menu1-third-part-form .form-group input#amount {
	margin: 0px;
	border-radius: 0px;
	box-shadow: none;
}

.calculator #menu1 .third-part-content,
.calculator #menu2 .third-part-content {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}



.calculator #menu1 .third-part-content .form-control,
.calculator #menu2 .form-control,
.calculator #menu2 .form-control {
	border-radius: 0px;
	box-shadow: none;
	padding: 3px 3px;
	text-align: center;
	min-height: 38px;
	color: #5c6168;
	font-size: 1.125rem;
	
}

.calculator #menu2 .third-part-content select.form-control,
.calculator #menu1 .third-part-content select.form-control,
.calculator #menu2 .menu2-first-part-form select.form-control {
	background: url(../images/drop-down-back2.jpg) no-repeat;
	-moz-appearance: none;
	text-indent: 0.01px;
	appearance: none;
	text-overflow: '';
	-webkit-appearance: none;
	background-position: right;
}

.calculator #menu2 .menu2-first-part-form select::-ms-expand,
.calculator #menu1 .third-part-content select::-ms-expand,
.calculator #menu2 .third-part-content select::-ms-expand {
	display: none;
}

.calculator #menu1 .menu1-first-part-form,
.calculator #menu1 .menu1-second-part-form,
.calculator #menu1 .menu1-third-part-form,
.calculator #menu1 .menu1-fourth-part-form,
.calculator #menu1 .menu1-fifth-part-form {
	margin-top: 0.5vw;
	margin-bottom: 1.5vw;
}

.calculator-section1 .tab-content .tab-pane {
	height: auto;
}

.calculator-section1 .tab-content {
	margin-left: -15px;
	margin-right: 0px;
	border: 1px solid #6f747a;
	border-left: none;
	border-right: 1px solid #6f747a;
	display: -moz-webkit-box;
	display: flex;
}

.calculator-section1 .tab-content .tab-sub {
	border: none !important;
	margin: 0px;
}

.calculator .sub-nav-tab .nav-tabs > li.active > a,
.calculator .sub-nav-tab .nav-tabs > li.active > a:focus,
.calculator .sub-nav-tab .nav-tabs > li.active > a:hover,
.calculator .sub-nav-tab .nav-tabs > li.active > a {
	padding: 10px;
	border: 1px solid rgb(227, 24, 54);
	background-color: rgb(227, 24, 54);
	color: rgb(255, 255, 255);
	font-size: 1.2rem;
	width: 235px;
	text-align: center;
	border-radius: 2px 2px 2px 2px;
	border-radius: 5px;
	font-family: JannaLT-regular, tahoma, arial;
	margin: 0px;
}

.calculator .sub-nav-tab .nav-tabs > li {
	float: right;
	float: none;
	margin: 10px 10px;
	padding: 0px;
}

.calculator .sub-nav-tab .nav-tabs > li > a,
.calculator .sub-nav-tab .nav-tabs > li > a:focus,
.calculator .sub-nav-tab .nav-tabs > li > a:hover,
.calculator .sub-nav-tab .nav-tabs > li > a {
	padding: 10px;
	border: 1px solid rgb(111, 116, 122);
	background-color: rgb(111, 116, 122);
	color: rgb(255, 255, 255);
	width: 235px;
	border-radius: 2px 2px 2px 2px;
	margin: 0px;
	text-align: center;
	border-radius: 5px;
	font-size: 1.2rem;
	font-family: JannaLT-regular, tahoma, arial;
}

.calculator-section1 .tab-content .tab-pane {
	height: auto;
}



.calculator #menu1 .menu1-fourth-part-form button.center-block.btn-menu1,
.calculator #menu2 .menu2-fourth-part-form button.center-block.btn-menu2 {
	color: rgb(255, 255, 255);
	background-color: #e31836;
	border: none;
	box-shadow: none;
	font-size: 1.125rem;
	padding: 8px;
	width: 25%;
	height: auto;
}

.calculator-section1 #menu1 .text-tab-head,
.calculator-section1 #menu2 .text-tab-head {
	color: #e31836;
	font-size: 1.4rem;
	
	font-weight: bold;
	word-spacing: 2px;
	margin-bottom: 10px;
}

.calculator-section1 #menu1 .text-tab,
.calculator-section1 #menu2 .text-tab,
.calculator-section1 #menu2 .text-tab-menu2,
.calculator #note,
.calculator div#profit_note {
	color: #6f747a;
	font-size: 1.125rem;
	font-family: JannaLT-regular, tahoma, arial;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 1px solid #c6c4c4;
	padding-bottom: 10px;
	margin-bottom: 4px;
}

.calculator #note,
.calculator div#profit_note {
	border: none;
	height: 100px;
}

.calculator-section1 #menu1 .text-tab,
.calculator-section1 #menu2 .text-tab,
.calculator-section1 #menu2 .text-tab-menu2 {
	color: #6f747a;
	font-size: 1.125rem;
	
	margin-left: 0px;
	margin-right: 16px;
	border-bottom: 1px solid #c6c4c4;
	padding-bottom: 10px;
	margin-bottom: 4px;
}



.calculator-section1 #menu1 .text-tab span.resault,
.calculator-section1 #menu2 .text-tab span.resault,
.calculator-section1 #menu2 .text-tab-menu2 span.resault {
	float: right;
	padding-right: 26px;
	padding-left: 0px;
}

.calculator section.calculator-section1 .container {
	padding-top: 2vw;
	padding-bottom: 2vw;
	background-color: rgb(255, 255, 255);
}

.calculator #menu1 .menu1-fifth-part-form {
	margin-bottom: 2vw;
	margin-top: 0px;
}

.calculator #menu2 .range-line {
	width: 100%;
	height: 15px;
	border: 3px solid #b3b0b0;
	border-top: none;
	margin-top: 16px;
}

.calculator #menu2 span.max-value {
	float: left;
}

.calculator #menu2 span.min-value {
	float: right;
}

.calculator #menu2 span.min-value,
.calculator #menu2 span.max-value,
.calculator #menu2 .range-value {
	color: #5c6168;
	font-size: 1.125rem;
	
	margin-top: 7px;
}

.calculator #menu2 input[type=range] {
	/*removes default webkit styles*/
	-webkit-appearance: none;
	/*fix for FF unable to apply focus style bug */
	border: 1px solid white;
	/*required for proper track sizing in FF*/
	width: 100%;
}

.calculator #menu2 input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px;
}

.calculator #menu2 input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: rgb(227, 24, 54);
	margin-top: -4px;
}

.calculator #menu2 input[type=range]:focus {
	outline: none;
}

.calculator #menu2 input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ccc;
}

.calculator #menu2 input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px;
}

.calculator #menu2 input[type=range]::-moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #e31836;
}


/*hide the outline behind the border*/

.calculator #menu2 input[type=range]:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px;
}

.calculator #menu2 input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	background: transparent;
	/*leave room for the larger thumb to overflow with a transparent border */
	border-color: transparent;
	border-width: 6px 0;
	/*remove default tick marks*/
	color: transparent;
}

.calculator #menu2 input[type=range]::-ms-fill-lower {
	background: #777;
	border-radius: 10px;
}

.calculator #menu2 input[type=range]::-ms-fill-upper {
	background: #ddd;
	border-radius: 10px;
}

.calculator #menu2 input[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: rgb(227, 24, 54);
}

.calculator #menu2 input[type=range]:focus::-ms-fill-lower {
	background: #888;
}

.calculator #menu2 input[type=range]:focus::-ms-fill-upper {
	background: #ccc;
}

.calculator #menu2 .slider::-moz-range-thumb:before {
	width: 10px;
	height: 10px;
	background-color: yellow;
	position: relative;
	display: block
}

.calculator #menu2 .slider:hover {
	opacity: 1;
}

.calculator #menu2 .slider::-moz-range-thumb {
	width: 15px;
	height: 15px;
	background: #e31836;
	cursor: pointer;
}

.calculator #menu2 .range-value {
	width: max-content;
	width: -moz-max-content;
	height: max-content;
	height: -moz-max-content;
	position: relative;
	bottom: 10px;
}

.calculator #menu2 .menu2-second-part-form div {
	left: 0px !important;
	direction: rtl;

}

.calculator #menu2 .range-value {
	width: max-content;
	width: -moz-max-content;
	height: max-content;
	height: -moz-max-content;
	position: relative;
	bottom: 10px;
}

.calculator #menu2 .menu2-second-part-form label {
	margin-bottom: 0px;
	padding-top: 12px;
}

.calculator #menu2 .menu2-first-part-form .form-control {
	text-align: left;
}

.calculator #menu2 .menu2-fourth-part-form,
.calculator #menu2 .menu2-third-part-form {
	margin-top: 1vw;
	margin-bottom: 1vw;
}

.calculator #menu2 .menu2-first-part-form {
	margin-top: 2vw;
	margin-bottom: 1.5vw;
}

.calculator #menu2 .menu2-first-part-form .form-group {
	margin-bottom: 0px;
}

.calculator #menu2 .col-xs-12.menu2-fifth-part-form {
	margin-bottom: 2vw;
}

@media (max-width:767px) {

	.calculator #menu1 .menu1-fourth-part-form button.center-block.btn-menu1,
	.calculator #menu2 .menu2-fourth-part-form button.center-block.btn-menu2 {
		width: 31%;
	}

	.calculator #menu1 .menu1-third-part-form .form-group label,
	.calculator #menu2 .menu2-third-part-form .form-group label {
		padding: 0px 7px;
		width: 47px;
		text-align: center;
	}

	.calculator-section1 .nav-pills > li:last-child {
		border-bottom: none;
	}

	.calculator-section1 ul.nav.nav-pills {
		margin-top: 0px;
		margin: 0px 15px;
		left: 0px;
		position: relative;
	}

	.calculator-head {
		margin-bottom: 10px;
	}

	.calculator-section1 .nav-pills > li.active > a,
	.calculator-section1 .nav-pills > li a,
	.calculator-section1 .nav > li > a:focus,
	.calculator-section1 .nav > li > a:hover {
		display: table-cell;
		vertical-align: bottom;
	}

	.calculator img.icon-calculator.img-responsive.center-block {
		margin-bottom: 6px;
		width: 68px;
	}

	.calculator-section1 ul.nav.nav-pills li {
		width: 50%;
		margin-left: 0px;
		border-radius: 0px;
		background-color: #6f747a;
		margin-right: 0px;
		text-align: center;
		height: 138px !important;
		display: table;
		color: rgb(255, 255, 255);
		font-family: JannaLT-Bold, tahoma, arial;
		font-size: 1.250rem;
	}

	.calculator-section1 ul.nav.nav-pills li:last-child,
	.calculator-section1 .nav-pills > li:last-child a {
		border-radius: 0px;
	}

	.calculator-section1 .tab-content {
		border-left: 1px solid #6f747a !important;
		border-radius: 0px;
		margin-right: 15px !important;
		margin-left: 15px !important;
	}

	.calculator #menu1 .lable-content .head-text {
		color: #e31836;
		font-size: 1.125rem;
		
		font-weight: bold;
		width: 97px;
		text-align: center;
	}

	.calculator #menu1 .lable-content {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		margin-top: 17px;
		margin-right: auto;
		margin-left: auto;
		width: fit-content;
		width: -moz-fit-content;
	}

	.calculator #menu1 .lable-content {
		display: flex !important;
		width: auto;
	}

	.third-part-content .col-xs-offset-4 {
		margin-left: 0px;
		margin-right: 0;
	}

	.calculator #menu1 .option-content {
		display: block;
		width: 16%;
		float: right;
	}

	.calculator #menu1 .menu1-first-part-form .radio {
		width: fit-content;
		width: -moz-fit-content;
		margin: 0 auto;
		display: block;
	}
}

@media (max-width:610px) {
	.calculator #menu1 .second-option-content {
		display: flex !important;
	}

	.calculator #menu1 .option-content {
		display: block;
		width: 16%;
		float: right;
	}

	.calculator .sub-nav-tab .nav-tabs > li.active > a,
	.calculator .sub-nav-tab .nav-tabs > li.active > a:focus,
	.calculator .sub-nav-tab .nav-tabs > li.active > a:hover,
	.calculator .sub-nav-tab .nav-tabs > li.active > a,
	.calculator .sub-nav-tab .nav-tabs > li > a,
	.calculator .sub-nav-tab .nav-tabs > li > a:focus,
	.calculator .sub-nav-tab .nav-tabs > li > a:hover,
	.calculator .sub-nav-tab .nav-tabs > li > a {
		width: 100%;
	}
}

@media (max-width:545px) {
	.calculator #menu2 .menu2-fourth-part-form button.center-block.btn-menu2 {
		margin-top: 10px
	}

	.calculator #menu1 .third-part-content,
	.calculator #menu2 .third-part-content {
		display: unset;
	}

	.third-part-content .col-xs-offset-4 {
		margin-left: 33.33333333%;
		margin-right: 0;
		padding: 0px;
	}

	.calculator #menu1 .third-part-content div,
	.calculator #menu2 .third-part-content div {
		margin-top: 6px;
		height: 34px;
		align-items: center;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
	}

	.calculator #menu1 .third-part-content .form-control,
	.calculator #menu2 .third-part-content .form-control {
		border-radius: 0px;
		box-shadow: none;
		height: 100%;
		padding: 3px 3px;
		text-align: center;
		width: 252px;
	}

	.calculator #menu1 .second-option-content {
		display: flex !important;
		flex-flow: wrap;
	}
}

@media (max-width:503px) {
	.calculator #menu1 .option-content:first-child {
		width: 39%;
	}

	.calculator #menu1 .option-content {
		display: block;
		width: 90%;
		float: right;
		margin-left: 8%;
		margin-right: 0px;
	}

	.calculator #menu1 .radio {
		width: fit-content;
		width: -moz-fit-content;
		margin: 0px;
		padding: 5px 0px 0px 30px;
	}
}

@media (max-width:360px) {

	.calculator #menu1 .third-part-content .form-control,
	.calculator #menu2 .third-part-content .form-control {
		border-radius: 0px;
		box-shadow: none;
		height: 100%;
		padding: 3px 3px;
		text-align: center;
		width: 212px;
	}
}


/* ***************************************************************** */

.videos .video-container {
	position: relative;
	padding-bottom: 55.25%;
	margin-top: 14px;
	height: 0;
	overflow: hidden;
}

.videos .video-container iframe,
.videos .video-container object,
.videos .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videos .col-sm-offset-1.col-sm-10.col-xs-offset-0.col-xs-12 .row:last-child {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: baseline;
	flex-flow: wrap;
	margin-bottom: 4vw;
}

.videos ul#yw0.yiiPager,
.videos .pagination,
ul.yiiPager {
	display: flex;
	border: 1px solid #eef0eb;
	padding: 10px;
	box-shadow: 2px 2px 8px #eef0eb;
	border-radius: 7px;
	direction: rtl;
	width: fit-content;
	margin: 30px auto;
}

ul.yiiPager .hidden a {
	border: none !important;
	color: transparent;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
	border: none;
	font-weight: bold;
	color: #5e6167;
	padding: 6px 10px !important;
	text-decoration: none;
	margin: 0px 5px;
	font-size: 13px;
}

.videos .pagination a,
.videos ul.yiiPager li a {
	color: #5e6167;
	float: left;
	padding: 3px 9px !important;
	font-size: 13.5px;
	text-decoration: none;
	margin: 0px 7px;
}

.videos ul.yiiPager li a:hover,
.videos ul.yiiPager li.prev-pager-button a:hover,
.videos ul.yiiPager li.next-pager-button a:hover {
	background-color: #eef0eb !important;
	border-radius: 4px;
}

.videos .pagination a.active,
.videos ul#yw0.yiiPager li.page.selected a,
.yiiPager li.page.selected a {
	background-color: #e64741 !important;
	color: white;
	border-radius: 3px;
	padding: 3px 10px !important;
}

.yiiPager li.page.selected a {
	padding: 6px 10px !important;
}

.videos ul.yiiPager li.prev-pager-button a,
.videos ul.yiiPager li.next-pager-button a,
li.next a {
	background-color: #eef0eb !important;
	padding: 3px 9px !important;
	border-radius: 3px;
}

.videos .pagination a.active span.prev-style,
.videos .pagination a.active span.next-style {
	background-color: #eef0eb;
	color: black;
}

.videos .pagination a.active:first-child,
.videos .pagination a.active:last-child {
	background-color: #eef0eb;
	padding: 3px 10px;
	border-radius: 3px;
	color: black;
}


/* ********************site-map************************************ */

section.site-map-section1 .container {
	background-color: rgb(255, 255, 255);
}

.site-map-section1 li.site-map-list {
	list-style: decimal-leading-zero;
	padding: 3px 9px;
	margin-left: 24px;
}

.site-map-section1 li.site-map-list a {
	color: #5e6168;
	font-size: 1.25rem;
	
}

section.site-map-section1 h1 {
	font-size: 2rem;
	
}


/* *****************************auditors************************************ */

.auditors-section1 .container {
	display: flex;
	flex-direction: column;
}

.auditors-section1 .container .row:nth-child(2) {
	order: 3;
}

.auditors-section1 .container .row:first-child {
	order: 1;
}

.auditors-section1 .container .row:last-child {
	order: 2;
}

.auditors-section1 .container .row:nth-child(2) img.img-responsive.page-image {
	display: block;
	margin: 14px auto;
}


/* ***************************************************************** */

.page-follower .head-title,
.page-follower .page-title,
.page-follower span {
	font-size: 1.3rem;
	color: #5c6168;
	
	margin: 0px;
	font-weight: bold;
}

.errorSummary {
	width: 80.572917%;
	margin: 0 auto;
	background-color: rgb(255, 255, 255);
	padding: 0px 8%;
}

.errorSummary li {
	border-color: #5a010f;
	border: 1px solid #e31836;
	padding: 10px;
	margin: 10px;
	list-style: none;
	border-radius: 4px;
	font-size: 1.125rem;
	font-family: JannaLT-Regular, tahoma, arial;
	color: #e31836;
	background-color: #fbf2f4;
	font-weight: bolder;
}

.errorSummary p {
	display: none;
}

.errorSummary ul {
	margin: 0px;
	padding: 17px 0px;
}

.tab-content .tab-pane:first-child,
.tab-content .tab-pane:nth-child(2),
.tab-content .tab-pane:nth-child(3),
.tab-content .tab-pane:nth-child(4),
.tab-content .tab-pane:last-child {
	width: 100%;
	height: 100%;
	z-index: 100000;
	box-shadow: none;
	position: absolute;
}


/* ***************************************************************** */

#body.container-fluied.page-site-testsearch #content {
	width: 80%;
	margin: 0 auto;
	display: flex;
	background-color: rgb(255, 255, 255);
}

#body.container-fluied.page-site-testsearch #content a {
	display: block;
	color: #5e6168;
	padding: 10px 0px;
	border-bottom: 1px solid #e0dfdf;
	font-size: 1.125rem;
	
}

#body.container-fluied.page-site-testsearch #content .person_search_conten .person_search_name a {
	display: block;
	color: #5e6168;
	padding: 10px 0px;
	font-size: 1.125rem;
	
}

#body.container-fluied.page-site-testsearch #content h1 {
	color: #5e6168;
	font-size: 1.5rem;
	
	font-weight: bold;
}

#body.container-fluied.page-site-questionnaireAll #content p {
	display: block;
	color: #5e6168;
	padding: 10px 0px;
	border-bottom: 1px solid #e0dfdf;
	font-size: 1.125rem;
	
}


/* ****************************************************************** */

@media (min-width: 1440px) {

	#header .nav2 .navbar-nav > li.menu1 > a,
	#header .nav2 .navbar-nav > li.menu2 > a,
	#header .nav2 .navbar-nav > li.menu3 > a,
	#header .nav2 .navbar-nav > li.menu4 > a {
		padding: 8px 1vw;
	}

	.section1 .carousel-indicators li.active,
	.section1 .carousel-indicators li {
		height: 10px;
		margin: 1px;
	}

	#header .col-sm-1-menu {
		width: calc(35.713542% - 6px);
		margin-left: calc(-10.713542% - 30px);
	}

	#header .col-sm-4-menu {
		margin-right: calc(-10.713542% - 30px);
		width: calc(35.713542% + -100px);
		padding-right: calc(10.713542% + 30px);
	}

	.section5 .employee-card {
		height:100%;
	}

	.suggestions select.form-control,
	.suggestions #NoteDate.form-control,
	.suggestions .form-control {
		height: 45px;
	}
}

.deletebutton {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	color: #FFF !important;
	border-color: #f23b3b;
	background-color: #f23b3b;
	width: 80%;
}

div#content {
	min-height: 0vh;
}

@media only screen and (height: 1280px) and (width: 800px),
only screen and (max-height: 1024px) and (width: 768px),
only screen and (min-height: 1366px) and (width: 1024px),
only screen and (min-height: 111px) and (width: 800px),
only screen and (max-height: 1024px) and (width: 600px),
only screen and (max-height: 1280px) and (width: 648px),
only screen and (max-height: 1067px) and (width: 800px),
only screen and (max-height: 1128px) and (width: 800px),
only screen and (max-height: 1366px) and (width: 768px) {
	div#content {
		min-height: 73vh;
	}

	.service-container {
		height: 23.6vw;
	}
}

.sm_menu_outer.active {
	opacity: 1;
	z-index: 1000000000000000;
}
.dropdown-menu {
	min-width: 20px;
}