@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
@import url('https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext');
@import url('bootstrap.css');
@import url('css3-animations.css');
@import url('animate.css');
@import url('fonts.css');
@import url('font-awesome.css');
@import url('fontello.css');
@import url('fancybox.css');
@import url('hover.css');
@font-face {
 font-family: 'droid';
 font-style: normal;
 font-weight: 400;
 src: url(../fonts/DroidKufi-Regular.eot);
 src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Regular.woff2) format('woff2'), url(../fonts/DroidKufi-Regular.woff) format('woff'), url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
 @font-face {
 font-family: 'droidBold';
 font-style: normal;
 font-weight: 700;
 src: url(../fonts/DroidKufi-Bold.eot);
 src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Bold.woff2) format('woff2'), url(../fonts/DroidKufi-Bold.woff) format('woff'), url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}
 @font-face {
 font-family: 'Cocon';
 src: url('../fonts/Cocon_NextArabicLight.eot');
 src: url('../fonts/Cocon_NextArabicLight.eot') format('embedded-opentype'), url('../fonts/Cocon_NextArabicLight.woff2') format('woff2'), url('../fonts/Cocon_NextArabicLight.woff') format('woff'), url('../fonts/Cocon_NextArabicLight.ttf') format('truetype'), url('../fonts/Cocon_NextArabicLight.svg#Cocon_NextArabicLight') format('svg');
}
@font-face {
 font-family: 'DINNext';
 src: url('../fonts/font.ttf') format('truetype');
 font-weight: bold;
 font-style: normal;
}
/* Roboto */
/* lato */
/* DINNext */
/*================================================================================

  1- Imported Css 

  =============================================================================*/
/* BootStrap */
/* Css3 Animations */
/* fonts */
/* fontawesome */
/* stroke-gap */
/* fancybox */
/*=============================================================================

  2- General resets

  =============================================================================*/
/* --- general resets --------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, embed, object {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility !important;
	font-smoothing: antialiased !important;
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-variant: normal;
	text-transform: none;
	speak: none;
}
/* --- HTML5 display-role reset for older browsers --------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
img {
	max-width:100%;
}
/* --- typography --------------------- */
/*headings*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'DINNext', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	margin-bottom: 15px;
	font-weight: 500;
	line-height: 28px;
	color: #333333;
}
.dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
	color: #0d7abf;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 14px;
}
/* paragraphs */
p {
	font-size: 16px;
	line-height: 23px;
	font-family: 'DINNext', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: lighter;
	margin-bottom: 15px;
}
p:last-child {
	margin-bottom: 0px;
}
span {
	font-size: 16px;
	font-family: inherit;
}
/* small */
code, pre {
	display: block;
	white-space: pre;
}
del {
	text-decoration: line-through;
	color: #666666;
}
ins, dfn {
	border-bottom: 1px solid #cccccc;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: capitalize;
}
a abbr, a acronym {
	border: none;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #cccccc;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
cite, em, dfn {
	font-style: italic;
}
i {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	display: inline-block;
}
/* Fontello */
[class^="icon-"]:before, [class*=" icon-"]:before {
 width: auto;
 margin-right: 0px;
 margin-left: 0px;
 line-height: 1;
}
/*strong*/
strong {
	font-weight: 900;
}
/* Blockquote */
blockquote {
	background-color: rgba(245, 245, 245, 0.5);
	position: relative;
	padding: 20px 30px;
	border: none;
	margin: 0 auto;
	margin-bottom: 15px;
	color: #999b9e;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
}
blockquote:before {
	content: '';
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #0d7abf;
	z-index: 100;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
blockquote p {
	color: #333333;
	font-style: italic;
}
blockquote p:after, blockquote p:before {
	content: '"';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	line-height: initial;
	font-size: 20px;
	display: inline-block;
	margin: 0 5px;
}
/* Lists */
ol, ul {
	list-style: none;
}
/* Code */
kbd {
	padding: 2px 4px;
	font-size: 90%;
 color:;
	background-color: transparent;
	border-radius: 3px;
	box-shadow: none;
}
/* --- Forms --------------------- */
form {
	outline: none;
}
input, textarea, button, input[type="button"], .generalBtn {
	outline: none !important;
	box-shadow: none;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input, textarea {
	font-size: 13px;
	color: #5d5d5d;
	font-family: 'DINNext', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
	padding: 0 12px;
	height: 36px;
	outline: none;
	color: #a9a9ab;
	margin: 0;
	margin-bottom: 30px;
	max-width: 100%;
	width: 100%;
	border: 1px solid #e0e5ed;
	font-family: 'DINNext', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f6f6f6;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-weight: 500;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	min-height: 186px;
	position: relative;
	resize: none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus {
	border-color: #232020 !important;

}
input[type="text"]:last-child, input[type="password"]:last-child, input[type="email"]:last-child, input[type="url"]:last-child, input[type="search"]:last-child, textarea:last-child, select:last-child {
}
.form-item {
	position: relative;
}
.form-item input[type="text"], .form-item input[type="password"], .form-item input[type="email"], .form-item input[type="url"], .form-item input[type="search"], .form-item textarea, .form-item select {
}
.form-item textarea {
	padding-top: 9px;
	padding-bottom: 9px;
}
.form-item label {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 42px;
	z-index: 1;
	color: #d1d1d3;
}
.form-item button, .form-item input[type="button"], .form-item input[type="submit"], .form-item .general-btn {
}
.form-item input[type="text"]:focus + label, .form-item input[type="password"]:focus + label, .form-item input[type="email"]:focus + label, .form-item input[type="url"]:focus + label, .form-item input[type="search"]:focus + label, .form-item textarea:focus + label {
	color: #232020 !important;
}
.form-item:last-child {
	margin-bottom: 0;
}
/* buttons */
button, input[type="button"], input[type="submit"], .general-btn {
	color: #ffffff;
	font-weight: 700;
	background-color: #333333;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-ms-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	display: block;
	text-align: center;
	border: none;
	font-family: 'DINNext', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	font-size: 14px;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .general-btn:hover {
	color: #ffffff;
	background-color: #0d7abf;
}
/* placeholder */
*::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d1d1d3;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d1d1d3;
 opacity: 1;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d1d1d3;
 opacity: 1;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #d1d1d3;
}
/* --- tables --------------------- */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: 400;
}
/* --- images --------------------- */
img {
	/*max-width: 100%;*/
  -moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* --- links --------------------- */
a {
	text-decoration: none !important;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #0d7abf;
	position: relative;/*&:after {
    content: '';
    height: 1px;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: @blue;
    .transition(width, 0.3s,linear);
  }*/
}
a, a:visited {
	outline: 0px;
}
a:hover {
	color: #333333;/*&:after {
    width: 100%;
  }*/
}
a:hover > i, button:hover > i {
	/**
	-webkit-animation: toTopFromBottom 0.5s forwards;
	-moz-animation: toTopFromBottom 0.5s forwards;
	-khtml-animation: toTopFromBottom 0.5s forwards;
	-o-animation: toTopFromBottom 0.5s forwards;
	animation: toTopFromBottom 0.5s forwards;
	**/
}
/*general link*/
.submit-bg {
	float:none;
	overflow:hidden;
	clear:both;
	text-align:left;
	margin-top:30px;
}
.general-link {
	padding: 8px 15px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	min-width: 85px;
	background-color: #016f45;
	color: #ffffff;
	border-radius: 0;
}
.general-link:hover {
	background-color: #bfa314;
	color: #ffffff;
}
.general-link.accent {
	background-color: #0d7abf;
}
.general-link.accent:hover {
	background-color: #333333;
}
.blue {
	background-color: #0d7abf;
}
.blue:hover {
	background-color: #333333;
}
.green {
	background-color: #016f45;
}
.green:hover {
	background-color: #333333;
}
.general-link.dark {
	background-color: #004d7f;
}
.general-link.dark:hover {
	background-color: #393938;
}
span.general-link.dark {
	background-color: #333333 !important;
}
span.general-link.acent {
	background-color: #0d7abf;
}
.bordered {
	background-color: transparent;
	border: 1px solid #0d7abf;
	color: #0d7abf;
}
.bordered:hover {
	border: 1px solid #0d7abf;
	background-color: #0d7abf;
	color: #ffffff;
}
.bordered.green {
	border: 1px solid #21a95c;
	color: #21a95c;
}
.bordered.green:hover {
	border: 1px solid #21a95c;
	background-color: #21a95c;
	color: #ffffff;
}
.gradient-link {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #0d7abf), color-stop(100% #f85d3a));
	background-image: -webkit-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -moz-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -ms-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -o-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gradient-link:hover {
	background-color: #f85d3a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f85d3a), color-stop(100% #0d7abf));
	background-image: -webkit-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: -moz-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: -ms-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: -o-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
}
.mini {
	padding: 5px 10px;
	font-size: 0.75em;
}
.small {
	padding: 7px 12px;
	font-size: 0.85em;
}
.large {
	padding: 15px 25px;
	font-size: 1.5em;
}
.links .general-link {
	margin: 0 5px;
	min-width: 150px;
}
/* break */
.br {
	display: block;
	height: 30px;
}
.br-10 {
	height: 10px;
}
.br-20 {
	height: 20px;
}
.br-30 {
	height: 30px;
}
.br-40 {
	height: 40px;
}
.br-50 {
	height: 50px;
}
.br-60 {
	height: 60px;
}
.br-70 {
	height: 70px;
}
.br-80 {
	height: 80px;
}
.br-90 {
	height: 90px;
}
/* hr */
hr, .container hr {
	margin: 0px;
	height: 1px;
	background: #d1d1d3;
	border: 0px;
}
/* --- clearing --------------------- */
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
/* --- Svg --------------------- */
.svg {
	width: 100%;
	height: 100%;
}
/* --- general classes --------------------- */
.none {
	display: none;
}
.block {
	display: block !important;
}
.fixed_pos {
	position: fixed;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.centerdText {
	text-align: center;
}
.noMarginLeft {
	margin-left: 0px !important;
}
.noMarginRight {
	margin-right: 0px !important;
}
.noMarginTop {
	margin-right: 0px !important;
}
.noMarginBottom {
	margin-bottom: 0px !important;
}
.firstChild {
	margin: 0px;
}
.lastChild {
	margin: 0px;
}
.offset {
	display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.white {
	color: #ffffff;
}
/* col */
[class*="col"] {
 -webkit-transition: width 0.4s linear;
 -moz-transition: width 0.4s linear;
 -o-transition: width 0.4s linear;
 -ms-transition: width 0.4s linear;
 -khtml-transition: width 0.4s linear;
 transition: width 0.4s linear;
}
/* --- selection --------------------- */
::-moz-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-webkit-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-o-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-khtml-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-ms-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::selection {
 background-color: #0d7abf;
 color: #ffffff;
}
/* --- tooltip --------------------- */
/* tooltip bottom */
.tooltipBottom + .tooltip {
	animation-name: tooltipBottom;
	-webkit-animation-name: tooltipBottom;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipBottom {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(30%);
}
 100% {
 transform: translateY(0%);
}
}
@-webkit-keyframes tooltipBottom {
 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(30%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/* tooltip top */
.tooltipTop + .tooltip, .tooltip {
	animation-name: tooltipTop;
	-webkit-animation-name: tooltipTop;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipTop {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(-30%);
}
 100% {
 transform: translateY(0%);
}
}
@-webkit-keyframes tooltipTop {
 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(-30%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/* tooltip left */
.tooltip {
	font-family: 'DINNext', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tooltipLeft + .tooltip {
	animation-name: tooltipLeft;
	-webkit-animation-name: tooltipLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipLeft {
 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(-30%);
}
 100% {
 transform: translateX(0%);
}
}
@-webkit-keyframes tooltipLeft {
 0% {
 -webkit-transform: translateX(0%);
}
 50% {
 -webkit-transform: translateX(-30%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/* tooltip Right */
.tooltipRight + .tooltip {
	animation-name: tooltipRight;
	-webkit-animation-name: tooltipRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipRight {
 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(30%);
}
 100% {
 transform: translateX(0%);
}
}
@-webkit-keyframes tooltipRight {
 0% {
 -webkit-transform: translateX(0%);
}
 50% {
 -webkit-transform: translateX(30%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/*tool tip customize*/
.tooltip-inner {
	background-color: #333333;
	padding: 5px 15px;
	font-size: 11px;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #333333;
}
.tooltip.top-left .tooltip-arrow {
	border-top-color: #333333;
}
.tooltip.top-right .tooltip-arrow {
	border-top-color: #333333;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #333333;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #333333;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #333333;
}
.tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #333333;
}
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #333333;
}
/*dark section  tooltip*/
.dark-section .tooltip-inner {
	background-color: #ffffff;
	color: #333333;
}
.dark-section .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
.dark-section .tooltip.top-left .tooltip-arrow {
	border-top-color: #ffffff;
}
.dark-section .tooltip.top-right .tooltip-arrow {
	border-top-color: #ffffff;
}
.dark-section .tooltip.right .tooltip-arrow {
	border-right-color: #ffffff;
}
.dark-section .tooltip.left .tooltip-arrow {
	border-left-color: #ffffff;
}
.dark-section .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ffffff;
}
.dark-section .tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #ffffff;
}
.dark-section .tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #ffffff;
}
/* --- Basic --------------------- */
.menu {
	padding-top: 0px !important;
}
.loadSmooth {
	-webkit-transition: 0.7s ease-in-out linear;
	-moz-transition: 0.7s ease-in-out linear;
	-o-transition: 0.7s ease-in-out linear;
	-ms-transition: 0.7s ease-in-out linear;
	-khtml-transition: 0.7s ease-in-out linear;
	transition: 0.7s ease-in-out linear;
}
#container {
	overflow: hidden;
}
/* --- General Mixins --------------------- */
.gray-box {
	border: 1px solid #e8e8e9;
	background-color: #f8f8f8;
	color: #a9a9ab;
}
.gray-box:hover {
	color: #0d7abf;
}
.block-img {
	display: block;
	width: 100%;
	height: 100%;
}
.gradient-box-vr {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #0d7abf), color-stop(100% #f85d3a));
	background-image: -webkit-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -moz-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -ms-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -o-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gradient-box-hr {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left top, color-stop(10%, #f85d3a), color-stop(100% #0d7abf));
	background-image: -webkit-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: -moz-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: -ms-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: -o-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.p0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.row_nomarg {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*=============================================================================

  3- Globally pages Applied Styles

  =============================================================================*/
/* --- Body --------------------- */
body {
	font-family: 'DINNext', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.428571429;
	color: #000;
	background:#f7fafc;
	direction:rtl;
}
/* --- All Wrapper --------------------- */
.all-wrapper {
	position: relative;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-khtml-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.top_head {
	background: #5390e0;
	height: 46px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow:hidden;
}
.innerWrapper {
	margin: auto;
}
.container {
}
/* --- Loading --------------------- */
.loading-container {
	text-align: center;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	display: inline-block;
	z-index: 1000;
}
.loading-container .loading {
	display: inline-block;
	text-align: center;
	height: 80px;
	width: 80px;
}
.loading-container .loading:before, .loading-container .loading:after {
	position: absolute;
	bottom: 30px;
	left: 50%;
	display: block;
	border: 5px solid #d1d1d3;
	border-radius: 50%;
	content: '';
}
.loading-container .loading:before {
	margin-left: -40px;
	width: 80px;
	height: 80px;
	border-right-color: #333333;
	border-left-color: #333333;
	-webkit-animation: rotation 3s linear infinite;
	animation: rotation 3s linear infinite;
}
.loading-container .loading:after {
	bottom: 50px;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	border-top-color: #333333;
	border-bottom-color: #333333;
	-webkit-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
 0% {
 -webkit-transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes rotation {
 0% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
}
}
.loading i {
	width: 52px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -21px;
	top: 50%;
	margin-top: -30px;
	font-size: 60px;
	display: inline-block;
}
/* --- Sections --------------------- */
.main-section {
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-khtml-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	padding: 105px 0;
}
.main-section .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.75);
	z-index: 1;
}
.dark-section {
	background-color: #333333;
}
.gray-section {
	background-color: #f6f6f6;
}
.img-section {
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background: #333333 url('images/img-section-bg.jpg') center center;
	position: relative;
}
.img-section .cover {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(51, 51, 51, 0.9);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.img-section .container {
	position: relative;
	z-index: 10;
}
.img-section .section-header p {
	color: #e8e8e9;
}
.pattern-section {
	background: #333333 url('images/pattern-section.png') center center;
}
.welcome {
	padding: 0;
}
/* section header */
.section-header {
	text-align: center;
	margin-bottom: 60px;
}
.section-header h3 {
	font-size: 25px;
	line-height: 1;
	color: #0d7abf;
	margin-bottom: 12px;
}
.section-header p {
	font-size: 16px;
	color: #6e6a6f;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 28px;
}
.section-header .border-divider {
	background-color: #cbcbcd;
	display: block;
	margin: 0 auto;
}
/* --- Scroll Animation --------------------- */
.sa {
	opacity: 0;
	visibility: hidden;
}
.sa.animated {
	opacity: 1;
	visibility: visible;
}
/* custom animation delay */
.sa-t1 {
	-webkit-animation-delay: 0.2s;
	/* Chrome, Safari, Opera */
  -moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sa-t2 {
	-webkit-animation-delay: 0.5s;
	/* Chrome, Safari, Opera */
  -moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.sa-t3 {
	-webkit-animation-delay: 0.8s;
	/* Chrome, Safari, Opera */
  -moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
/* accent */
.accent {
	color: #0d7abf;
}
.accent-bg {
	background-color: #0d7abf;
}
/* --- Fancy Select --------------------- */
.fancy-select {
	position: relative;
	margin-left: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-align: right;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select select:focus + .trigger {
	background-color: rgba(255, 255, 255, 0.2);
}
.fancy-select select:focus + .trigger.open, .fancy-select select + .trigger:hover {
	background-color: #0d7abf;
}
.fancy-select .trigger {
	height: 25px;
	line-height: 25px;
	border-radius: 2px;
	cursor: pointer;
	padding: 0px 30px 0px 7px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select .trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #fff;
	top: 12px;
	right: 7px;
}
.fancy-select .trigger.open {
	color: #fff;
	background-color: #0d7abf;
	border-radius: 2px 2px 0px 0px;
}
.fancy-select ul.options {
	list-style: none;
	position: absolute;
	left: 0px;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: hidden;
	min-width: 150px;
	border-radius: 0px 2px 2px 2px;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select ul.options li {
	padding: 8px 12px;
	float: none;
	margin: 0;
	color: #5d5d5d;
	background-color: #fff;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select ul.options li.selected {
	color: #fff;
	background-color: #0d7abf;
}
.fancy-select ul.options li.hover {
	color: #fff;
	background-color: #0d7abf;
}
.fancy-select ul.options.open {
	visibility: visible;
	opacity: 1;
}
.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;
}
.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;
}
.fancy-select.disabled {
	opacity: 0.5;
}
/* corner */
.corner {
	position: absolute;
	z-index: 2;
	display: block;
}
.top-left {
	top: 0;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.top-right {
	top: 0;
	right: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.bottom-left {
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.bottom-right {
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* social-media */
.social-media {
	height:36px;
	overflow:hidden;
	text-align:left;
	direction:ltr;
}
.social-media li {
	display: inline-block;
	padding: 0 5px;
	margin: 0 1px;
	position: relative;
	border-right: 1px solid #fff;
}
.social-media li + li {
	margin-left:-1px;
}
.social-media li a {
	display: block;
	width: 25px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	padding: 0;
	text-align:center;
}
.social-media li a i {
	font-size: 13px;
}
.social-media li:hover a {
}
.social-media.colored li:hover .facebook {
	background-color: #325c94
}
.social-media.colored li:hover .gplus {
	background-color: #dc543a
}
.social-media.colored li:hover .twitter {
	background-color: #00abdc
}
.social-media.colored li:hover .pinterest {
	background-color: #cc2127;
}
.social-media.colored li:hover .vimeo {
	background-color: #1ab7ea;
}
.social-media.colored li:hover .dribbble {
	background-color: #ea4c89;
}
.social-media.colored li:hover .instagram {
	background-color: #2a5985;
}
.social-media.colored li:hover .rss {
}
.social-media.colored li:hover .youtube {
	background-color: #f20026;
}
.social-media.colored li .search-wrapper {
	background-color: transparent;
}
.social-media li.lang {
	padding: 0 15px 0 25px;
	background:url(../images/lang.png) no-repeat left center;
}
.social-media li.lang a {
	width:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.social-media li.whatsapp {
	border-right: 0px;
	padding: 0 15px;
}
.social-media li.whatsapp a {
	width:auto;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.social-media li.whatsapp a i {
	font-size:17px;
	margin-right:10px;
	color:#283b68;
}
.language {
}
.language ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.language ul li {
	display:inline-block;
}
.language ul li + li {
	margin-right:15px;
}
.language ul li a {
	color: #fff;
	display: block;
	font-weight: lighter;
	font-size: 16px;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	display: block;
}
.language ul li a i {
	margin-left:7px;
	font-size:15px;
	color:#283b68;
}
.social-media.colored li.search-form-wrapper {
	width: 100%;
	margin: 0;
	text-align: center;
	display: block;
	height: 60px;
	line-height: 60px;
	position: inherit !important;
}
.social-media.colored li.search-form-wrapper button {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0;
	margin:0px;
	overflow:hidden;
}
.social-media.colored li.search-form-wrapper button .fa {
	font-size:20px;
}
/* social-media header*/
.top_header .social-media {
	text-align: center;
	overflow: visible;
	height: 30px;
	margin-top: 0;
	direction: ltr;
	padding-top:22px;
	padding-bottom:22px;
}
.top_header .social-media li {
	display: inline-block;
	margin: 0 7px;
	position: relative;
	float:left;
}
.top_header .social-media li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 13px;
	overflow: hidden;
	padding: 0;
	margin:0px;
	border-radius:15px;
}
.top_header .social-media li button {
	display: block;
	width: 50px !important;
	height: 44px !important;
	line-height: 44px !important;
	color: #000000 !important;
	font-size: 18px;
	overflow: hidden;
	padding: 0;
	margin: 0px;
}
.top_header .social-media li:hover a {
}
.top_header .social-media li a i {
	font-size: 14px;
	margin:0px;
}
/* colors-border */
.colors-border {
	height: 2px;
	background: url('images/colors-border.png');
}
/* accordian-shortCode */
.accordian-shortCode .accordion-row {
	margin-bottom: 15px;
}
.accordian-shortCode .accordion-row:last-child {
	margin-bottom: 0;
}
.accordian-shortCode .title {
	border: 1px solid rgba(13, 122, 191, 0.1);
	padding: 7px 15px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	font-family: 'DINNext', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	color: #0d7abf;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	text-transform: uppercase;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.accordian-shortCode .title:after {
	content: '+';
	font-family: 'DINNext', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	float: right;
	display: block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	color: #0d7abf;
	font-weight: 700;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-ms-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font-size: 25px;
}
.accordian-shortCode .title:hover {
	color: #21a95c;
	border: 1px solid #21a95c;
}
.accordian-shortCode .title:hover:after {
	color: #21a95c;
}
.accordian-shortCode .active {
	background-color: #0d7abf;
	color: #ffffff !important;
	border-color: #0d7abf !important;
}
.accordian-shortCode .active:after {
	content: '-';
	color: #ffffff !important;
}
.accordian-shortCode .accordion-content {
	display: none;
	padding: 10px 0 0 0;
}
.accordian-shortCode .accordion-content p {
	color: #8f9193;
	font-size: 14px;
	line-height: 23px;
	font-family: 'Lato', sans-serif;
}
.accordian-shortCode .accordion-content p a {
	color: #21a95c;
	font-size: 11px;
	display: inline-block;
	margin-left: 5px;
	line-height: 24px;
}
.accordian-shortCode .accordion-content p a:hover {
	color: #0d7abf;
}
.accordian-shortCode .accordion-content p span {
	color: #383838;
	font-weight: 700;
}
.accordian-shortCode .accordion-row:first-child .accordion-content {
	display: block;
}
.p0l {
	padding-right: 0px !important;
	padding-left:0px !important;
}
/*=============================================================================

  4- Headers Styles

  =============================================================================*/
/* --- Default Header --------------------- */
.header {
	z-index: 100;
	position: relative;
	clear:both;
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 35px;
}
/* header_top */
.header_top {
	    background-color: #fff;
}
.logo-bg-mneef {
    padding-top: 39px;
    padding-bottom: 40px;
    background: #f7fafc url(../images/logobgar.png) no-repeat left center;
}
#logo {
    text-align: left;
    padding-right: 60px;
	margin:0;
}
.header_top-inner {
}
.all-product {
	margin-bottom:-23px;
}
.all-product a {
	height: 46px;
	line-height: 46px;
	border-radius:23px;
	background-color: #283b68;
	font-size: 18px;
	color: #fff;
	padding: 0 10px;
	display:block;
	overflow:hidden;
	text-align:center;
	min-width:171px;
}
.all-product a i {
	font-size:16px;
	margin-left:7px;
}
.all-product a:hover {
	background-color:#393938;
	color:#fff;
}
/* --- main-nav --------------------- */
.header-nav {
    padding: 66.5px 30px 66.5px 100px;
    min-height: 229px;
}
.main-nav-bar {
}
.main-nav-wrapper {
	position: relative;
}
.main-nav-bar-item {
	direction: rtl;
}
.main-nav-tabs > li {
	display: inline-block;
    position: relative;
    margin: 0 10px;
}
.main-nav-tabs > li + li:before {
    content: '';
    position: absolute;
    height: 14px;
    width: 2px;
    background: #d7d7d7;
    top: 41px;
    right: -14px;
}
.main-nav-tabs > li > a {
    display: inline-block;
    color: #004d7f;
    padding: 36px 7px;
    background-color: transparent;
    font-size: 17px;
    font-weight: 300;
    min-height: 52px;
    text-transform: capitalize;
}
.main-nav-tabs > li > a:hover {
    color: #b11116;
    background: url(../images/abg.png) no-repeat bottom center;
}
.main-nav-tabs > li:hover > a, .main-nav-tabs > li:hover > a i {
}
.main-nav-tabs > li > a:before {
}
.main-nav-tabs > li:hover> a:before {
}
.main-nav-tabs > li ul {
	width: 160px;
}
.main-nav-tabs > li ul .mega-menu-col > a {
	font-size: 18px;
	font-weight: 600;
	background-color: transparent !important;
	color: #333333;
}
.main-nav-tabs > li ul li:first-child {
}
.main-nav-tabs > li ul li:last-child {
}
.main-nav-tabs > li > ul {
	top: 100%;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: none;
	margin-left: 0;
	border-radius: 0;
}
.main-nav-tabs > li > ul > li a {
	/* height: 30px; */
	line-height: 30px;
	font-size: 16px;
	padding: 0 10px;
	display: block;
	color: #000;
	/* overflow:hidden; */
}
.main-nav-tabs > li > ul > li a:hover {
	color: #232020;
	background-color: #ffffff;
}
.main-nav-tabs > li > ul > li a:before {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: 10px;
}
.main-nav-tabs > li > ul > li > ul {
	border: none;
}
.main-nav-tabs > li > ul > li > ul li {
	border-bottom: 0;
}
.main-nav-tabs > li > ul > li:last-child {
	margin-bottom: 0;
}
.main-nav-tabs li:hover > a {
	color:#283b68;
}
.main-nav-tabs li:hover > ul {
	display: block;
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
.main-nav-tabs li ul {
	z-index: 1000;
}
.main-nav-tabs .opened > a {
}
.main-nav-tabs .mega-menu.opened .opened > a {
	color: #0d7abf;
}
.main-nav-tabs .mega-menu.opened .opened .opened > a {
	color: #0d7abf;
	background-color: #f6f6f6;
}
.main-nav-tabs .dropdown.opened .opened a {
	color: #0d7abf;
	background-color: #f6f6f6;
}
.main-nav-tabs .dropdown > a:after {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
}
.main-nav-tabs .mega-menu > a:after {
	content: '\f107';
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
}
.main-nav-tabs .dropdown {
	position: relative;
}
.main-nav-tabs .dropdown ul li {
	position: relative;
	background-color: #283b68;
	padding: 8px 5px;
}
.main-nav-tabs .dropdown ul li > a {
	color:#fff;
	}
.main-nav-tabs .dropdown ul li:hover > a {
	color: #232020;
	background-color: #ffffff;
}
.main-nav-tabs .dropdown ul li:first-child {
}
.main-nav-tabs .dropdown > ul {
	position: absolute;
	padding-top: 15px;
}
.main-nav-tabs .dropdown > ul:after {
	border-bottom: 12px solid #283b68;
	border-left: 16px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	right: 18px;
	padding-top: 10px;
	position: absolute;
	top: -7px;
}
.main-nav-tabs .dropdown.dropdown1 > ul:after {
	border-bottom: 0 solid #d9bb3a;
	border-left: 0 solid rgba(0, 0, 0, 0);
	content:normal;
}
.main-nav-tabs .dropdown > ul li {
	position: relative;
}
.main-nav-tabs .dropdown > ul li ul {
	position: absolute;
	left: 100.5%;
	top: -2px;
	border: 0;
	border-bottom: 0;
	width: 300px;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.main-nav-tabs .dropdown > ul li ul li {
	border-bottom: 1px solid #d1d1d3;
}
.main-nav-tabs .dropdown > ul li ul li ul {
	position: absolute;
	left: 100%;
	top: -2px;
	width: 199px;
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.main-nav-tabs .dropdown > ul li:hover ul {
	display: block;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
.main-nav-tabs .dropdown > ul li:hover ul li ul {
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.main-nav-tabs .dropdown > ul li:hover ul li:hover ul {
	display: block;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
.main-nav-tabs .mega-menu .dropdown > ul li:first-child:after {
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #0d7abf;
	position: absolute;
	top: -15px;
	left: 15px;
	z-index: 10;
}
.main-nav-tabs .mega-menu > ul {
	position: absolute;
	left: 0;
	padding: 30px 15px;
	width: 100%;
	border-left: 1px solid #d1d1d3;
	border-right: 1px solid #d1d1d3;
}
.main-nav-tabs .mega-menu > ul > li {
	border-bottom: 0;
}
.main-nav-tabs .mega-menu > ul > li > a {
	padding: 0;
	height: auto;
	line-height: 1;
	margin-bottom: 10px;
}
.main-nav-tabs .mega-menu > ul > li:hover > a {
	color: #0d7abf;
}
.main-nav-tabs .mega-menu > ul > li ul {
	left: auto;
	position: relative;
	opacity: 1;
	visibility: visible;
}
.main-nav-tabs .mega-menu > ul > li ul li {
	border-bottom: 1px solid #d1d1d3;
}
.main-nav-tabs .mega-menu > ul > li ul li:first-child {
	border-top: 1px solid #d1d1d3;
}
/* responsive menu wrapper */
#responsive-menu-wrapper {
	float:right;
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav-toggler {
float: none;
    display: block;
    overflow: hidden;
    min-width: 40px !important;
    height: 49px;
    padding: 0;
    text-align: center;
    line-height: 49px;
    font-size: 18px;
    border-radius: 0;
    margin: 0;
}
#responsive-menu-wrapper .responsive-main-nav-toggler:focus {
	color:#fff;
}
#responsive-menu-wrapper .responsive-main-nav-toggler.opened {
	background-color: #12171d;
	color: #ffffff;
}
#responsive-menu-wrapper .responsive-main-nav {
	border-radius: 0;
	/* width: 400px; */
    position: absolute;
	right: 0;
	left: 0;
	direction: rtl;
	top: 100%;
	z-index: 1000;
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs {
	width: 100%;
	background-color: #232020;
	padding-top: 8px;
	border-radius: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li {
	float: none;
	margin: 0;
	padding: 8px 5px;
	padding-top: 0;
	display:block;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button {
	font-size: 17px;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background-color: #232020;
	color: #ffffff;
	text-align: left;
	font-weight: lighter;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a i, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button i {
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a:hover, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button:hover {
	background-color: #ffffff;
	color: #232020;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a:hover:after, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button:hover:after {
	color: #232020 !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a.toggle-responsive:after, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button.toggle-responsive:after {
	content: '+';
	font-family: 'tahoma';
	float: left;
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .toggle-responsive.active {
	background-color: #ffffff;
	color: #232020;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .toggle-responsive.active:after {
	content: '-';
	color: #0d7abf !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .active {
	background-color: #0d7abf;
	color: #ffffff;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .active:after {
	color: #ffffff !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul {
	display: none;
	position: relative;
	width: 100%;
	animation: none !important;
	-webkit-animation: none !important;
	right: auto;
	left: auto;
	top: auto;
	padding-top: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li {
	padding-bottom: 8px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li a {
	padding: 0 30px;
	font-size: 12px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li a:before {
	content: '-';
	font-family: 'tahoma';
	font-weight: 700;
	margin-right: 5px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li ul {
	position: relative;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li ul li a {
	padding: 0 45px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li:first-child:after {
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .dropdown li:last-child {
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs li:first-child:after {
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #232020;
	position: absolute;
	top: -16px;
	right: 12px;
	z-index: 10;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .opened > a {
	background-color: #ffffff;
	color: #232020;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .opened > a:after {
	color: #0d7abf !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .opened .opened > a {
	background-color: #ffffff;
	color: #0d7abf;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs li:hover ul {
	-webkit-animation: none !important;
	animation: none !important;
}
#top-link-mneef {
}
#top-link-mneef > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#top-link-mneef > ul > li {
    display: inline-block;
    margin: 0 8px;
    line-height: 94px;
    font-size: 16px;
}
#top-link-mneef > ul > li > a {
    color: #004d7f;
}
#top-link-mneef .lng2 {
    display: none;
}
.dropdown-menu {
    background-color: #b11116 !important;
    border-radius: 0 !important;
    right: 0 !important;
    left: auto !important;
}
.dropdown-menu > li > a {
    color: #fff !important;
    padding: 6px 20px !important;
	font-size:14px !important;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
    color: #000 !important;
    background-color: #fff !important;
}
/* logo */
/* search_bg */
.search_bg {
    background-color: #283b68;
    width: 46px;
    height: 46px;
    position: initial !important;
    border-radius: 23px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -23px;
}
/* --- Search --------------------- */
.search_warper {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	direction: rtl;
}
.search-form {
	position: relative;
}
.search-form .search-bar, .search-form input[type="search"] {
	border: 1px solid rgba(161, 162, 175, 0.55);
	background-color: #2f367e;
	color: #fff;
	margin-bottom: 0;
	padding-right: 35px;
	font-size: 13px;
	border-radius: 0;
	width: 100%;
	float: none;
}
.search-form .search-bar, .search-form buttom .fa {
	color:#fff;
}
.search-form input[type="submit"] {
	padding: 7px 20px;
	background-color: #fff;
	border-radius: 6px;
	font-family: 'droid', "Helvetica Neue", Helvetica, Arial;
	margin-right: 4px;
	display: inline-block;
}
.search-form .search-bar:hover, .search-form input[type="search"]:hover, .search-form input[type="search"]:focus {
	color: #fafafa !important;
}
.search-form button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent !important;
	border: none;
	width: 35px !important;
	height: 47px !important;
	text-align: center;
	line-height: 47px !important;
	margin-bottom: 0;
	color: #fff !important;
}
.search-form button .fa {
	color:#fff !important;
}
/* --- dropdown-switcher --------------------- */
.dropdown-switcher .dropdown-menu {
	margin-top: 23px;
	position: absolute;
	right: 0;
	left: 0;
	background-color: #283b68;
	border: 0;
	padding: 10px;
	margin-top: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	top: 99%;
	border-radius: 15px;
	float: none;
	margin-top: 23px;
}
.open.dropdown-switcher .dropdown-menu {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
.dropdown-switcher > button {
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	background:none;
	overflow:hidden;
}
/* --- flat-section-one --------------------- */
.flat-section-one {
	overflow:hidden;
}
.fl1-about {
	overflow:hidden;
	text-align:center;
	margin-bottom:75px;
}
.fl1-about h3 {
	font-size: 23px;
	line-height: 75px;
	height: 75px;
	font-weight: lighter;
	color: #8abe50;
	position: relative;
	margin: 0px 0px 45px;
	overflow: hidden;
	background: url(../images/fh1.png) no-repeat top right;
	display: inline-block;
	padding: 0 50px;
	position:relative;
}
.fl1-about h3:before {
	content: "";
	background:url(../images/fh2.png) no-repeat bottom left;
	width:38px;
	height:37px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.fl1-about .about_in_desc {
	color: #fff;
	font-size: 16px;
	height: 103px;
	line-height: 26px;
	overflow: hidden;
	margin: 0 10%;
}
.fl1-links-items {
	margin-bottom:30px;
	border-radius:15px;
	background-color:rgba(34, 34, 34, 0.8);
	padding:40px;
}
.fl1-links-items1 h3 {
	background-image:url(../images/fl1ci.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.fl1-links-items2 h3 {
	background-image:url(../images/fl1c2.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.fl1-links-items3 h3 {
	background-image:url(../images/fl1c3.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.fl1-links-items h3 {
	margin: 0;
	color: #fff;
	font-size: 19px;
	line-height: 30px;
	padding-right:95px;
}
.fl1-links-items h3 span a {
	color:#fff;
}
.fl1-links-items h3 span {
	margin: 0;
	color: #fff;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	display:block
}
/* --- flat-section-two --------------------- */
.padd-down {
	padding-bottom:40px;
}
.flat-section-two {
	overflow:hidden;
	margin:66px 0;
	padding:66px 0 103px;
	background:url(../images/services.png) repeat;
	position:relative;
}
.flat-section-two:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.50);
}
.fst-item {
    margin-top: 30px;
    padding: 0;
    transition: 200ms;
    transition: all 0.2s linear;
    position: relative;
}
.fst-item a.icon {
	height:121px;
	vertical-align:top;
	text-align:center;
	display:block;
	overflow:hidden;
	margin-bottom:23px;
}
.fst-item a.icon.iconedit{
	height:250px;
	}
.fst-item h3 {
	height:75px;
	line-height:75px;
	text-align:center;
	color:#f7fafc;
	font-size:28px;
	overflow:hidden;
	text-transform:capitalize;
}
.fst-item h3 a {
	color:#f7fafc;
	display:block;
}
.fst-item p {
    text-align: center;
    margin: 0;
    color: #f7fafc;
    font-size: 19px;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
}
a.fst-item-more {
    text-transform: uppercase;
    margin-top: 10px;
    display: block;
    color: #51bfe0;
    text-align: center;
    overflow: hidden;
    font-size: 20px;
}
.fst-item:hover {
}
.fst-item:hover a.fst-item-more {
	color:#f7fafc;
}
.fst-item:hover h3 a{
	color:#51bfe0;
}
/* --- flat-section-two --------------------- */
.flat-section-two {
	overflow:hidden;
}
.flt-first {
	position:relative;
	height:381px;
	overflow:hidden;
	margin-bottom:30px;
}
.flt-first img {
	height:381px;
	width:100%;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	border-radius: 10px;
}
.flt-first:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.flt-first .overlay {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0;
	text-align:center;
	line-height:381px;
	font-size:20px;
	color:#000;
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
}
.flt-first .overlay a {
	color:#000;
	display:block;
}
.flt-first .overlay a i {
}
.flt-first:hover .overlay {
	visibility: visible;
	opacity: 1;
}
.flt-sub-item {
	height:105px;
	margin-bottom:33px;
	position:relative;
	overflow:hidden;
}
.flt-sub-item img {
	height:105px;
	width:100%;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.flt-sub-item:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	border-radius: 10px;
}
.flt-sub-item .overlay {
	background: #263864;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	text-align: center;
	border-radius: 10px;
	padding:0 20px;
	line-height:85px;
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
}
.flt-sub-item .overlay a {
	color:#fff;
	display:block;
}
.flt-sub-item:hover .overlay {
	visibility: visible;
	opacity: 1;
}
/* --- flat-section-inner --------------------- */
.flat-section-inner {
	overflow:hidden;
	background-color:#f7f7f7;
}
.flat-section-inner .main_title:before {
    background: url(../images/title.png) no-repeat top center;
}
.fsi-box-item {
	overflow:hidden;
	}
.fsi-box-item + .fsi-box-item{
	margin-top:40px;
	}
.fsi-box-item h3 {
	border-bottom:1px solid #eaeaea;
	color:#283b68;
	height:40px;
	line-height:40px;
	overflow:hidden;
	margin:0px;
	font-size:24px;
	margin-bottom:30px;
	}
.fsibi-first {
	margin-bottom:30px;
	}
.fsibi-first a.thumb {
	display:block;
	overflow:hidden;
	height:200px;}
.fsibi-first a.thumb img {
    width: 100%;
    height: 200px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.fsibi-contents {
	padding:25px 25px 35px;
	background-color:#fff;
	position:relative;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	}
.fsibi-contents h4 {
    height: 30px;
    line-height: 30px;
    color: #283b68;
    font-size: 22px;
    font-weight: lighter;
    margin: 0;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
}
.fsibi-contents h4 a {
	color: #283b68;
	}
.fsibi-contents .description {
    color: #000000;
    font-size: 17px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 5px;
}
.fsibi-first:hover .fsibi-contents h4 a {
	color:#000;}
.fsibi-first:hover .description {
	color:#283b68;}
.fsibi-first a.fst-item-more {
    border: 4px solid #f7f7f7;
}
.fsibi-first:hover a.fst-item-more {
    background-color: #5390e0;
	color:#fff;
}
.swiper-container-hidden {
	height:365px;
	overflow:hidden;}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
    height: auto !important;
    float: right !important;
    width: 50% !important;
    margin: 0;
}

/***********************/
#carousel-clients .owl-controls{
	direction:ltr;
	}
.fsibi-sub-item {
	overflow:hidden;
	margin-bottom:30px;
	padding:15px;
	background-color:#fff;
	border-radius:5px;
	height:130px;
}
.fsibi-sub-item .thumb_main {
	display:block;
}
.fsibi-sub-item .thumb_main img {
	width:100%;
	height:100px;
	border-radius:5px;
}
.fsibi-sub-item h4 {
	height: 22px;
	line-height: 22px;
	color: #283b68;
	font-size: 19px;
	font-weight: lighter;
	margin: 0;
	margin-bottom: 4px;
	position: relative;
	overflow: hidden;
}
.fsibi-sub-item h4 a {
	color: #283b68;
}
.sub-item:hover h3 a {
	color:#000;
}
.fsibi-sub-item .description {
	color: #000000;
	font-size: 16px;
	height: 63px;
	line-height: 21px;
	overflow: hidden;
	margin-bottom: 5px;
}
.fsibi-sub-item .date-ed {
	font-size: 15px;
	color: #000000;
}
/* breaking-news */
.news-bg {
	overflow:hidden;
	z-index:99999;
	position:relative;
	background-color: #8abe50;
}
.breaking-news {
	position: relative;
	height: 50px;
	padding: 10px 25px;
}
.breaking-news .breaking-label {
	background-color: #202020;
	color: #fff;
	width: 100px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	position: relative;
	z-index: 9;
	border-radius: 0;
	font-size: 17px;
	overflow: hidden;
}
.breaking-news .breaking-label {
	float:right;
}
.breaking-news .news-slider-wrapper .marquee {
	direction: ltr;
}
.news-slider-wrapper {
	position: absolute;
	right: 30px;
	overflow: hidden;
	left: 20px;
	height: 30px;
}
.breaking-news .news-slider-wrapper .post {
	display: inline-block;
	margin:0px;
	color: #ffffff;
	line-height: 30px;
}
.breaking-news .news-slider-wrapper .post {
	margin-left: 30px;
	margin-right: 0;
	direction: rtl;
}
.breaking-news .news-slider .post a {
	color: #000000;
	height: 30px;
	line-height: 30px;
	display: block;
	position: relative;
	padding-right: 20px;
	font-size: 16px;
	overflow:hidden;
}
.breaking-news .news-slider .post a:hover {
	color:#fff;
}
.breaking-news .news-slider .post a span {
	display: block;
	float: left;
	color: #fff;
	font-size: 15px;
	padding: 0 50px 0 0;
}
ul.counseling {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
ul.counseling li {
	margin-bottom:30px;
	overflow:hidden;
	background:#fff;
}
ul.counseling li div.thumb {
	display:block;
	position:relative;
	height:220px;
	overflow:hidden;
}
ul.counseling li div.thumb .post-data {
	position:absolute;
	top:100%;
	left:0px;
	right:0px;
	height:220px;
	padding:45px 65px;
	overflow: hidden;
	transition: all 300ms;
	background:rgba(26, 32, 38, .90);
}
ul.counseling li div.thumb .post-data .paragraph {
	color: #c4c4c4;
	text-align: justify;
	font-size: 13px;
	line-height: 21px;
	overflow: hidden;
	height: 105px;
	margin-bottom:10px;
}
ul.counseling li div.thumb .post-data .more {
	font-weight:bold;
	font-size:14px;
	color:#fff;
	display:block;
	text-align:left;
	direction:rtl;
	height:20px;
	line-height:20px;
}
ul.counseling li div.thumb .post-data .more:hover {
	color:#22c064;
}
ul.counseling li:hover div.thumb .post-data {
	top:0px;
}
ul.counseling li div.thumb img {
	height:220px;
	width:100%;
}
ul.counseling li h3 {
	height: 63px;
	line-height: 63px;
	background: #fff;
	padding: 0 10px;
	overflow: hidden;
	color: #1a2026;
	text-align: center;
	font-size: 16px;
	font-weight: lighter;
	margin: 0;
}
ul.counseling li h3 a {
	display:block;
	overflow:hidden;
	color: #1a2026;
	height:63px;
	line-height:63px;
}
#videos.carousel-dots .owl-controls .owl-dots {
	margin-top:20px;
}
#videos.owl-carousel .owl-controls .owl-dots .owl-dot {
	background-color:#a0a0a0;
	border:3px solid #a0a0a0;
}
#videos.owl-carousel .owl-controls .owl-dots .owl-dot.active, #videos.owl-carousel .owl-controls .owl-dots .owl-dot:hover {
	background-color:#4cca81;
	border:3px solid #4cca81;
}
/* --- section_2 --------------------- */
.main_tabs {
	background:url(../images/tabs_bg.png) no-repeat top center;
	background-size:100% 485px;
	min-height:485px;
}
.section_2 {
}
h3.main_title_tabs {
	position:relative;
	color: #fff;
	text-align: right;
	height: 100px;
	line-height: 150px;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
h3.main_title_tabs .icon {
	background:url(../images/tabs.png) no-repeat;
	width:105px;
	height:106px;
	display:block;
	position:absolute;
	right:0px;
	top:-55px;
}
/* --- section_3 --------------------- */
.section_3 {
	margin-top:60px;
	overflow:hidden;
}
/*=============================================================================

  5- Pages Sliders

  =============================================================================*/
/* --- Slider Styles --------------------- */
.section_slider {
	overflow:hidden;
}
.main-slider {
	position:relative;
}
.slider .slide {
	overflow: hidden;
	height:438px;
}
.slider .slide img {
	display: block;
	width: 100%;
	height:438px;
	border-radius:0;
}
.slider .slide .captions {
    position: absolute;
    top: auto;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    color: #fff;
    padding: 20px 25% 43px 20px;
    background-color: rgba(14, 30, 40, .56);
}
.slider .slide .captions p, .slider .slide .captions ul {
	/**
	margin:0px;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	**/
}
.slider .slide .captions p span {
	display:block;
}
.slider .slide .captions p span.span1 {
	display:block;
	color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 34px;
    overflow: hidden;
    margin: 0px;
    margin-bottom: 10px;
    position: relative;
    text-transform: capitalize;
}
.slider .slide .captions p span.span1 a {
	    color: #fff;
}
.slider .slide .captions p span.span2 {
    color: #fff;
    display: block;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    text-align: right;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
}
.slider .slide .captions p .span3 {
	color:#5390e0;
	height:30px;
	line-height:30px;
	display:block;
	font-size:16px;
}
.slider .slide .captions ul {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
	text-align:right;
}
.slider .slide .captions ul li {
	display:block;
}
.slider .slide .captions ul li a {
	display: inline-block;
    margin-top: 5px;
    overflow: hidden;
    color: #51bfe0;
    padding: 0;
    direction: rtl;
    border-radius: 0;
    font-size: 20px;
    background-color: transparent;
    font-weight: bold;
}
.slider .slide .captions ul li a:hover {
	color: #fff;
}
.slider .owl-controls {
	text-align: center;
	width: 100%;
}
.slider .owl-controls .owl-nav {
}
.slider .owl-controls .owl-dots {
	display: block !important;
	text-align: center;
	position:absolute;
	bottom:30px;
}
.slider .owl-controls .owl-nav .owl-prev {
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	border-radius: 0;
	background-color: white;
	top: auto;
	right:auto;
	left:10px;
	color: #6f6766 !important;
	font-size: 25px;
	bottom: 0;
}
.slider .owl-controls .owl-nav .owl-next {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    border-radius: 0;
    background-color: white;
    top: auto;
    right: auto;
    left: 50px;
    color: #6f6766 !important;
    font-size: 25px;
    bottom: 0px;
}
.slider .owl-controls .owl-nav div:hover {
	color: #b11116 !important;
}
.slider .owl-item.active .captions {
}
.slider .owl-item.active .captions p, .slider .owl-item.active .captions ul {
	opacity: 1;
	visibility: visible;
}
.slider .owl-item.active .captions p, .slider .owl-item.active .captions ul {
	-webkit-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}
/* owl carousel */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}
.owl-carousel #progress-bar {
	width: 100%;
	background: #d1d1d3;
}
.owl-carousel #progress-bar #bar {
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #0d7abf;
}
.owl-carousel .owl-stage {
	-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	text-align: center;
}
.owl-carousel .owl-controls .owl-nav div {
	position:absolute;
	cursor:pointer;
}
.owl-carousel .owl-controls .owl-nav div:hover {
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before {
	content: '\f104';
	font-family: 'FontAwesome';
}
.owl-carousel .owl-controls .owl-nav .owl-next:before {
	content: '\f105';
	font-family: 'FontAwesome';
}
.owl-carousel .owl-controls .owl-dots {
	width: 100%;
}
.owl-carousel .owl-controls .owl-dots .owl-dot {
	background-color: #3f4245;
	width: 13px;
	height: 13px;
	margin-right: 5px !important;
	margin-left: 5px !important;
	margin-bottom: 0px !important;
	display: inline-block;
	border-radius: 6.5px;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.owl-carousel .owl-controls .owl-dots .owl-dot:hover {
	background-color:#b11116;
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active {
	background-color:#b11116;
}
.owl-carousel .owl-refresh .owl-item {
	display: none;
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel img {
	transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
/* No Js */
.no-js .owl-carousel {
	display: block;
}
/* mouse grab icon */
.grabbing {
	cursor: url('images/grabbing.png') 8 8, move;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-height {
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/* CSS3 Transitions */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut 1.5s both ease-in-out;
	-moz-animation: fadeOut 1.5s both ease-in-out;
	animation: fadeOut 1.5s both ease-in-out;
}
.owl-fade-in {
 -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
 -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
 -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom 1.5s ease both;
	-moz-animation: scaleUpFrom 1.5s ease both;
	animation: scaleUpFrom 1.5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo 1.5s ease both;
	-moz-animation: scaleUpTo 1.5s ease both;
	animation: scaleUpTo 1.5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
 opacity: 1;
}
}
@-moz-keyframes empty {
 0% {
 opacity: 1;
}
}
@keyframes empty {
 0% {
 opacity: 1;
}
}
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-moz-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
 25% {
 opacity: .5;
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
 to {
 opacity: 0;
 -webkit-transform: scale(0.8);
}
}
@-moz-keyframes scaleToFade {
 to {
 opacity: 0;
 -moz-transform: scale(0.8);
}
}
@keyframes scaleToFade {
 to {
 opacity: 0;
 transform: scale(0.8);
}
}
@-webkit-keyframes goDown {
 from {
 -webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
 from {
 -moz-transform: translateY(-100%);
}
}
@keyframes goDown {
 from {
 transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
 from {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
 from {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
 from {
 opacity: 0;
 transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
 to {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
 to {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
 to {
 opacity: 0;
 transform: scale(1.5);
}
}
#carousel-clients.owl-carousel .owl-controls .owl-nav div {
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    width: 42px;
    border-radius: 21px;
    background-color: #283b68;
    color: #fff;
    opacity: 1;
	}
#carousel-clients.owl-carousel .owl-controls .owl-nav div:hover {
	    background-color: #6ba0e4;
		}
.padd-top {
	padding-top:55px;
}
/* section-article */
.section-article {
	overflow:hidden;
}
.adv-item {
	position:relative;
	overflow:hidden;
	height:300px;
	border-radiues:15px;
}
.adv-item img {
	display: block;
	height:300px;
}
.adv-item h3 {
	position: absolute;
	bottom: 7px;
	margin: 0;
	right: 0;
	left: 0;
	padding: 0 25px;
	height: 55px;
	line-height: 55px;
	background-color: rgba(68, 69, 68, 0.8);
	color: #fff;
	font-size: 19px;
}
.adv-item h3 a {
	position: absolute;
	left: 24px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 16px;
	border: 1px solid #8abe50;
	border-radius: 1px;
	padding: 1px;
	overflow:hidden;
}
.adv-item h3 a i {
	width:21px;
	height:21px;
	line-height:21px;
	overflow:hidden;
	color:#fff;
	background-color:#8abe50;
	border-radius:1px;
}
.sub-item {
	overflow:hidden;
}
.sub-item + .sub-item {
	margin-top:12px;
}
.sub-item .thumb_main {
	display:block;
}
.sub-item .thumb_main img {
	width:100%;
	height:88px;
	border-radius:5px;
}
.sub-item h3 {
	height: 22px;
	line-height: 22px;
	color: #8abe50;
	font-size: 18px;
	font-weight: lighter;
	margin: 0;
	margin-bottom: 4px;
	position: relative;
	overflow: hidden;
}
.sub-item h3 a {
	color: #8abe50;
}
.sub-item:hover h3 a {
	color:#000;
}
.sub-item .description {
	color: #000000;
	font-size: 15px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 5px;
}
.sub-item .date-ed {
	font-size: 15px;
	color: #545252;
}
/* banner_bg */
.banner_bg {
	padding: 27px 0;
	text-align: center;
}
.banner_bg a img {
}
.banner_bg a:hover {
	opacity: 0.8;
}
/* section-photo */
.section-photo {
}
#Content-Slider {
	direction:ltr;
}
#slider_single {
	position:relative;
	margin-bottom:28px;
}
#slider_single .home-slider img {
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height:385px;
	width:100%
}
#slider_single .owl-controls .owl-nav .owl-prev {
	font-size: 55px;
	color: #202020;
	opacity: 1;
	bottom:auto;
	top:50%;
	left:30px;
	position:absolute;
}
#slider_single .owl-controls .owl-nav .owl-next {
	font-size: 55px;
	color: #202020;
	opacity: 1;
	bottom:auto;
	bottom:auto;
	top:50%;
	right:30px;
	position:absolute;
}
.custom-dots-content {
	display: inline-block;
	margin:0 5px;
	cursor:pointer;
	position:relative;
	border-radius: 5px;
}
#carousel-custom-dots .owl-item.active span {
	display: block;
	background: rgba(68, 69, 68, 0.5);
 transition: .5s ease-in-out;
	position: absolute;
	bottom: 0px;
	right: 0;
	left:0px;
	top:0px;
	border-radius: 5px;
}
.custom-dots-content img {
	border-radius: 5px;
	width:100%;
	height:88px;
}
/*=============================================================================

  4- sidebare

  =============================================================================*/
.widgets_b {
}
.widgets_b .main_title {
	text-align:right;
}
.widgets_b .main_title:before {
	right:0px;
	left:auto;
}
.widgets_b .sub-item {
	overflow: hidden;
	background-color:#fff;
	border-right:3px solid #8abe50;
}
.widgets_b .sub-item:hover {
	border-right:3px solid #000;
	transition: 200ms;
	transition: all 0.2s linear;
}
.widgets_b .sub-item .thumb_main img {
	border-radius: 0;
}
.widgets_b .sub-item h3 {
	color: #000000;
	font-size: 16px;
	padding-top:8px;
	height:30px;
}
.widgets_b .sub-item h3 a {
	color:#000;
}
.widgets_b .sub-item:hover h3 a {
	color:#8abe50;
}
.widgets_b .sub-item .description {
	color: #838383;
	font-size: 14px;
	margin-bottom: 0;
}
.widgets_b .sub-item:hover .description {
	color:#000;
}
.widget-item-left {
	padding-right:0px !important;
}
.widgets-b-tab {
	padding-top:0;
	padding-right:0px;
	padding-left:0px;
}
.widgets_b .widget-item-tab {
	padding-top:19px;
	margin-right:6px;
	margin-left:6px;
}
.widgets_b .widget-item-tab .sub-item {
	border-right: 0;
	padding:5px 1px;
}
.widgets_b .widget-item-tab .sub-item h3 {
	color: #000000;
	font-size: 17px;
	padding-top: 0px;
	padding:0 25px;
	border-right:1px solid #8abe50;
	height: 50px;
	line-height:25px;
	margin-bottom:0px;
}
.nav-tabs.nav-justified > li > a {
	border-radius: 0 !important;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #8abe50 !important;
	border-bottom-color: #8abe50 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #fff !important;
	background-color: #8abe50 !important;
}
.nav-tabs.nav-justified > li > a {
	border-bottom: 1px solid #8abe50 !important;
	color: #000;
	background-color: #dfdfdf;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #8abe50 !important;
	border-color: #8abe50 #fff #8abe50 !important;
	color:#fff !important;
}
/* voting */
#voting {
	padding:1px 25px;
}
.voting-form .question {
	color: #000000;
	font-weight: lighter;
	margin: 0px;
	padding: 0 13px 0 0;
	font-size: 18px;
	margin-bottom: 20px;
}
.voting-form .vote {
	margin-bottom: 12px;
}
.voting-form .vote:last-child {
	margin-bottom: 0;
}
.voting-form .submit {
	margin-top: -30px;
}
.voting-form .submit .general-link {
	margin-left: 20px;
	background-color: #8abe50;
	border-radius: 5px;
}
.voting-form .submit .general-link:hover {
	background-color: #202020;
	color:#fff;
}
label {
	color: #000000;
	font-size: 17px !important;
	font-weight: lighter !important;
	cursor: pointer;
}
input[type="checkbox"], .check, input[type="radio"], .radio {
	display: none;
}
input[type="checkbox"] + label, .check + label, input[type="radio"] + label, .radio + label {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
 font-family:;
}
input[type="checkbox"] + label:after, .check + label:after, input[type="radio"] + label:after, .radio + label:after {
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	content: '';
	color: #cecdcd;
	font-size: 100%;
	display: inline-block;
	float: right;
	width: 18px;
	height: 18px;
	line-height: 17px;
	border: 2px solid #757575;
	text-align: center;
	font-size: 12px;
	z-index: 100;
	margin-left: 15px;
}
input[type="checkbox"]:checked + label:after, .check:checked + label:after {
	content: '\f00c';
	font-family: 'FontAwesome';
}
input[type="radio"]:checked + label:after, .radio:checked + label:after {
	content: '\f00c';
	font-family: 'FontAwesome';
}
/*=============================================================================

  6- Services Styles

  =============================================================================*/
.services {
	padding-top:98px;
	padding-bottom:85px;
}
.services_item {
	margin-bottom: 30px;
	position: relative;
	height: 341px;
}
.services_item a.thumb {
	display:block;
}
.services_item a.thumb img {
	width:100%;
	height:203px;
}
.services_item .post_data {
	padding:13px;
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
}
.services_item .post_data:after {
	border: medium solid rgba(255, 255, 255, 0);
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
	border-bottom-color: #fff;
	border-width: 9px;
	right: 18px;
	top: -18px;
	z-index: 99999999999;
}
.services_item .post_data h3 {
	height: 22px;
	line-height: 22px;
	color: #000000;
	font-size: 16px;
	font-weight: lighter;
	margin: 0;
	margin-bottom: 5px;
	position:relative;
	overflow:hidden;
}
.services_item .post_data h3 a {
	display: block;
	overflow: hidden;
	color: #000000;
}
.services_item .post_data .services_description {
	color: #000000;
	font-size: 16px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom:5px;
}
.more_st {
	margin-top:0;
	text-align: left;
}
.more_st a {
	display: inline-block;
	color: #fff;
	height: 31px;
	line-height: 31px;
	font-size: 15px;
	padding: 0 30px;
	background: #017045;
	position: relative;
	overflow: hidden;
	z-index: 9999999999999;
}
.more_st a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #d9bb3a;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.services_item:hover .more_st a:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/*=============================================================================

  about_box

  =============================================================================*/
.about_box {
	background-color: #017045;
	overflow:hidden;
}
.about_img {
	width:100%;
	height:575px;
}
.about_in {
	padding: 44px 30px 26px 30%;
}
.about-item {
	height:134px;
	overflow:hidden;
	margin-bottom:26px;
}
.about_in h3 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #bfa314;
	text-align: right;
	font-size: 22px;
	font-weight: lighter;
	margin: 0;
	margin-bottom: 11px;
}
.about_in h3 a {
	display:block;
	color: #bfa314;
}
.about_in .about_in_desc {
	color: #fff;
	font-size: 16px;
	height: 88px;
	line-height: 22px;
	overflow: hidden;
}
.about_in .about_in_desc-page {
	color: #fff;
	font-size: 17px;
	height: auto;
	line-height: 25px;
	overflow: hidden;
}
.more_bg {
	position:relative;
	height:50px;
}
.more_bg .about_more {
	position: absolute;
	left: -20%;
	z-index: 9999999999999;
}
.about_more {
	display: inline-block;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	padding: 0 30px;
	background:#639298;
	position:relative;
	overflow:hidden;
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.12);
}
.about_more:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.about_more:hover {
	color:#3a3c41;
}
.about_more:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/*products*/
#products {
	padding-top:60px;
	padding-bottom:70px;
}
.product_item div.thumb {
	text-align: center;
	height: 197px;
	display: block;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
	border: 1px solid #fff;
}
.product_item div.thumb .overlay {
	background: rgba(26, 114, 81, 0.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 20px 20px 0;
}
.product_item div.thumb .overlay ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.product_item div.thumb .overlay ul li {
	display:inline-block;
	margin-top:0;
	margin-right:5px;
	margin-left:5px;
	webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.product_item div.thumb .overlay ul li a {
	width:39px;
	height:34px;
	line-height:34px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	display:block;
	font-size:15px;
	overflow:hidden;
}
.product_item div.thumb .overlay ul li a i {
	font-size:16px;
}
.product_item div.thumb .overlay ul li a:hover {
	background-color:#ffffff;
	color:#bfa314;
}
.product_item div.thumb:hover .overlay {
	visibility:visible;
	opacity:1;
}
.product_item:hover div.thumb .overlay ul li {
	margin-top:53px;
}
.product_item div.thumb .overlay::before, .product_item div.thumb .overlay::after {
 pointer-events: none;
 position: absolute;
 top: 15px;
 right: 15px;
 bottom: 15px;
 left: 15px;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
 z-index: 999999999999999999999999;
}
.product_item div.thumb .overlay::before {
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
}
.product_item div.thumb .overlay::after {
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 -webkit-transform: scale(1, 0);
 transform: scale(1, 0);
}
.product_item:hover div.thumb .overlay::before, .product_item:hover div.thumb .overlay::after {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
.product_item div.thumb img {
	width:100%;
	height:197px;
}
.product_item_p {
	margin-bottom:30px;
}
/*=============================================================================

  flat-section-three

  =============================================================================*/
.flat-section-three {
    overflow: hidden;
    padding: 30px 0 90px;
}
.flat-section-three .main_title {
    color: #004d7f;
}
.flat-section-three .main_title:before{
	content:normal;}
#clients {
	position: relative;
}
#clients .owl-carousel .owl-controls {
	direction: ltr;
}
#clients .carousel-dots .owl-controls .owl-nav {
	display: block !important;
}
#clients .owl-carousel .owl-controls .owl-nav div {
	cursor: pointer;
	width: 24px;
	height: 24px;
	margin-top: 0;
	line-height: 24px;
	border-radius: 0;
	text-align: center;
	background: #f6f6f6;
	display: inline-block;
	font-size: 20px;
	color: #f44336;
	margin: 0 5px;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	opacity: 1;
}
#clients .owl-carousel .owl-controls .owl-nav .owl-next:before {
}
#clients .owl-carousel .owl-controls .owl-nav .owl-prev:before {
}
#clients .owl-carousel .owl-controls .owl-nav div:hover {
	background: rgba(147, 147, 147, .90);
	color:#fff;
}
.client {
	padding: 0px 0 0 0;
	position:relative;
}
.client a {
    margin-bottom: 30px;
    text-align: center;
    height: 131px;
    line-height: 131px;
    display: block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    display: block;
}
.client a:hover {
}
.client a img {
	display: inline;
	vertical-align: middle;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+, Firefox on Android */
  filter: gray;/* IE6-9 */
	max-width:100%;
}
.client a:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}
/*=============================================================================

  contact home

  =============================================================================*/
#contact-home {
	background:#636669 url(../images/contacthome.png) no-repeat top center;
	background-size:100% 577px;
	min-height:577px;
	padding-top:40px;
	padding-bottom:35px;
}
#contact-home .main_title {
	color:#fff;
}
/*=============================================================================

  8- footer Styles

  =============================================================================*/
footer {
	overflow:hidden;
}
footer h3 {
    font-size: 22.82px;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    margin-bottom: 25px;
    height: 62px;
    position: relative;
}
footer h3 .fa {
    font-size: 22.82px;
    margin-left: 10px;
}
.footer_top {
	overflow:hidden;
}
.footer_top-inner1 {
	overflow:hidden;
	background:url(../images/footer-top.png) no-repeat top center;
	height:122px;
	padding:38px 20px;
}
.footer_logo_wraper {
	overflow:hidden;
}
.footer_logo_wraper .social-media {
	text-align: center;
	overflow: hidden;
	height: 45px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	direction: ltr;
}
.footer_logo_wraper .social-media li {
	display: inline-block;
	margin: 0 4px;
	position: relative;
	border:0px;
}
.footer_logo_wraper .social-media li a {
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	padding: 0;
	text-align:center;
	border-radius:22.5px;
}
.footer_logo_wraper .social-media li a i {
	font-size: 16px;
}
.footer_logo_wraper .social-media li a {
	border:1px solid transparent;
}
.footer_logo_wraper .social-media li a.facebook {
	background-color:#0473c0;
}
.footer_logo_wraper .social-media li a.twitter {
	background-color:#09abd9;
}
.footer_logo_wraper .social-media li a.gplus {
	background-color:#e1584b;
}
.footer_logo_wraper .social-media li a.instagram {
	background-color:#99694b;
}
.footer_logo_wraper .social-media li a.youtube {
	background-color:#c33c2d;
}
.footer-mail {
	text-align: left;
	direction: ltr;
	height: 45px;
	line-height: 45px;
	color: #fff;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
.footer-mail i {
	margin-right:5px;
}
.fti-top-item {
	position:relative;
}
.fti-top-item div.thumb {
	overflow:hidden;
	height:140px;
}
.fti-top-item div.thumb img {
	width:100%;
	height:140px;
	display:block;
	border-radius:10px;
}
.fti-top-item a {
	position: absolute;
	top: 49px;
	height: 43px;
	line-height: 43px;
	border-radius: 21.5px;
	background-color: #8abe50;
	color: #fff;
	font-size: 17px;
	text-align: center;
	padding: 0 30px;
	right: 10%;
	left: 10%;
	margin: 0 auto;
	display: block;
	overflow:hidden;
}
.fti-top-item a:hover {
	background-color: #393938;
	color: #fff;
}
.links {
	overflow: hidden;
}
.links ul {
}
.links ul li {
}
.links ul li + li {
}
.links ul li a {
	color: #f7fafc;
    display: block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 18px;
    font-weight: lighter;
    text-transform: uppercase;
	text-align:right;
}
.links ul li a .fa {
}
.links ul li a:before {
	font-family: FontAwesome;
    display: inline-block;
    content: "\f104";
    margin-left: 10px;
    margin-right: 0;
    color: #f7fafc;
}
.links ul li a:hover {
	color: #b11116;
	padding: 0px 2px 0px 0;
}
ul.contact_main {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
ul.contact_main li {
    overflow: hidden;
    font-size: 18px;
    color: #f7fafc;
    line-height: 26px;
    max-height: 78px;
    font-weight: lighter;
}
ul.contact_main li + li {
	margin-top:16px;
}
ul.contact_main li.marker {
}
ul.contact_main li span {
}
ul.contact_main li i {
margin-left: 10px;
    color: #f7fafc;
    font-size: 20px;
    margin-right: 1px;
}
.about-footer {
	overflow:hidden;
}
.about-footer a.thumb {
	display:block;
}
.about-footer a.thumb img {
	max-width:100%;
	max-height:221px;
}
.footer_top-inner-bottom {
overflow: hidden;
    background: #004d7f;
    position: relative;
    padding: 70px 0;
}
.footer_top-inner-bottom .social-media {
	height: 28px;
	overflow: hidden;
	text-align: right;
}
.footer_top-inner-bottom .social-media li {
	display: inline-block;
	padding: 0 5px;
	margin: 0;
	position: relative;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
}
.footer_top-inner-bottom .social-media li a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	border-radius:3px;
}
.footer_top-inner-bottom .social-media li a i {
	font-size: 13px;
}
.footer_top-inner-bottom .social-media.colored li .facebook {
	background-color: #325c94
}
.footer_top-inner-bottom .social-media.colored li .twitter {
	background-color: #00abdc
}
.footer_top-inner-bottom .social-media.colored li .youtube {
	background-color: #f20026;
}
.footer_bottom {
    clear: both;
    color: #004d7f;
    padding-bottom: 25px;
    padding-top: 25px;
    background: #f7fafc;
}
.copysite {
    font-size: 16px;
    font-weight: bold;
    color: #004d7f;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    margin: 0;
}
.copysite i {
    font-size: 16px;
}
.copyright {
    overflow: hidden;
    text-align: left;
    font-size: 15px;
}
.copyright a {
    display: block;
}
.copyright img {
    display: inline-block;
    height: 25px;
}
/* contacts-list */
.contacts-list li {
	font-size: 14px;
	color: #8f9193;
	font-family: 'Lato', sans-serif;
	margin-bottom: 10px;
}
.contacts-list li i {
	font-size: 14px;
	margin-right: 10px;
	color: #0d7abf;
}
.contacts-list li a {
	color: #404041;
	display: inline-block;
}
.contacts-list li a:hover {
	color: #0d7abf;
}
.contacts-list li:last-child {
	margin-bottom: 0;
}
/* follow-widget */
.follow-widget p {
	margin-bottom: 10px;
}
.follow-widget p a {
	color: #21a95c;
	font-weight: 900;
}
.follow-widget p a:hover {
	color: #0d7abf;
}
/* subscribtion-form */
.subscribtion-form ul .btn-wrapper {
	float: right;
	width: 98px;
}
.subscribtion-form ul .btn-wrapper button {
	width: 100%;
}
.subscribtion-form ul .input-wrapper {
	width: 185px;
	float: left;
}
.subscribtion-form ul .input-wrapper input {
	width: 100%;
}
/*=============================================================================

  9- pages Styles

  =============================================================================*/
.main_title {
    padding: 0;
    height: 115px;
    line-height: 85px;
    font-weight: lighter;
    color: #f7fafc;
    overflow: hidden;
    margin: 0px 0px 75px;
    position: relative;
    text-align: center;
    font-size: 46px;
}
.main_title:before {
    display: block;
    background: #9a9a9b;
    height: 1px;
    width: 385px;
    content: "";
    transition: .5s ease-in-out;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0px;
    margin: 0 auto;
}
.inner {
    padding: 5px 0 70px;
}
.breadcrumb-ed .breadcrumb {
	background-color: #283b68;
	border-radius: 0;
	color:#fff;
}
.breadcrumb-ed .breadcrumb a {
	color:#fff;
}
.page-title {
	display: block;
	height: 100px;
	background-color: #292929;
	padding: 0 30px 0 0px;
	margin-bottom:10px;
}
.page-title h2 {
	color: #fff;
	line-height: 95px;
	margin: 0;
}
/* page-info */
.border-divider {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #eaeaea;
}
.client_gallery {
	margin-bottom:30px;
}
/* about */
.about_company_container {
	background-color: #017045;
}
.about-image {
	border-left: 1px #ffffff solid;
}
.about-image img {
	width:100%;
}
/* contact us*/

/* contact us*/
.contact_us {
	overflow:hidden;
}
.contact_us_in {
	overflow:hidden;
}
.contact_us_in_right, .contact_us_in_left {
	overflow:hidden;
	margin-bottom:30px;
}
.contact_side ul.contact_main {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 14px;
	color: #737373;
}
.contact_side ul.contact_main li {
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	direction: rtl;
	text-align:right;
}
.contact_side ul.contact_main li.desc {
	height:68px;
}
.contact_side ul.contact_main li.address {
	height:auto;
}
.contact_side ul.contact_main li.address span {
	display:block;
	margin-bottom:15px;
}
.contact_side ul.contact_main li .fa {
	color: #283b68;
	margin-left: 7px;
	font-size: 20px;
}
.contact_side ul.contact_main li + li {
	margin-top: 20px;
}
.contact_side ul.contact_main li span {
}
.btn {
	border: 0;
	text-align: center;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.btn.large {
	padding: 20px 40px;
	border-radius:0;
	background:#639298;
}
.btn.large:hover {
	background:#fd7452;
	color:#fff;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
	padding: 0 12px;
	outline: none;
color: #000;
    margin: 0;
    margin-bottom: 11px;
    max-width: 100%;
    width: 100%;
    background-color: #fff;
	transition: 200ms;
	transition: all 0.2s linear;
	border-radius: 6px;
	font-weight: 500;
	height: 48px;
	font-size: 17px !important;
	border:none;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	min-height: 264px;
	position: relative;
	resize: none;
	padding:10px 12px;
	color: #000;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus {
	border-color: #fff !important;
	
}
.general-link, input[type="submit"] {
	padding: 8px 15px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	background-color: #283b68;
	color: #ffffff;
	border-radius: 6px;
	outline: none !important;
	box-shadow: none;
	box-sizing: border-box;
	border: none;
	transition: 200ms;
	transition: all 0.2s linear;
	height: 49px;
	width: 100%;
	font-weight: lighter;
	margin-top: 15px;
}
#contact_us ul.contact_main li {
	font-size: 16px;
	color: #000;
	font-family: 'DINNext', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* category */
.box-block .box-content {
	position: relative;
}
.box-block .box-content .box-products {
	position: relative;
}
.list-product + .list-product {
	margin-top:30px;
}
.list-product .image {
	overflow: hidden;
	position: relative;
}
.ani-image {
	-moz-transform-origin: 50% 50%;
	-moz-transition: all ease-in-out 0.5s;
	-ms-interpolation-mode: bicubic;
	-ms-transform-origin: 50% 50%;
	-ms-transition: all ease-in-out 0.5s;
	-o-transform-origin: 50% 50%;
	-o-transition: all ease-in-out 0.5s;
	-webkit-transform-origin: 50% 50%;
	-webkit-transition: all ease-in-out 0.5s;
	display: inline-block;
	cursor: pointer;
	min-width: 100%;
	width: 100%;
	transform-origin: 50% 50%;
	transition: all ease-in-out 0.5s;
	height: 275px;
}
.list-product .product-title {
	padding-right: 0px;
}
.list-product .product-image {
	padding-left: 1px;
}
.list-product .producttitle {
	padding: 20px;
	background-color: #292929;
}
.list-product .producttitle h1 {
	margin: 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: lighter;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.list-product .producttitle h1 a {
	color:#fff;
}
.list-product .productmeta {
	background-color: #f6f6f6;
	color: #8c9395;
	display: table;
	margin-left: 1px;
	width: 100%;
	font-size: 13px;
	padding: 15px;
}
.list-product .productmeta p {
	color: #292929;
	font-size: 16px;
	height: 180px;
	overflow: hidden;
}
.list-product .productmeta a {
	color:#d9bb3a;
}
/* single */
.blog-single .post-image {
	display: block;
	overflow: hidden;
	width: 100%;
}
.blog-single .post-image img {
	width: 100%;
	height:auto;
	max-height:405px
}
.blog-single .post-title {
	background-color: #323a3b;
	color: #ffffff;
}
.blog-single .post-title h1 {
	font-size: 25px;
	font-weight: 300;
	line-height: 34px;
	padding: 20px;
	margin: 0;
	color:#fff;
}
.blog-single .productmeta {
	background-color: #f6f6f6;
	color: #8c9395;
	display: table;
	margin-left: 1px;
	width: 100%;
	font-size: 13px;
	padding: 15px;
}
.blog-single .productmeta p {
	color: #8c9395;
	font-size: 13px;
}
.widget {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #F6F6F6;
}
.widget h3 {
	background-color: #323a3b;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	height: 53px;
	line-height: 53px;
	margin-bottom: 25px;
	position: relative;
	margin: 0;
	padding-right: 30px;
	padding-left:30px;
	border-bottom:1px solid #e8e8e8;
}
.widget_in {
}
.widget_in ul {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
.widget_in ul li {
	padding-right: 30px;
	padding-left:30px;
}
.widget_in ul li+ li {
	margin-top:7px;
	border-top:1px solid #e8e8e8;
}
.widget_in ul li a {
	height: 35px;
	line-height: 35px;
	color: #3a3c41;
	overflow: hidden;
	font-size: 14px;
	padding-right: 3px;
	display: block;
}
.widget_in ul li a:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f104";
	margin-left: 10px;
	margin-right: 0;
}
.widget_in ul li a:hover {
	padding-right:5px;
	color:#8c9395;
}
.single_p {
	overflow:hidden;
	padding: 20px 0 0px;
	position: relative;
}
.single_p_inner_right {
    padding: 50px 20px;
    background: #fff;
    border: 0;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
}
.blog-post-single-excerpt {
	margin-bottom: 30px;
	color: #2d2d2d;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.7;
	border: 1px solid #eaeaea;
	border-width: 0 0 1px 0;
}
.blog-post-single-excerpt h3 {
	margin:0px;
	margin-bottom:25px;
	font-weight: lighter;
}
.single_p_inner_right_desc {
	color: #000;
	font-size: 17px;
	line-height:26px;
	font-weight:lighter;
}
.single_p_inner_right_img {
	margin-top:25px;
	padding-top:25px;
	border-top: 1px solid #eaeaea;
	text-align:center;
}
.single_p_inner_right_img img {
	padding:5px;
	border:1px solid #eaeaea;
	max-width:100%;
}
.single_p_inner_left {
	overflow:hidden;
	margin-bottom:20px;
}
/* Alerts */
.alert {
	padding: 0;
}
.alert .alert-icon {
	float: left;
	border: 2px solid #0d7abf;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	padding: 3px;
}
.alert .alert-icon i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	color: #ffffff;
	background-color: #0d7abf;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.alert .alert-contents {
	padding-left: 70px;
}
.alert .alert-contents .alert-title {
	font-family: 'DINNext', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	line-height: 1;
	font-weight: 700;
}
.alert .alert-contents p {
	padding-right: 0;
}
.fa-hand-scissors-o:before {
	content: "\f257";
}
#main_menu_edit {
	display: none;
}
#main_menu_1 {
	display: block;
	position: relative;
	z-index: 99999999;
}
#main_menu_1 .drop_edit1 {
	padding: 10px 5px 10px 5px;
	border: 1px solid #777777;
	border-top: none;
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#fff));
	-moz-border-radius: 5px 0px 5px 5px;
	-webkit-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;
	min-width: 482px;
}
#main_menu_1 .drop_edit2 {
	min-width: 643px;
}
.menu_item {
}
.menu_item a.thumb_menu {
	display: block;
	box-shadow: 1px -2px 2px #CCC, -1px 4px 2px #CCC;
	padding: 1px;
}
.menu_item a.thumb_menu:hover {
	opacity:0.8;
}
.menu_item a.thumb_menu img {
	max-width: 100%;
	height: 120px;
}
.menu_item .menu_item_in {
	background: #f1f1f1;
	border: dotted 1px #e5e5e5;
	padding: 5px;
	height: 150px;
}
.menu_item .menu_item_in h3 {
	margin: 0;
	font-size: 17px;
	font-weight: lighter;
	margin-bottom: 10px;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
	overflow: hidden;
}
.menu_item .menu_item_in h3 a {
	color:#322323;
}
.menu_item:hover .menu_item_in h3 a {
	color:#c39653;
}
.menu_item .menu_item_in .desc_menu {
	color: #6c6e72;
	font-size: 14px;
	overflow: hidden;
	height: 100px;/* font-family: tahoma; */
}
.menu_item:hover .menu_item_in .desc_menu {
	color:#000;
}
.allProduct {
}
.allProduct .product_item div.thumb {
	margin-bottom:30px;
}
/**********************/
.latest_news {
    background-color: #f7f7f7;
    border-radius: 0;
    min-height: 40px;
}
.latest_news h2 {
	color: #3c3c3c;
	text-align: center;
	height: 60px;
	line-height:60px;
	overflow: hidden;
	font-size: 20px;
	border-bottom:1px solid #ecebeb;
	font-weight:lighter;
	margin:0px;
	margin-bottom: 15px;
}
.content_news {
	overflow:hidden;
	padding:5px;
}
.thumb1_img a {
	display:block;
}
.thumb1_img a img {
	height:200px;
	border-radius:10px;
	width: 100%;
}
.other_details {
	overflow:hidden;
}
.meta_data {
	overflow:hidden;
	margin-bottom:20px;
}
.meta_data ul {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
.meta_data ul li {
	display:inline-block;
}
.meta_data ul li.first_meta i {
	background-color:#c0392b;
	color:#fff;
	border-radius:4px;
	padding: 5px 15px;
	height:30px;
	float:right;
	margin-left:5px;
}
.meta_data ul li.first_meta span {
	background-color:#e2d4be;
	color:#fff;
	border-radius:4px;
	padding: 5px 15px;
	display:inline-block;
	height:30px;
}
.meta_data ul li + li {
	margin-right:10px;
	width: 22%;
}
.meta_data ul li i {
	color:#8abe50;
	background-color:transparent;
}
.meta_data ul li span {
	color:#000;
	background-color:transparent;
}
.other_details h3 {
    height: 30px;
    line-height: 30px;
    color: #283b68;
    font-size: 22px;
    font-weight: lighter;
    position: relative;
    overflow: hidden;
	margin:0px;
	margin-bottom: 15px;
}
.other_details h3 a {
	color: #283b68;
}
.other_details .paragraph {
	color: #000;
	text-align: right;
	font-size: 17px;
	line-height: 24px;
	overflow: hidden;
	height: 76px;
}
.other_details .paragraph_about {
	color: #000;
	text-align: right;
	font-size: 17px;
	line-height: 24px;
	overflow: hidden;
	height: 170px;
}
.cnews-item {
    overflow: hidden;
    padding: 15px 0;
    border-radius: 10px;
    background-color: #fff;
}
.product_item {
	overflow:hidden;
	margin-bottom:30px;
}
.allProduct .fsibi-first {
    margin-bottom: 60px;
}
/****************************/
/* html-dez-wrapper */
.html-dez-wrapper{
	}
.html-dez-wrapper h2 {
    color: #3d3d3d;
    height: 65px;
    line-height: 65px;
    font-size: 28px;
    font-weight: bold;
    overflow: hidden;
    margin: 0px;
    margin-bottom: 20px;
    position: relative;
    text-transform: capitalize;
}
.html-dez-wrapper h2 a{
	color: #3d3d3d;
	}
.html-dez-wrapper p{
    color: #323232;
    height: 240px;
    line-height: 27px;
    font-size: 17px;
    font-weight: 500;
    overflow: hidden;
    margin: 0px;
    position: relative;
}
ul.about-links {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
ul.about-links li {
    display: inline-block;
    margin-top: 52px;
}
ul.about-links li + li{
	margin-right:-10px;
	}
ul.about-links li a {
    height: 61px;
    line-height: 61px;
    display: block;
    padding: 0 40px;
    font-size: 17px;
    font-weight: bold;
    text-transform: capitalize;
    color: #b11116;
	position:relative;
	    text-align: CENTER;
}
ul.about-links li a.about-link{
	background:url(../images/aboar.png) no-repeat;
	width:197px;
	height:61px;
	}
ul.about-links li a.about-link:hover{
	background:url(../images/abouhar.png) no-repeat;
	color:#fff
	}
ul.about-links li a.contact-link{
	background:url(../images/contar.png) no-repeat;
	width:196px;
	height:61px;
	}
ul.about-links li a.contact-link:hover{
	background:url(../images/conhtar.png) no-repeat;
	color:#fff
	}
.about-book {
    overflow: hidden;
    text-align: center;
    margin-bottom: 28px;
}
.mailing-list {
    text-align: center;
}
/* feeds_header */
.feeds_header {
	overflow: hidden;
	padding:1px 0;
	margin-top:0;
	text-align: center;
	direction: ltr;
}
.feeds_header a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	width: 43px;
	text-align: center;
	border-radius: 0;
	margin: 0 5px;
	background-color: transparent;
	border:1px solid #a2bccd;
	color:#a2bccd;
}
.feeds_header a i {
	font-size: 21px;
	line-height: 43px;
}
.feeds_header a.facebook:hover {
	background-color:#395995;
	color:#fff;
	border:1px solid #395995;
}
.feeds_header a.twitter:hover {
	background-color:#55acee;
	color:#fff;
	border:1px solid #55acee;
}
.feeds_header a.snapchat:hover {
	background-color:#e5d523;
	color:#fff;
	border:1px solid #e5d523;
}
.feeds_header a.youtube:hover {
	background-color:#e91043;
	color:#fff;
	border:1px solid #e91043;
}
.subscribtion-form {
	background:url(../images/subscar.png) no-repeat;
	width:382px;
	height:47px;
	position:relative;
}
.subscribtion-form input {
    margin: 0;
    display: block;
    border-radius: 0 !important;
    background-color: transparent !important;
    min-height: 47px;
    position: absolute;
    right: 0;
    left: 51px;
    width: 264px!important;
    color: #fff !important;
    border: 0 !important;
    font-size: 12.82px !important;
    text-transform: capitalize;
}
.subscribtion-form input::placeholder{
 	color: #004d7f !important;
 }
.subscribtion-form input:focus {
	outline:none;
}
.subscribtion-form button {
    position: absolute;
    left: 0;
    min-height: 47px;
    width: 116px;
    background-color: transparent;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14.62px;
    text-transform: uppercase;
}
.subscribtion-form button:hover{
	color:#000;
	}
/****************about**********************/
#navtabsedit {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navtabsedit li {
    margin: 0;
    margin-bottom: 20px;
    display: block;
    width: auto;
}
#navtabsedit li a {
    height: 69px;
    line-height: 69px;
    display: block;
    padding: 0 25px;
    font-size: 17px;
    font-weight: bold;
    text-transform: capitalize;
    color: #b11116;
    position: relative;
    background: url(../images/taben.png) no-repeat;
    border: 0 !important;
	    background-size: 100% 69px;
	    overflow: hidden;
}
#navtabsedit li.active a , #navtabsedit li:hover a{
	background:url(../images/tabenh.png) no-repeat;
	background-color:transparent !important;
	color:#ffffff;
	    background-size: 100% 69px;
	}
.thumbabout{
	display:block;
	text-align:right;
	max-height:375px;
	overflow:hidden;
	}
.thumbabout img{
	max-height:375px;
	max-width:100%;
	}
/****************contact**********************/
#map2 {
    width: 100%;
    height: 340px;
}
.contact-inner{
	overflow:hidden;
	padding:75px 40px;
	}
.contact-inner .main_title{
	color:#004d7f;
	font-size:30px;
	font-weight:bold;
	height:50px;
	line-height:normal;
	margin-bottom:45px;
	}
.contact-inner .main_title:before {
    display: block;
    background: #e3e3e3;
    width: 255px;
}
.contact-inner .main_title i , .contact-inner .main_title span{
	font-size:30px;
	}
.contact-inner .main_title span{
	color:#b11116;
	}
.contact-inner.contact-inner-one{
	background-color:#fff;
	-webkit-box-shadow: -1px 4px 19px 0px rgba(232,235,237,1);
	-moz-box-shadow: -1px 4px 19px 0px rgba(232,235,237,1);
	box-shadow: -1px 4px 19px 0px rgba(232,235,237,1);
	margin-top: -103px;
}
.contact-inner-one input[type="text"], .contact-inner-one input[type="email"], .contact-inner-one textarea {
    border: 1px dashed #dadada !important;
    border-radius: 0;
    height: 57px;
    line-height: 57px;
    text-transform: capitalize;
    color: #818181;
}
.contact-inner-one input[type="text"]:focus, .contact-inner-one input[type="email"]:focus, .contact-inner-one textarea:focus{
	border: 1px dashed #b11116 !important;
	}
.contact-inner-one input[type="submit"]{
	display:inline-block;
	background:#b11116 url(../images/c2.png) no-repeat right center;
	height:61px;
	line-height:61px;
	color:#fff;
	text-transform:capitalize;
	font-size:17px;
	font-weight:bold;
	padding:0 50px;
	border-radius:0;
	width:auto;
	position:relative;
	}
.contact-inner.contact-inner-two{
	padding: 75px 10px;
	}
.contact-inner.contact-inner-two .main_title{
	text-align:left;
	}
.contact-inner.contact-inner-two .main_title:before{
	left:0;
	margin:0;}
.contact-inner-two ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}
.contact-inner-two ul li {
    padding-left: 80px;
    font-size: 18px;
    color: #2c2c2c;
    line-height: 25px;
    text-transform: capitalize;
	background-position:left center;
	background-repeat:no-repeat;
	min-height:60px;
}
.contact-inner-two ul li.add{
	background-image:url(../images/1c.png);}
.contact-inner-two ul li.pho{
	background-image:url(../images/2c.png);}
.contact-inner-two ul li.mai{
	background-image:url(../images/3c.png);}
.contact-inner-two ul li + li{
	margin-top:63px;
	}
.inner .flat-section-two{
	margin:0;
	}
.inner .flat-section-two .main_title{
	text-align:left;
	padding-left:10%;
	padding-right:10%;
	}
.inner .flat-section-two .main_title:before{
	width:auto;
	}
.html-dez-wrapper.html-dez-wrapper-single h2{
	height:auto;
	line-height:30px;
	padding-bottom: 20px;
	}
.html-dez-wrapper.html-dez-wrapper-single p{
	height:auto;
	}

.searchBG {
	width: 100%;
	height: 70px;
	padding: 10px 0;
	background: #004d7f;
	display: none;
}
.searchBG input[type="text"] {
	background: #82afcc;
	border-radius: 0 !important;
	box-shadow: none;
	color: #fff;
	font-size:17px;
	height: 40px;
	margin: 5px 0 0 10px !important;
	line-height: 40px;
	text-indent: 10px;
	padding: 0px 10px;
	font-weight:lighter;
}
.searchBG input[type=submit] {
	background-color: #b11116;
	color:#fff;
	font-size: 17px !important;
	line-height: 1px !important;
	height: 40px;
	border: 0;
	border-radius: 0;
	width: 100%;
	text-align: center;
	box-shadow: none !important;
	margin: 5px 0px 0 0 !important;
	padding: 0px !important;
	-webkit-appearance: button;
	cursor: pointer;
}
ul#qtranslate-chooser{}
ul#qtranslate-chooser li{}
ul#qtranslate-chooser li a{
	    color: #004d7f;
		}
ul#qtranslate-chooser li.lang-en{
	display:none;
	}
.contact-inner.contact-inner-one.contact-inner-oneedit{
    margin-top: 20px;
}
#flat-section-edit {
    background: #f7fafc;
}
#flat-section-edit:before{
    content:normal;
}
#flat-section-edit .fst-item a.icon img{filter: invert(100%);}
#flat-section-edit .main_title{color:#b11116;}
#flat-section-edit .main_title span{color:#014e7f;}
#flat-section-edit .main_title:before {
    background: #e9eaeb;}
#flat-section-edit .fst-item h3{ color:#2b2b2b;}
#flat-section-edit .fst-item h3 a{color:#2b2b2b;}
#flat-section-edit .fst-item p{color:#5c5c5c;}
#flat-section-edit a.fst-item-more{color:#b11116;}


/* *********** AMIR *************** */


.slider .slide {
    height: 500px;
}

.slider .slide img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.her-o {
    padding-bottom: 100px;
}

.her-o .slider .slide {
    height: 400px;
}

.her-o .slider .slide img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.her-o .slider .slide .captions {
    text-align: center;
    padding: 30px;
}

.her-o .slider .slide .captions ul {
    text-align: center;
}

.her-o .slider .slide .captions p span {
    height: auto;
    line-height: 1.5;
}

.header-nav {
    padding: 20px !important;
    min-height: 0 !important;
}

.logo-bg-mneef {
    padding: 0 !important;
}



@media (max-width: 3300px) and (min-width: 768px){
#logo {
    line-height: 136px;
    height: auto;
}
}

.flat-section-two {
    background: #004d7f !important;
}

#logo img {
}

.flat-section-two:before {
    display: none;
}

.fst-item {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.fst-item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.fst-item a.icon {
    height: 250px;
    margin-bottom: 15px;
}

.fst-item h3 {
    height: auto;
    color: #333;
    line-height: 1.3;
    font-size: 18px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px;
}

.fst-item h3 a {
    color: inherit;
    font-size: inherit;
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

a.fst-item-more {
    margin-bottom: 20px;
    font-size: 15px;
    color: #004d7f;
    font-weight: 700;
}

.fst-item:hover h3 a {
    color: #1782c7;
}

.fst-item:hover a.fst-item-more {
    color: #000;
}

.main_title {
    height: auto;
    line-height: normal;
    font-size: 36px;
    padding-bottom: 20px;
}

.html-dez-wrapper p {
    height: auto;
}

.footer_top-inner-bottom {
    background: #0a4469;
}

.proj-sec .fst-item {
    position: relative;
}

.proj-sec .fst-item .cap {
    position: absolute;
    bottom: 0;
    background: -webkit-linear-gradient(bottom,#000,rgba(255, 255, 255, 0));
    height:100%;
    width: 100%;
    transition: all .3s;
}

.proj-sec .fst-item .icon.iconedit {
    height: 350px;
    margin: 0;
}

.fst-item a.icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.proj-sec .fst-item .cap .inner{
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
    transition: all .3s;
}

.proj-sec .fst-item .cap .inner a {
    color: #fff;
}

.proj-sec .fst-item .cap .inner a {
    margin: 0;
}

.proj-sec .fst-item .cap .inner p {
    font-size: 15px;
    line-height: 1.4;
    max-height: 43px;
    margin: 15px 0;
}

.proj-sec .fst-item .cap .inner  h3 {
    padding: 0;
}

.proj-sec .fst-item:hover .cap {
    background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.8));
    transition: all .3s;
}

.proj-sec .fst-item:hover .cap .inner {
    padding-bottom: 50px;
    transition: all .3s;
}

body {
    background-color: #e6e6e6 !important
}

.logo-bg-mneef {
    background: none !important
}

.header {
    padding-top: 0 !important
}

#logo img {
    position: relative;
    top: 0;
    left: 0;
}
.flat-section-three {
    padding: 90px 0;
}

.about-book img {
    filter: brightness(0) invert(1);
}

.client a img {
    filter: none;
}

.main-nav-tabs > li > ul {
    overflow: visible;
    max-height: 400px;
    min-width: 300px;
    overflow-y: visible;
    padding-top: 0 !important;
}

.main-nav-tabs > li > ul::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.main-nav-tabs > li > ul::-webkit-scrollbar-track {
    background-color: #2f4a61;
}

.main-nav-tabs > li > ul::-webkit-scrollbar-thumb {
    background-color: #b11116;
}

.main-nav-tabs .dropdown > ul:after {
    display: none;
}

.additional.box .carousel-item.client {
    height: 500px;
    overflow: hidden;
}

.additional.box .carousel-item.client img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client a img {
    width: 100%;
    object-fit: scale-down;
    height: 100%;
    margin: 0 auto;
}

.client a {
    text-align: center;
}

.box .owl-carousel .owl-controls .owl-dots {
    margin-top: 30px;
}


@media(max-width:768px){
    #logo img {
    left: 0;
    top: 15px;
}
}

.flex-h {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: end;
}

.copyright .flex-h a {
    display: inline-block;
}

.footer_bottom .row {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}