@charset "utf-8";
/*
/*	Copyright (c) 2021 Frenify
/*	Author: Frenify
/*	This file is made for CURRENT TEMPLATE
/*


	List of CSS codes:
	
	01) Base
	02) Site Structure
	03) MOBILE MENU
		3.1. HAMBURGER MENU
	04) DESKTOP HEADER
		4.1 NAVIGATION SKIN
	05) PAGE TITLE
	06) SIDEBAR PAGE
	07) SERVICE LIST (SERVICE PAGE)
	08) PAGINATION
	09) SERVICE LIST AS FUNCTION
	10) ESTIMATE WIDGET
	11) BROCHURE WIDGET
	12) PROJECT FILTER
	13) AJAX PAGINATION
	14) PROJECT PAGE
	15) 404 PAGE
	16) PRINCIPLES PAGE
	17) BLOG POST LIST
	18) CONTACT PAGE
	19) SERVICE SINGLE
		19.1 Random Services
	20) BLOG SINGLE
	21) PROTECTED PAGE
	22) PRELOADER
	23) FOOTER
		23.1 TOTOP

	SHORTCODES
		Shortcode #1 SLIDER ALPHA
		Shortcode #2 PRINCIPLES MODERN
		Shortcode #3 About
		Shortcode #4 SERVICE QUERY
		Shortcode #5 ABOUT with RATING
		Shortcode #6 CALL TO ACTION
		Shortcode #7 Single Testimonial
		Shortcode #8 PROJECT STICKY FULL
		Shortcode #9 MAIN TITLE
		Shortcode #10 TRIPLE BLOG MODERN
		Shortcode #11 HERO HEADER
		Shortcode #12 INFO LIST
		Shortcode #13 INFO & RATING
		Shortcode #14 SERVICES
		Shortcode #15 PROJECT STICKY
		Shortcode #16 SUPPORT BLOCK
		Shortcode #17 INTRODUCE
		Shortcode #18 SERVICE CLASSIC
		Shortcode #19 PRINCIPLES
		Shortcode #20 PROJECT STICKY MODERN
		Shortcode #21 KENBURNSY
		Shortcode #22 DESCRIPTION
		Shortcode #23 BUTTON
		Shortcode #24 Sixfold Gallery
		Shortcode #25 Counter with Caption
		Shortcode #26 Testimonial Slider with rating
			#26.1 Five stars
		Shortcode #27 PROJECT ELEGANT LIST
		Shortcode #28 PARTNERS GAMMA
		Shortcode #29 CONTACT ALPHA
		Shortcode #30 GALLERY GRID
		Shortcode #31 LOCATION LIST
		Shortcode #32 CHECK LIST
		Shortcode #33 JUSTIFIED IMAGES

/*------------------------------------------------------------------*/
/*	01) Base
/*------------------------------------------------------------------*/
html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0;
	font-weight: 400;
	color: #666;
	
	word-break: break-word;
}
.fn__svg{
	fill: currentcolor;
	width: 18px;
	height: 18px;
}
h1,h2,h3,h4,h5,h6{line-height: 1.2;font-weight: 400;font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;color: #14141C;}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color: #14141c;}
h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{color: #656868;}
input{font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;}
p{letter-spacing: 0;margin-bottom: 20px;}
a:focus {
    outline: thin dotted;
}
@media(max-width: 1200px){body{overflow-x: hidden;}}


@media(max-width: 1040px)
{.container{padding: 0 20px;}

	.industify_fn_service_list .item_in {
		float: right;
		width: 100%;
		clear: both;
		box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
		border-radius: 5px;
		min-height: 220px;
		position: relative;
	 
		padding: 35px 13px 73px 13px !important;
	}

	.industify_fn_leftsidebar {
width:94% !important	}


}
@media (max-width : 375px) {
	.industify_fn_service_list .item_in {
		padding: 32px 0px 77px 8px !important;
	}
}
@media(max-width: 480px){.container{padding: 0 10px;}}
/*------------------------------------------------------------------*/
/*	02) Site Structure
/*------------------------------------------------------------------*/
.industify_fn_wrapper_all,
.industify_fn_wrapper_all *:before,
.industify_fn_wrapper_all *:after,
.industify_fn_wrapper_all *{
	box-sizing: border-box;
}
.industify_fn_wrapper_all{
	width: 100%;
	float: left;
	clear: both;
	min-height: 100vh;
	position: relative;
}
.industify_fn_wrapper_all:after{
	clear: both;
	display: table;
	content: '';
}
.industify_fn_wrapper{
	width: 100%;
	float: left;
	clear: both;
}
/*------------------------------------------------------------------*/
/*	03) MOBILE MENU
/*------------------------------------------------------------------*/
.industify_fn_mobilemenu_wrap{
	width: 100%;
	float: left;
	clear: both;
	display: none;
	overflow: hidden;
}
.industify_fn_mobilemenu_wrap ul{
	list-style-type: none;
	margin: 0px;
}
.industify_fn_mobilemenu_wrap .logo_hamb{
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
	background-color: #0f0f16;
}
.industify_fn_mobilemenu_wrap .logo_hamb .in{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.industify_fn_mobilemenu_wrap .menu_logo a{
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.industify_fn_mobilemenu_wrap .menu_logo a img{
	max-width: 225px;
}
.industify_fn_mobilemenu_wrap .mobilemenu{
	width: 100%;
	float: left;
	clear: both;
	padding: 40px 20px 30px 20px;
	background-color: #090909;
	display: none;
}
.industify_fn_mobilemenu_wrap .vert_menu_list ul{
	margin: 20px 0px 10px 0px;
	list-style-type: none;
	margin-left: 20px;
	display: none;
	position: relative;
	overflow: hidden;
}
.industify_fn_mobilemenu_wrap .vert_menu_list a{
	text-decoration: none;
	color: #ccc;
	font-size: 18px;
	line-height: 27px;
	text-transform: uppercase;
	display: block;
	position: relative;
	font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
}
.industify_fn_mobilemenu_wrap .vert_menu_list a:hover{
	color: #fff;
}
.industify_fn_mobilemenu_wrap .vert_menu_list ul a{
	text-transform: none;
}
.industify_fn_mobilemenu_wrap .vert_menu_list li{
	margin: 0px;
	position: relative;
	margin-bottom: 10px;
}
.industify_fn_mobilemenu_wrap .vert_menu_list .menu-item-has-children > a:after{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #666;
    right: 1px;
    top: 50%;
	margin-top: -5px;
	transition: all .3s ease;
	transform-origin: left center;
}
.industify_fn_mobilemenu_wrap .vert_menu_list .active.menu-item-has-children > a:after{
	transform: rotate(90deg);
	margin-top: -8px;
}
.industify_fn_mobilemenu_wrap .vert_menu_list .menu-item-has-children:hover > a:after,
.industify_fn_mobilemenu_wrap .vert_menu_list .active.menu-item-has-children > a:after{
	border-left-color: #fff;
}
.industify_fn_mobilemenu_wrap .vert_menu_list .active.menu-item-has-children > a{
	color: #fff;
}
.industify_fn_mobilemenu_wrap .menu_logo{
	margin-right: 20px;
}
.industify_fn_mobilemenu_wrap .m_toll_free_lang{
	width: 100%;
	float: left;
	clear: both;
	background-color: #081414;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 9px 0px;
	padding-left: 20px;
}
.industify_fn_mobilemenu_wrap .lang_switcher{
	margin: 0;
	margin-right: 20px;
}
.industify_fn_mobilemenu_wrap .lang_switcher .click{
	display: none;
}
.industify_fn_mobilemenu_wrap .lang_switcher ul{
	opacity: 1;
    visibility: visible;
    position: relative;
    width: auto;
    background-color: transparent;
    margin-left: -10px;
    padding: 0;
    top: auto;
    border-radius: 0px;
    min-width: inherit;
    left: auto;
    float: left;
}
.industify_fn_mobilemenu_wrap .lang_switcher li{
	float: left;
	margin-left: 10px;
}
.industify_fn_mobilemenu_wrap .m_toll_free{
	margin-left: auto;
	padding: 22px 0px;
	position: relative;
}
.industify_fn_mobilemenu_wrap .m_toll_free .tf_in{
	position: relative;
	padding-left: 108px;
	padding-right: 34px;
	min-height: 42px;
	display: flex;
	align-items: center;
	z-index: 5;
}
	.industify_fn_mobilemenu_wrap .m_toll_free .tf_in p {
		margin: 0;
		color: #fff;
		font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		
		font-size: 18px;
		letter-spacing: .5px;
		font-style: italic;
	}
.industify_fn_mobilemenu_wrap .m_toll_free .img_holder{
	position: absolute;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	left: 43px;
}
.industify_fn_mobilemenu_wrap .m_toll_free .shape1:after{
	content: '';
	position: absolute;
	top: 9px;
	bottom: 9px;
	right: 0px;
	left: 23px;
	background-color: #656868;
	z-index: 1;
}
.industify_fn_mobilemenu_wrap .m_toll_free .shape1:before{
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 46px;
	background-color: rgba(255,255,255,.1);
	z-index: 1;
}
.industify_fn_mobilemenu_wrap .m_toll_free .shape2{
	position: absolute;
	left: 0px;
	top: 9px;
	border-top: 68px solid transparent;
	border-right: 23px solid #656868;
}
.industify_fn_mobilemenu_wrap .m_toll_free .shape3{
	position: absolute;
	left: 23px;
	top: 0px;
	border-top: 86px solid transparent;
	border-right: 23px solid rgba(255,255,255,.1);
}
@media(max-width: 1338px) {

	.language-css {
		float: right
	}

	.toll_free_lang {
		float: left;
		position: absolute;
		right: 0px
	}

	.industify_fn_mobilemenu_wrap {
		height: 223px;
	}

	.fn_cs_hero_header {
		margin-top: 0px !important;
		height: unset !important;
		min-height: unset !important;
		padding: 0px !important;
	}

		.fn_cs_hero_header .content_holder {
			padding: 0px !important;
		}

	.industify_slider_alpha .img_holder {
		background-size: contain !important;
	}

	.industify_fn_mobilemenu_wrap .mobilemenu {
		position: absolute;
		top: 222px;
		z-index: 99999999999999
	}

	.industify_slider_alpha .item {
		height: 265px !important;
		min-height: unset !important;
	}

	.industify_fn_rightsidebar {
		width: 100% !important;
		margin-bottom: 6px;
		padding-top: 0px !important;
		padding-bottom: 10px !important;
	}

	ul.industify_fn_portfolio_list li {
		width: 100% !important
	}

	#counters_1 {
		list-style: none;
		display: inline;
		margin: 0px auto;
	}

	.sofix_list ul li {
		background-color: #f8f8f8;
		border-radius: 13px;
		min-height: 195px;
		text-align: center;
		border: 1px solid #dcdcdc;
		display: block;
		flex-direction: unset;
		margin: 5px 5px !important;
		padding: 50px 20px 30px 20px;
		width: 47%;
		float: left;
	}

		.sofix_list ul li .text {
			font-size: 14px !important;
			white-space: normal !important
		}

		.sofix_list ul li .mainColorText {
			margin-bottom: 10px;
			text-align: center !important;
		}


	.industify_fn_mobilemenu_wrap .m_toll_free .tf_in {
		padding-right: 20px;
		padding-left: 46px;
	}

		.industify_fn_mobilemenu_wrap .m_toll_free .tf_in p span,
		.industify_fn_mobilemenu_wrap .m_toll_free .img_holder {
			display: none;
		}
}
/*------------------------------------------------------------------*/ 
/*	3.1. HAMBURGER MENU
/*------------------------------------------------------------------*/
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative;
  padding:0px 24px;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #000;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before{
    top: -8px;
}
.hamburger-inner::after{
    bottom: -10px;
}
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after{
    top: -16px;
	
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	   -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	    -ms-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	     -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before{
	-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	   -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	    -ms-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	     -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner{
	-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
	   -moz-transform: translate3d(0, -10px, 0) rotate(45deg);
	    -ms-transform: translate3d(0, -10px, 0) rotate(45deg);
	        transform: translate3d(0, -10px, 0) rotate(45deg);
	
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after{
    top: 0;
    opacity: 0;
	
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	   -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	    -ms-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	     -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before{
    top: 0;
	
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	
	-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	   -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -ms-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	     -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger{
	padding: 0px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.hamburger-box{display: block;}

.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after,
.hamburger .hamburger-inner{
	background-color: #ccc;
	width: 30px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
/*------------------------------------------------------------------*/
/*	04) DESKTOP HEADER
/*------------------------------------------------------------------*/
.industify_fn_header{
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 1px solid #eee;
	z-index: 200;
}
.industify_fn_header .header_inner{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.industify_fn_header .menu_logo{
	margin: 0px 60px 0px 50px;
	display: flex;
	align-items: center;
}
.industify_fn_header .menu_logo a{
	padding: 4px 0px;
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
}
.industify_fn_header .menu_logo img{
	max-width: 225px;
	max-height: 100px;
}
.industify_fn_header .menu_logo .desktop_logo{
	display: none;
}
.industify_fn_header .menu_nav{
	display: flex;
	align-items: flex-end;
	padding-left: 15px;
}
.industify_fn_header .menu_nav ul{
	list-style-type: none;
	margin: 0px;
	margin-left: -35px;
}
.industify_fn_header .vert_nav > li{
	float: left;
    margin: 0px;
    margin-left: 35px;
    position: relative;
}
	.industify_fn_header .vert_nav > li > a {
		display: block;
		line-height: 104px;
		height: 104px;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: .5px;
		font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		font-weight: 500;
		text-decoration: none;
		color: #000;
		position: relative;
	}
.industify_fn_header .vert_nav > .menu-item-has-children > a{
	padding-right: 13px;
}
.industify_fn_header .vert_nav > .menu-item-has-children > a:after{
	content: '';
    position: absolute;
    right: 0px;
    top: 50%;
	margin-top: -5px;
    border: 5px solid transparent;
    border-top-color: #000;
}
.industify_fn_header .toll_free_lang{
	margin-left: auto;
	padding: 9px 0px;
	padding-left: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.lang_switcher{
	position: relative;
	margin-right: 30px;
}
.lang_switcher.custom_language .click{
	padding-left: 25px;
	position: relative;
	line-height: 22px;
    display: block;
    height: 22px;
}
.lang_switcher.custom_language .click .abs_lan_img{
	width: 20px;
    height: 16px;
    top: 3px;
    left: 0px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.industify_fn_moving_lang{
	z-index: 55555;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.industify_fn_moving_lang.opened{
	opacity: 1;
	visibility: visible;
}
.industify_fn_moving_lang ul{
	margin: 0px;
	list-style-type: none;
	min-width: max-content;
	min-width: intrinsic;
	min-width: -moz-max-content;
	min-width: -webkit-max-content;
	width: 90px;
	background-color: #000;
	padding: 5px 12px;
	border-radius: 5px;
}
.lang_switcher ul{
	opacity: 0;
	visibility: hidden;
	list-style-type: none;
	margin: 0px;
	position: absolute;
	min-width: max-content;
	min-width: intrinsic;
	min-width: -moz-max-content;
	min-width: -webkit-max-content;
	width: 90px;
	background-color: #111;
	top: 100%;
	left: 0px;
	padding: 5px 12px;
	border-radius: 5px;
	transition: all .5s ease;
	margin-top: 5px;
}
.industify_fn_moving_lang a,
.lang_switcher a{
	color: #eee;
	text-decoration: none;
}
.industify_fn_moving_lang a span,
.lang_switcher a span{
	display: inline-block;
	color: #eee;
}
.industify_fn_moving_lang li,
.lang_switcher li{
	margin: 5px 0px;
}
.industify_fn_moving_lang.custom_language li,
.lang_switcher.custom_language li{
	padding-left: 25px;
	position: relative;
}
.industify_fn_moving_lang.custom_language li .abs_lan_img,
.lang_switcher.custom_language li .abs_lan_img{
	width: 20px;
	height: 16px;
	top: 3px;
	left: 0px;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.industify_fn_moving_lang .active,
.lang_switcher .active{
	opacity: .5;
}
.industify_fn_moving_lang .active > span,
.lang_switcher .active > span{
	display: inline-block;
	color: #eee;
}
.industify_fn_moving_lang li img,
.lang_switcher li img{
	margin-right: 5px;
}
.lang_switcher .click {
	font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #666;
	cursor: pointer;
	font-weight: 500;
	padding-right: 13px;
	font-size: 14px;
}
.lang_switcher .click:after{
	content: '';
	position: absolute;
	right: 0px;
	top: 9px;
	border: 5px solid transparent;
	border-top-color: #666;
}
.industify_fn_moving_lang.frenify_url .active,
.lang_switcher.frenify_url .active{
	cursor: default;
}
.industify_fn_moving_lang.frenify_url li,
.lang_switcher.frenify_url li{
	cursor: pointer;
}
.industify_fn_header .toll_free{
	padding: 22px 0px;
	position: relative;
}
.industify_fn_header .toll_free .tf_in{
	position: relative;
	padding-left: 108px;
	padding-right: 34px;
	min-height: 42px;
	display: flex;
	align-items: center;
	z-index: 5;
}
.industify_fn_header .toll_free .tf_in p{
	margin: 0;
	color: #fff;
	font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
	font-size: 18px;
	letter-spacing: .5px;
	font-style: italic;
}
.industify_fn_header .toll_free .img_holder{
	position: absolute;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	left: 43px;
}
.industify_fn_header .toll_free .shape1:after{
	content: '';
	position: absolute;
	top: 9px;
	bottom: 9px;
	right: 0px;
	left: 23px;
	background-color: #656868;
	z-index: 1;
}
.industify_fn_header .toll_free .shape1:before{
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 46px;
	background-color: rgba(0,0,0,.1);
	z-index: 1;
}
.industify_fn_header .toll_free .shape2{
	position: absolute;
	left: 0px;
	top: 9px;
	border-top: 68px solid transparent;
	border-right: 23px solid #656868;
}
.industify_fn_header .toll_free .shape3{
	position: absolute;
	left: 23px;
	top: 0px;
	border-top: 86px solid transparent;
	border-right: 23px solid rgba(0,0,0,.1);
}
.industify_fn_header .vert_nav > li > ul{
	position: absolute;
    margin: 0px;
    width: 260px;
    background-color: #111;
    top: 100%;
    left: -30px;
    padding: 20px 0px;
    z-index: 55;
    transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	transform: translateY(20px) scale(.8);
}
.industify_fn_header .vert_nav  ul:after{
	border-top: 20px solid #111;
    border-right: 230px solid transparent;
    content: '';
    position: absolute;
    top: 100%;
    left: 0px;
}
.industify_fn_header .vert_nav li:hover > ul{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px) scale(1);
}
.industify_fn_header .vert_nav > li > ul li{
	margin: 5px 0px;
	position: relative;
	padding: 0px 30px;
	margin-bottom: 10px;
}
.industify_fn_header .vert_nav > li > ul li:last-child{
	margin-bottom: 5px;
}
.industify_fn_header .vert_nav > li > ul a{
	display: block;
	color: #ccc;
	text-decoration: none;
	font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
	font-size: 14px;
}
.industify_fn_header .vert_nav > li > ul:hover a{
	color: #eee;
	opacity: .5;
}
.industify_fn_header .vert_nav > li > ul:hover a:hover{
	opacity: 1;
}
.industify_fn_header .vert_nav > li > ul:hover li:hover > a{
	opacity: 1;
}
.industify_fn_header .vert_nav li > ul:after{
	content: '';
	border-right: 260px solid transparent;
}
.industify_fn_header .menu_nav .sub-menu ul,
.industify_fn_header .vert_nav > li > ul{
	border-radius: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-bottom: 10px;
}
.industify_fn_header .menu_nav .sub-menu ul{
	position: absolute;
    margin: 0px;
    width: 230px;
    background-color: #111;
    top: -25px;
    left: 100%;
    padding: 20px 0px;
    z-index: 55;
    transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
}
.industify_fn_toppanel{
	width: 100%;
	float: left;
	clear: both;
	background-color: #16161b;
	display: flex;
	flex-direction: row;
	padding: 0 50px;
	position: relative;
}
.industify_fn_toppanel .left_panel{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.industify_fn_toppanel .info a{
	display: block;
    text-decoration: none;
    color: #fff;
    letter-spacing: 0;
    font-size: 14px;
    font-family: 'Quicksand';
    line-height: 20px;
}
.industify_fn_toppanel .info a:hover{
	text-decoration: underline;
}
.industify_fn_toppanel .left_panel > *:last-child:after{
	content: none;
}
.industify_fn_toppanel .left_panel > *:after{
	position: absolute;
    content: '';
    top: 50%;
	margin-top: -10px;
    background-color: rgba(255,255,255,.4);
    right: 20px;
    width: 1px;
	height: 20px;
}
.industify_fn_toppanel .left_panel > *:last-child{
	padding-right: 0;
}
.industify_fn_toppanel .left_panel > *{
	padding: 5px 0;
	padding-right: 40px;
    position: relative;
}
.industify_fn_social_list ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-left: -10px;
}
.industify_fn_social_list li{
	margin: 0;
	padding: 0;
}
.industify_fn_social_list a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
}
.industify_fn_social_list .fn__svg{
	width: 12px;
	height: 12px;
}
.industify_fn_social_list a:hover{
	color: #1b8ed7;
}
@media(max-width: 1400px){
	.industify_fn_toppanel{padding: 0 40px;}
	.industify_fn_header .vert_nav{margin-left: -15px;}
	.industify_fn_header .vert_nav > li{margin-left: 15px;}
	.industify_fn_header .toll_free_lang{padding-left: 15px;}
}
@media(max-width: 1200px){
	.industify_fn_toppanel{padding: 0 20px;}
	.industify_fn_header .menu_logo{margin: 0 20px;}
	.industify_fn_header .toll_free .tf_in{padding: 0 20px 0 46px;}
	.industify_fn_header .toll_free .tf_in p span,
	.industify_fn_header .toll_free .img_holder{display: none;}
	.lang_switcher{margin-right: 10px;}
}
/*------------------------------------------------------------------*/
/*	4.1 NAVIGATION SKIN
/*------------------------------------------------------------------*/
/* dark */
[data-nav-skin="dark"] .industify_fn_header{background-color: #0d0d0d;border-bottom: none;}
[data-nav-skin="dark"] .industify_fn_header .desktop_logo_dark{display: none;}
[data-nav-skin="dark"] .industify_fn_header .desktop_logo{display: block;}
[data-nav-skin="dark"] .industify_fn_header .vert_nav > li > a{color: #eee;}
[data-nav-skin="dark"] .lang_switcher .click{color: #eee;}
[data-nav-skin="dark"] .lang_switcher .click:after{border-top-color: #999;}
[data-nav-skin="dark"] .industify_fn_header .toll_free .shape1:before{background-color: rgba(255,255,255,.1);}
[data-nav-skin="dark"] .industify_fn_header .toll_free .shape3{border-right-color: rgba(255,255,255,.1);}
[data-nav-skin="dark"] .industify_fn_header .vert_nav > .menu-item-has-children > a:after{border-top-color: #eee;}

/* translight */
[data-nav-skin="translight"] .industify_fn_header{position: absolute;background-color: rgba(255,255,255,.3);border-bottom: none;}

/* transdark */
[data-nav-skin="transdark"] .industify_fn_header{position: absolute; border-bottom: none;}
[data-nav-skin="transdark"] .industify_fn_header .desktop_logo_dark{display: none;}
[data-nav-skin="transdark"] .industify_fn_header .desktop_logo{display: block;}
[data-nav-skin="transdark"] .industify_fn_header .vert_nav > li > a{color: #eee;}
[data-nav-skin="transdark"] .lang_switcher .click{color: #eee;}
[data-nav-skin="transdark"] .lang_switcher .click:after{border-top-color: #eee;}
[data-nav-skin="transdark"] .industify_fn_header .toll_free .shape1:before{background-color: rgba(255,255,255,.1);}
[data-nav-skin="transdark"] .industify_fn_header .toll_free .shape3{border-right-color: rgba(255,255,255,.1);}
[data-nav-skin="transdark"] .industify_fn_header .vert_nav > .menu-item-has-children > a:after{border-top-color: #eee;}

/* nobglight */
[data-nav-skin="nobglight"] .industify_fn_header{position: absolute;border-bottom-color: rgba(255,255,255,.1);}
[data-nav-skin="nobglight"] .industify_fn_header .desktop_logo_dark{display: none;}
[data-nav-skin="nobglight"] .industify_fn_header .desktop_logo{display: block;}
[data-nav-skin="nobglight"] .industify_fn_header .vert_nav > li > a{color: #eee;}
[data-nav-skin="nobglight"] .lang_switcher .click{color: #eee;}
[data-nav-skin="nobglight"] .lang_switcher .click:after{border-top-color: #eee;}
[data-nav-skin="nobglight"] .industify_fn_header .toll_free .shape1:before{background-color: rgba(255,255,255,.1);}
[data-nav-skin="nobglight"] .industify_fn_header .toll_free .shape3{border-right-color: rgba(255,255,255,.1);}
[data-nav-skin="nobglight"] .industify_fn_header .vert_nav > .menu-item-has-children > a:after{border-top-color: #eee;}

/* nobgdark */
[data-nav-skin="nobgdark"] .industify_fn_header{position: absolute;border-bottom-color: rgba(0,0,0,.1);}

/*------------------------------------------------------------------*/ 
/*	05) PAGE TITLE
/*------------------------------------------------------------------*/
.industify_fn_pagetitle{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.industify_fn_content_archive .industify_fn_pagetitle{
	margin-bottom: 70px;
}
.industify_fn_pagetitle .title_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 95px 0px 35px 0px;
}
.industify_fn_pagetitle .title_holder:after{
	left: 0px;
	position: absolute;
	content: '';
	bottom: 0px;
	height: 6px;
	width: 70px;
	background-color: #eee;
}
.industify_fn_pagetitle .title_holder:before{
	left: 0px;
	position: absolute;
	content: '';
	bottom: 13px;
	height: 6px;
	width: 150px;
	background-color: #eee;
	border-radius: 10px;
}
.industify_fn_pagetitle h3{
	margin: 0px;
	padding: 0px;
	font-size: 48px;
	letter-spacing: 0px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	left: -1px;
}
.industify_fn_breadcrumbs{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding-top: 13px;
	padding-bottom: 2px;
}
.industify_fn_breadcrumbs ul{
	margin: 0px;
	list-style-type: none;
}
.industify_fn_breadcrumbs ul li{
	float: left;
}
.industify_fn_breadcrumbs a,
.industify_fn_breadcrumbs span.bread-current{
	font-size: 14px;
	color: #666;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 1.5;
}
.industify_fn_breadcrumbs a{
	font-weight: 600;
}
.industify_fn_breadcrumbs a:hover{
	color: #B4975A;
}
.industify_fn_breadcrumbs .separator span{
	width: 33px;
	height: 24px;
	display: block;
	position: relative;
}
.industify_fn_breadcrumbs .separator span:after{
	width: 9px;
	height: 2px;
	display: block;
	content: '';
	position: absolute;
	background-color: #ddd;
	left: 13px;
	top: 8px;
	transform: rotate(45deg);
}
.industify_fn_breadcrumbs .separator span:before{
	width: 9px;
	height: 2px;
	display: block;
	content: '';
	position: absolute;
	background-color: #ddd;
	left: 13px;
	top: 14px;
	transform: rotate(135deg);
}
/*------------------------------------------------------------------*/
/*	06) SIDEBAR PAGE
/*------------------------------------------------------------------*/
.industify_fn_sidebarpage,
.industify_fn_sidebarpage .s_inner{
	width: 100%;
	float: left;
	clear: both;
}
.industify_fn_leftsidebar{
    width: calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
	float: left;
	padding-right: 50px;
	padding-top: 120px;
	padding-bottom: 147px;
	
}
.industify_fn_rightsidebar{
	width: 300px;
	float: right;
	padding-top: 120px;
	padding-bottom: 147px;
}
@media(max-width: 1200px){
	.industify_fn_leftsidebar{width: 100%;padding-right: 0;}
	.industify_fn_rightsidebar{padding-right: 0;padding-top: 0;width: 100%;}
}
/*------------------------------------------------------------------*/
/*	07) SERVICE LIST (SERVICE PAGE)
/*------------------------------------------------------------------*/
.industify_fn_service_list{
	margin: 0px;
	list-style-type: none;
}
.industify_fn_service_list > li{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 30px;
}
.industify_fn_service_list > li:last-child{
	margin-bottom: 0px;
}
.industify_fn_service_list .item{
	float: left;
	width: 100%;
	clear: both;
	position:relative;
	padding-top: 40px;
}
.industify_fn_service_list .item_in{
	float: left;
	width: 100%;
	clear: both;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    border-radius: 5px;
	min-height: 220px;
	position: relative;
	padding: 35px 60px 73px 300px;
}
.industify_fn_service_list .img_holder{
	width: 220px;
	height: 220px;
	position: absolute;
	left: 40px;
	top: -40px;
}
.industify_fn_service_list .img_holder .img_abs{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #70616e;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 5px;
}
.industify_fn_service_list .img_holder a{
	display: block;
	position: absolute;
	left: -10px;
	top: -10px;
	bottom: -10px;
	right: -10px;
	z-index: 3;
}
.industify_fn_service_list .title{
	width: 100%;
	float: left;
	clear: both;
}
.industify_fn_service_list .title h3{
	margin: 0;
	padding: 0;
	font-size: 24px;
	letter-spacing: 0px;
	margin-bottom: 18px;
}
.industify_fn_service_list .title p{
	margin: 0;
	padding: 0;
	color: #666;
}
.industify_fn_service_list .title h3 a{
	text-decoration: none;
}
.industify_fn_service_list .read_more{
	position: absolute;
	right: 0px;
	bottom: 0px;
	max-width: 100%;
}


.industify_fn_service_list .read_more a{
	text-decoration: none;
	display: block;
	height: 40.5px;
	line-height: 40px;
	line-height: 42px;
	padding: 0px 60px 0px 40px;
	background-color: #333333;
	color: #fff;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	position: relative;
	font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
	border-bottom-right-radius: 5px;
	position:relative;
}
	.industify_fn_service_list .read_more a:after {
		border-top: 40.5px solid transparent;
		border-right: 33px solid #333333;
		content: '';
		position: absolute;
		right: 100%;
		bottom: 0px;
		transition: all .3s ease;
	}
.industify_fn_service_list .read_more a:hover:after{
	/*border-right-color: #BE9F57;*/
}
.industify_fn_service_list .read_more a:hover{
/*	background-color: #BE9F57;*/
}
@media(max-width: 1338px){
	.industify_fn_service_list .item{
		padding-top: 0;
	}
	.industify_fn_service_list .img_holder{
		/*display: none;*/
		top: 197px !important;
		width:150px !important;
		height : 150px !important;
		right : 11px !important;
		left : 11px !important;


	}
	.industify_fn_service_list .item_in{
		padding-left: 30px;
		padding-right: 30px;
	}
	.industify_fn_service_list .read_more a{
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width : 375px) {
	.industify_fn_service_list .read_more a {
		padding: 0 35px 0 49px !important;
		font-size: 13px !important;
	}

	.Product_ReadMore {
		right: 123.2px !important;
	}
}
	.title_holder p span {
		font-size: 20px;
	}

	.title_holder div p {
		color: white;
		font-size: 20px;
	}
	/*.myDiv{
        background-color : rgb(214 216 212 / 0.4);

    }*/

	.lg-backdrop {
		width: 50% !important;
		height: 50% !important;
		top: 25% !important;
		left: 25% !important
	}
	/*------------------------------------------------------------------*/
	/*	08) PAGINATION
/*------------------------------------------------------------------*/
	.industify_fn_pagination {
		width: 100%;
		float: left;
		clear: both;
		margin: 60px 0px;
	}

		.industify_fn_pagination:after {
			clear: both;
			display: table;
			content: '';
		}

		.industify_fn_pagination ul {
			margin: 0px;
			list-style-type: none;
			margin-left: -3px;
		}

			.industify_fn_pagination ul:after {
				clear: both;
				display: table;
				content: '';
			}

		.industify_fn_pagination li {
			float: left;
			margin-left: 3px;
			margin-bottom: 3px;
		}

		.industify_fn_pagination .view {
			margin-left: 20px;
		}

		.industify_fn_pagination li span,
		.industify_fn_pagination li a {
			display: block;
			width: 44px;
			height: 44px;
			line-height: 44px;
			text-align: center;
			border-radius: 2px;
			font-weight: 700;
			font-size: 14px;
		}

		.industify_fn_pagination li a {
			text-decoration: none;
			transition: all .5s ease;
			color: #777;
			background-color: #e9eff4;
		}

			.industify_fn_pagination li span,
			.industify_fn_pagination li a:hover {
				color: #fff;
				background-color: #B4975A;
			}

		.industify_fn_pagination li p {
			margin: 0px;
			padding: 0px;
			line-height: 44px;
			color: #777;
			letter-spacing: 0px;
			font-weight: 600;
			font-size: 14px;
		}
	/*------------------------------------------------------------------*/
	/*	09) SERVICE LIST AS FUNCTION
/*------------------------------------------------------------------*/
	.service_list_as_function {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		margin-bottom: 50px;
		overflow: hidden;
		background-color: #B4975A;
		border-radius: 5px;
	}

		.service_list_as_function .title_holder {
			width: 100%;
			float: left;
			clear: both;
		}

			.service_list_as_function .title_holder h3 {
				margin: 0px;
				padding: 0px;
				font-weight: 700;
				display: block;
				font-size: 18px;
				text-transform: uppercase;
				color: #777;
				margin-bottom: 27px;
				position: relative;
				line-height: 1.5;
				letter-spacing: 0px;
			}

				.service_list_as_function .title_holder h3:after {
					position: absolute;
					content: '';
					width: 50px;
					height: 1px;
					top: 100%;
					left: 0px;
					margin-top: 7px;
				}

		.service_list_as_function .list_holder {
			width: 100%;
			float: left;
			clear: both;
			padding: 34px 30px;
			position: relative;
			z-index: 15;
		}

		.service_list_as_function ul {
			list-style-type: none;
			margin: 0px;
		}

			.service_list_as_function ul:after {
				display: table;
				clear: both;
				content: '';
			}

		.service_list_as_function li {
			width: 100%;
			float: left;
			clear: both;
			margin: 0px;
			margin-bottom: 19px;
		}

			.service_list_as_function li:last-child {
				margin: 0px;
			}

			.service_list_as_function li a {
				text-decoration: none;
				display: inline-block;
				font-size: 16px;
				letter-spacing: 0px;
				color: #eee;
				font-weight: 300;
				line-height: 1.3;
				position: relative;
			}

				.service_list_as_function li a:after {
					background-color: #fff;
					content: '';
					position: absolute;
					left: 0px;
					top: 100%;
					margin-top: 3px;
					width: 30px;
					height: 1px;
					transition: all .3s ease;
				}

				.service_list_as_function .active a,
				.service_list_as_function li a:hover {
					color: #fff;
				}

		.service_list_as_function .active a {
			font-weight: 500;
		}

			.service_list_as_function .active a:after,
			.service_list_as_function li a:hover:after {
				width: 60px;
			}

		.service_list_as_function .title {
			width: 100%;
			float: left;
			clear: both;
			padding: 29px 30px 26px 30px;
			background-color: rgba(255,255,255,.1);
			position: relative;
			margin-bottom: 12px;
		}

			.service_list_as_function .title:after {
				content: '';
				position: absolute;
				left: 30px;
				top: 100%;
				border: 15px solid transparent;
				border-top-width: 13px;
				border-top-color: rgba(255,255,255,.1);
			}

			.service_list_as_function .title h3 {
				margin: 0;
				padding: 0;
				font-size: 14px;
				text-transform: uppercase;
				color: #eee;
				font-weight: 500;
			}
	/*------------------------------------------------------------------*/
	/*	10) ESTIMATE WIDGET
/*------------------------------------------------------------------*/
	.industify_fn_widget_estimate {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		border-radius: 5px;
		overflow: hidden;
	}

		.industify_fn_widget_estimate img {
			margin: 0px;
			opacity: 0;
			visibility: hidden;
			position: relative;
		}

		.industify_fn_widget_estimate .img_holder {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			height: 460px;
		}

		.industify_fn_widget_estimate .helper1 {
			z-index: 15;
			position: absolute;
			border-left: 80px solid #B4975A;
			border-top: 55px solid transparent;
			left: 0px;
			bottom: 0px;
		}

		.industify_fn_widget_estimate .helper2 {
			z-index: 15;
			position: absolute;
			border-right: 220px solid #B4975A;
			border-top: 55px solid transparent;
			right: 0px;
			bottom: 0px;
		}

		.industify_fn_widget_estimate .helper3 {
			z-index: 10;
			position: absolute;
			border-left: 80px solid #000;
			border-top: 80px solid transparent;
			opacity: .2;
			left: 0px;
			bottom: 0px;
		}

		.industify_fn_widget_estimate .helper4 {
			z-index: 10;
			position: absolute;
			border-right: 220px solid #000;
			border-top: 80px solid transparent;
			opacity: .2;
			right: 0px;
			bottom: 0px;
		}

		.industify_fn_widget_estimate .helper5 {
			z-index: 5;
			position: absolute;
			border-left: 80px solid #B4975A;
			border-top: 80px solid transparent;
			left: 0px;
			bottom: 0px;
		}

		.industify_fn_widget_estimate .helper6 {
			z-index: 5;
			content: '';
			position: absolute;
			border-right: 220px solid #B4975A;
			border-top: 80px solid transparent;
			right: 0px;
			bottom: 0px;
		}

		.industify_fn_widget_estimate .abs_img {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			z-index: 2;
		}

		.industify_fn_widget_estimate:after {
			z-index: 2;
			position: absolute;
			content: '';
			right: 0px;
			bottom: 0px;
			width: 50px;
			height: 85px;
			background-color: rgba(255,255,255,.1);
		}

		.industify_fn_widget_estimate:before {
			z-index: 1;
			position: absolute;
			content: '';
			right: 0px;
			bottom: 0px;
			width: 100px;
			height: 170px;
			background-color: rgba(255,255,255,.1);
		}

		.industify_fn_widget_estimate .bfwe_inner {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			z-index: 5;
			padding: 43px 40px 50px 40px;
			background-color: #B4975A;
		}

			.industify_fn_widget_estimate .bfwe_inner p {
				padding: 0px;
				margin: 0px;
				color: #fff;
				font-size: 22px;
				line-height: 30px;
				font-weight: 400;
				letter-spacing: 0px;
				margin-bottom: 23px;
			}

			.industify_fn_widget_estimate .bfwe_inner a {
				display: inline-block;
				text-decoration: none;
				background-color: #e9eff4;
				padding: 14px 25px;
				font-size: 14px;
				line-height: 1.6;
				letter-spacing: 0.5px;
				color: #041230;
				text-transform: uppercase;
				border-radius: 2px;
				font-weight: 500;
				box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			}

				.industify_fn_widget_estimate .bfwe_inner a:hover {
					background-color: #111422;
					color: #fff;
				}

	.widget_block {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 50px;
	}

	.industify_fn_sidebarpage .wid-title span {
		color: #041230;
	}
	/*------------------------------------------------------------------*/
	/*	11) BROCHURE WIDGET
/*------------------------------------------------------------------*/
	.industify_fn_widget_brochure {
		width: 100%;
		float: left;
		clear: both;
	}

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

		.industify_fn_widget_brochure .fn_brochures li {
			float: left;
			clear: both;
			width: 100%;
			margin: 0px;
			margin-bottom: 5px;
		}

		.industify_fn_widget_brochure .br_item {
			float: left;
			clear: both;
			width: 100%;
			padding: 18px 30px 18px 75px;
			background-color: #111422;
			position: relative;
			border-radius: 5px;
			overflow: hidden;
		}

			.industify_fn_widget_brochure .br_item a {
				text-decoration: none;
				display: block;
				left: 0px;
				top: 0px;
				bottom: 0px;
				right: 0px;
				z-index: 15;
				position: absolute;
			}

		.industify_fn_widget_brochure .icon {
			position: absolute;
			width: 48px;
			height: 48px;
			top: 5px;
			left: 5px;
			bottom: 0px;
			color: #ccc;
			z-index: 3;
			display: block;
			border-radius: 50%;
			background-color: rgba(255,255,255,0.08);
		}

		.industify_fn_widget_brochure .fn__svg {
			position: absolute;
			width: 26px;
			height: 26px;
			top: 50%;
			left: 50%;
			margin: -13px 0px 0px -13px;
			transition: all .3s ease;
		}

		.industify_fn_widget_brochure li:hover .br_item:after {
			border-left-color: #fff;
		}

		.industify_fn_widget_brochure li:hover .text,
		.industify_fn_widget_brochure li:hover .icon {
			color: #fff;
		}

		.industify_fn_widget_brochure .text {
			font-weight: 600;
			letter-spacing: 0px;
			font-size: 14px;
			color: #ccc;
			transition: all .3s ease;
			display: block;
			position: relative;
			line-height: 1.6;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		}

		.industify_fn_widget_brochure .br_item:after {
			content: '';
			position: absolute;
			right: 15px;
			top: 50%;
			margin-top: -5px;
			border: 5px solid transparent;
			border-left-color: #ccc;
			z-index: 3;
			transition: all .3s ease;
		}
	/*------------------------------------------------------------------*/
	/*	12) PROJECT FILTER
/*------------------------------------------------------------------*/
	.industify_fn_portfolio_page {
		padding: 70px 0 147px;
		width: 100%;
		float: left;
		clear: both;
	}

	.portfolio_list,
	.portfolio_list .list_in {
		width: 100%;
		float: left;
		clear: both;
	}

		.portfolio_list .list_in {
			position: relative;
			z-index: 1;
		}

		.portfolio_list .filter {
			width: auto;
			float: left;
			clear: both;
			margin-bottom: 40px;
			position: relative;
			z-index: 25;
			height: 50px;
		}

			.portfolio_list .filter:after {
				clear: both;
				display: table;
				content: '';
			}

			.portfolio_list .filter > a {
				display: inline-block;
				text-decoration: none;
				color: #fff;
				text-transform: uppercase;
				font-size: 16px;
				font-weight: 600;
				height: 50px;
				line-height: 50px;
				padding: 0px 90px 0px 30px;
				position: relative;
				min-width: 160px;
				overflow: hidden;
				letter-spacing: .5px;
				background-color: #B4975A;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				border-radius: 5px;
			}

				.portfolio_list .filter > a:after {
					content: '';
					position: absolute;
					width: 100px;
					height: 50px;
					transform: skewX(-25deg);
					background-color: #fff;
					top: 0px;
					left: 100%;
					margin-left: -50px;
					z-index: 5;
					opacity: .15;
				}

				.portfolio_list .filter > a:before {
					width: 0px;
					height: 0px;
					content: '';
					position: absolute;
					border: 5px solid transparent;
					border-top-color: #fff;
					right: 20px;
					top: 22px;
					z-index: 10;
				}

			.portfolio_list .filter ul {
				list-style-type: none;
				margin: 0px;
				position: absolute;
				padding: 20px 30px;
				width: 100%;
				background-color: #0f111f;
				transform: translateY(20px) scale(.8);
				border-radius: 5px;
				top: 100%;
				left: 0px;
				opacity: 0;
				visibility: hidden;
				transition: all .5s ease;
			}

				.portfolio_list .filter ul:after {
					top: 0px;
					left: 0px;
					right: 0px;
					height: 1px;
					background-color: rgba(255,255,255,0.3);
					content: '';
					position: absolute;
				}

			.portfolio_list .filter .opened {
				opacity: 1;
				visibility: visible;
				transform: translateY(10px) scale(1);
			}

			.portfolio_list .filter li {
				margin: 0px;
			}

			.portfolio_list .filter ul a {
				display: block;
				text-decoration: none;
				letter-spacing: .5px;
				color: #fff;
				position: relative;
				font-size: 14px;
				line-height: 35px;
				text-transform: capitalize;
				font-weight: 500;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			}

			.portfolio_list .filter ul:hover a:hover {
				opacity: 1;
			}

			.portfolio_list .filter ul a.active {
				opacity: 1 !important;
				font-size: 16px;
			}

			.portfolio_list .filter ul:hover a {
				opacity: 0.5;
			}

			.portfolio_list .filter span.spinner {
				height: 20px;
				width: 20px;
				position: absolute;
				left: 100%;
				margin-left: 20px;
				top: 12px;
				border: 3px solid rgba(0,0,0,0.2);
				border-top: 3px solid rgba(0,0,0,0.9);
				opacity: 0;
				z-index: 50;
				-webkit-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				transition: all 0.2s linear;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				-webkit-animation: spinner .6s infinite linear;
				-moz-animation: spinner .6s infinite linear;
				-o-animation: spinner .6s infinite linear;
				animation: spinner .6s infinite linear
			}

	@-webkit-keyframes spinner {
		from {
			-webkit-transform: rotate(0deg)
		}

		to {
			-webkit-transform: rotate(359deg)
		}
	}

	@-moz-keyframes spinner {
		from {
			-moz-transform: rotate(0deg)
		}

		to {
			-moz-transform: rotate(359deg)
		}
	}

	@-o-keyframes spinner {
		from {
			-o-transform: rotate(0deg)
		}

		to {
			-o-transform: rotate(359deg)
		}
	}

	@keyframes spinner {
		from {
			transform: rotate(0deg)
		}

		to {
			transform: rotate(359deg)
		}
	}

	.portfolio_list .filter span.spinner.active {
		opacity: 1;
	}

	.industify_fn_portfolio_page .portfolio_list_in {
		width: 100%;
		float: left;
		clear: both;
		opacity: 1;
	}

		.industify_fn_portfolio_page .portfolio_list_in.active {
			opacity: .7;
		}
	/*------------------------------------------------------------------*/
	/*	13) AJAX PAGINATION
/*------------------------------------------------------------------*/
	.industify_fn_ajax_pagination {
		width: 100%;
		float: left;
		clear: both;
		margin: 0px 0px 0px 0px;
	}

	.ajax_pagination {
		margin: 0px;
		list-style-type: none;
		margin-left: -10px;
	}

		.ajax_pagination li {
			float: left;
			margin-left: 10px;
		}

		.ajax_pagination a {
			display: block;
			text-decoration: none;
			width: auto;
			height: 40px;
			padding: 0px 20px;
			color: #fff;
			line-height: 40px;
			cursor: pointer;
			position: relative;
			text-transform: uppercase;
			font-size: 12px;
			transition: all .3s ease;
			font-weight: 600;
			background-color: #B4975A;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			border-radius: 2px;
		}

			.ajax_pagination a.prev {
				padding-left: 35px;
			}

			.ajax_pagination a.inactive.prev:after {
				border-right-color: #777;
			}

			.ajax_pagination a.prev:after {
				width: 0px;
				height: 0px;
				content: '';
				position: absolute;
				border: 5px solid transparent;
				border-right-color: #fff;
				top: 15px;
				left: 15px;
				transition: all .3s ease;
			}

			.ajax_pagination a.next {
				padding-right: 35px;
			}

			.ajax_pagination a.inactive.next:after {
				border-left-color: #777;
			}

			.ajax_pagination a.next:after {
				width: 0px;
				height: 0px;
				content: '';
				position: absolute;
				border: 5px solid transparent;
				border-left-color: #fff;
				top: 15px;
				right: 15px;
				transition: all .3s ease;
			}

			.ajax_pagination a.inactive {
				color: #777;
				background-color: #ddd;
				cursor: default;
			}
	/*------------------------------------------------------------------*/
	/*	14) PROJECT PAGE
/*------------------------------------------------------------------*/
	.industify_fn_portfolio_list {
		margin: 0px;
		list-style-type: none;
		margin-left: -50px;
	}

		.industify_fn_portfolio_list li {
			width: 50%;
			margin: 0px;
			padding: 0px;
			float: left;
			padding-left: 50px;
			margin-bottom: 50px;
		}

		.industify_fn_portfolio_list .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding-bottom: 10px;
		}

		.industify_fn_portfolio_list .item_in {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

			.industify_fn_portfolio_list .item_in a {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				z-index: 25;
			}

		.industify_fn_portfolio_list .item:after {
			left: 30px;
			right: 30px;
			height: 10px;
			bottom: 0px;
			background-color: #B4975A;
			content: '';
			position: absolute;
			z-index: -1;
			border-radius: 0 0 5px 5px;
		}

		.industify_fn_portfolio_list .img_holder {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			z-index: 1;
			border-radius: 5px;
			overflow: hidden;
		}

			.industify_fn_portfolio_list .img_holder:after {
				z-index: 7;
				content: '';
				position: absolute;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				background-color: rgba(0,0,0,0.5);
				transition: all .3s ease;
			}

		.industify_fn_portfolio_list .item_in a:after {
			content: '';
			background-color: #B4975A;
			left: 59px;
			top: 40px;
			width: 2px;
			height: 0px;
			position: absolute;
			z-index: 22;
			transition: all .3s ease;
		}

		.industify_fn_portfolio_list .item_in a:before {
			content: '';
			background-color: #B4975A;
			left: 50px;
			top: 49px;
			width: 0px;
			height: 2px;
			position: absolute;
			z-index: 22;
			transition: all .3s ease;
			transition-delay: .3s;
		}

		.industify_fn_portfolio_list img {
			position: relative;
			z-index: -5;
			opacity: 0;
			min-width: 100%;
			min-height: 270px;
		}

		.industify_fn_portfolio_list .img_abs {
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 5;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.industify_fn_portfolio_list .title_holder {
			width: 100%;
			float: left;
			clear: both;
			position: absolute;
			z-index: 10;
			left: 0px;
			bottom: 10px;
			padding: 34px 50px 36px 50px;
		}

			.industify_fn_portfolio_list .title_holder h3 {
				margin: 0px;
				padding: 0px;
				font-size: 24px;
				letter-spacing: 0px;
				font-weight: 300;
				margin-bottom: 10px;
				color: #eee;
			}

			.industify_fn_portfolio_list .title_holder p {
				margin: 0px;
				padding: 0px;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				display: inline-block;
				color: #eee;
				font-weight: 600;
				font-size: 14px;
				line-height: 18px;
				padding-right: 25px;
				position: relative;
			}

			.industify_fn_portfolio_list .title_holder svg,
			.industify_fn_portfolio_list .title_holder img {
				width: 15px;
				height: 15px;
				position: absolute;
				right: 0px;
				top: 50%;
				margin-top: -7px;
			}

		.industify_fn_portfolio_list .item:hover .img_holder:after {
			background-color: rgba(15,15,22,.9);
		}

		.industify_fn_portfolio_list .item:hover .item_in a:after {
			height: 20px;
		}

		.industify_fn_portfolio_list .item:hover .item_in a:before {
			width: 20px;
		}

	@media(max-width: 768px) {
		.industify_fn_portfolio_list li {
			width: 100%;
		}

		.industify_fn_portfolio_list .title_holder {
			padding: 24px 20px 16px 20px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	15) 404 PAGE
/*------------------------------------------------------------------*/
	.industify_fn_error_page {
		width: 100%;
		float: left;
		clear: both;
	}

	.industify_fn_error_page {
		padding: 150px 0px;
		position: relative;
	}

		.industify_fn_error_page .error_box {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

		.industify_fn_error_page form {
			display: flex;
			flex-direction: row;
		}

		.industify_fn_error_page .search_holder div {
			width: 50%;
			float: left;
		}

			.industify_fn_error_page .search_holder div:first-child {
				width: 100%;
			}

		.industify_fn_error_page input {
			width: 100%;
			min-width: 100%;
			height: 44px;
		}

			.industify_fn_error_page input[type="text"] {
				background-color: #f9f9f9;
				border-radius: 3px 0 0 3px;
				text-align: left;
				padding: 0 20px !important;
				outline: none;
				border: 1px solid #e5e5e5;
				border-right: none;
			}

				.industify_fn_error_page input[type="text"]:focus {
					border-color: #ccc;
				}

			.industify_fn_error_page input[type="submit"] {
				border-radius: 0 3px 3px 0;
				background-color: #B4975A;
			}

				.industify_fn_error_page input[type="submit"]:hover {
					background-color: #656868;
				}

		.industify_fn_error_page h1 {
			font-size: 80px;
			letter-spacing: 2px;
			line-height: 1;
			margin-bottom: 2px;
			color: #B4975A;
			font-weight: 500;
		}

		.industify_fn_error_page h3 {
			margin: 0px;
			padding: 0px;
			font-size: 36px;
			letter-spacing: 0px;
			font-weight: 500;
			line-height: 1;
			margin-bottom: 37px;
		}

		.industify_fn_error_page p {
			margin-bottom: 44px;
			color: #777;
		}
	/*------------------------------------------------------------------*/
	/*	16) PRINCIPLES PAGE
/*------------------------------------------------------------------*/
	.industify_fn_principles {
		padding: 70px 0 100px;
	}

		.industify_fn_principles,
		.industify_fn_principles .principles,
		.industify_fn_principles .item {
			width: 100%;
			float: left;
			clear: both;
		}

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

			.industify_fn_principles li {
				margin: 0;
				padding: 0;
			}

			.industify_fn_principles .item {
				display: flex;
				flex-wrap: wrap;
				padding: 94px 0;
				border-bottom: 5px double #eee;
			}

			.industify_fn_principles li:first-child .item {
				border-top: 5px double #eee;
			}

			.industify_fn_principles li:nth-of-type(2n) .item {
				flex-direction: row-reverse;
			}

			.industify_fn_principles li:nth-of-type(2n) .item_left {
				text-align: right;
			}

			.industify_fn_principles li:nth-of-type(2n) .item_right {
				padding-left: 0;
				padding-right: 20px;
			}

			.industify_fn_principles .item_left {
				width: 33.3333%;
			}

			.industify_fn_principles .item_right {
				width: 66.6666%;
				padding-left: 20px;
			}

			.industify_fn_principles h2 {
				margin: 0;
				padding: 0;
				color: #B4975A;
				font-size: 72px;
				font-weight: 400;
				line-height: 1;
				margin-bottom: 3px;
			}

			.industify_fn_principles h3 {
				margin: 0;
				padding: 0;
				font-size: 48px;
				font-weight: 400;
			}

			.industify_fn_principles p {
				margin: 0;
				padding: 0;
				color: #666;
				font-size: 16px;
				line-height: 1.6;
				margin-bottom: 20px;
			}

				.industify_fn_principles p:last-child {
					margin-bottom: 0;
				}

	@media(max-width: 768px) {
		.industify_fn_principles .item {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
		}

		.industify_fn_principles .item_left {
			width: 100%;
		}

		.industify_fn_principles .item_right {
			width: 100%;
			padding-left: 0;
			margin-top: 40px;
		}

		.industify_fn_principles h2 {
			font-size: 40px;
		}

		.industify_fn_principles h3 {
			font-size: 30px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	17) BLOG POST LIST
/*------------------------------------------------------------------*/
	.industify_fn_postlist {
		margin: 0px;
		list-style-type: none;
		position: relative;
	}

		.industify_fn_postlist:after {
			clear: both;
			display: table;
			content: '';
		}

		.industify_fn_postlist li {
			margin: 0px;
			width: 100%;
			float: left;
		}

			.industify_fn_postlist li:last-child .post {
				margin-bottom: 0px;
			}

		.industify_fn_postlist .post {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 36px 40px 40px 40px;
			padding-left: 120px;
			margin-bottom: 50px;
			box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
			border-radius: 5px;
		}

		.industify_fn_postlist .img_holder img {
			max-height: 600px;
			border-radius: 5px 5px 0 0;
			min-width: 100%;
		}

		.industify_fn_postlist .has-post-thumbnail {
			padding: 0px;
			background-color: transparent;
			border: none;
			border-radius: 0px;
		}

			.industify_fn_postlist .has-post-thumbnail .content_holder {
				padding: 36px 40px 40px 40px;
			}

			.industify_fn_postlist .has-post-thumbnail .img_holder {
				display: block;
			}

		.industify_fn_postlist .img_holder {
			display: none;
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

			.industify_fn_postlist .img_holder span.shape1 {
				position: absolute;
				left: 40px;
				bottom: 0px;
				z-index: 3;
				border-right: 20px solid rgba(255,255,255,.3);
				border-top: 30px solid transparent;
			}

			.industify_fn_postlist .img_holder span.shape2 {
				position: absolute;
				left: 60px;
				bottom: 0px;
				z-index: 3;
				border-left: 600px solid rgba(255,255,255,.3);
				border-top: 30px solid transparent;
			}

		.industify_fn_postlist .time {
			position: absolute;
			z-index: 15;
			padding: 20px 19px 25px 19px;
			max-width: 100%;
			width: 80px;
			left: 0px;
			top: 0px;
			border-radius: 5px 0 0 0;
			overflow: hidden;
		}

			.industify_fn_postlist .time span:after {
				position: absolute;
				content: '';
				top: 0px;
				left: 0px;
				bottom: 15px;
				right: 0px;
				background-color: #B4975A;
				z-index: -1;
			}

			.industify_fn_postlist .time span:before {
				position: absolute;
				content: '';
				left: 0px;
				bottom: 0px;
				border-top: 15px solid #B4975A;
				border-right: 80px solid transparent;
				z-index: -1;
			}

			.industify_fn_postlist .time h3 {
				margin: 0px;
				padding: 0px;
				color: #fff;
				font-size: 36px;
				line-height: 1;
				letter-spacing: -2px;
				position: relative;
				margin-bottom: 5px;
				font-weight: 300;
			}

				.industify_fn_postlist .time h3:after {
					left: 0px;
					right: 0px;
					position: absolute;
					content: '';
					background-color: #fff;
					height: 1px;
					top: 100%;
				}

			.industify_fn_postlist .time h5 {
				margin: 0px;
				padding: 0px;
				color: #fff;
				letter-spacing: 0px;
				font-size: 12px;
				line-height: 14px;
				font-weight: 400;
				text-transform: uppercase;
			}

		.industify_fn_postlist .content_holder,
		.industify_fn_postlist .title,
		.industify_fn_postlist .info_holder,
		.industify_fn_postlist .excerpt_holder,
		.industify_fn_postlist .read_holder {
			width: 100%;
			float: left;
			clear: both;
		}

			.industify_fn_postlist .title h3 {
				margin: 0px;
				padding: 0px;
				font-size: 30px;
				line-height: 30px;
				letter-spacing: 0px;
				font-weight: 400;
				margin-bottom: 19px;
			}

				.industify_fn_postlist .title h3 a {
					text-decoration: none;
				}

		.industify_fn_postlist .info_holder {
			width: 100%;
			float: left;
			clear: both;
		}

			.industify_fn_postlist .info_holder p {
				margin: 0;
				padding: 0;
				font-size: 14px;
				letter-spacing: 0px;
				color: #666;
				float: left;
				margin-bottom: 11px
			}

				.industify_fn_postlist .info_holder p span {
					float: left;
				}

				.industify_fn_postlist .info_holder p .t_category {
					margin-left: 20px;
					position: relative;
				}

					.industify_fn_postlist .info_holder p .t_category:after {
						content: '';
						position: absolute;
						width: 14px;
						height: 1px;
						background-color: #666;
						top: 50%;
						right: 100%;
						margin-right: 2px;
					}

				.industify_fn_postlist .info_holder p a {
					color: #B4975A;
					text-decoration: none;
					text-transform: capitalize;
					border-bottom: 1px solid currentcolor;
				}

					.industify_fn_postlist .info_holder p a:hover {
						border-bottom-color: transparent;
					}

		.industify_fn_postlist .excerpt_holder p {
			margin: 0px;
			padding: 0px;
			color: #666;
			font-size: 14px;
		}

		.industify_fn_postlist .excerpt_holder {
			margin-bottom: 25px;
		}

		.industify_fn_postlist .read_holder p {
			margin: 0px;
			padding: 0px;
		}

		.industify_fn_postlist .read_holder a {
			display: inline-block;
			border-radius: 3px;
			background-color: #333333;
			color: #fff;
			text-decoration: none;
			font-size: 14px;
			line-height: 24px;
			padding: 0px 8px;
		}

			.industify_fn_postlist .read_holder a:hover {
				background-color: #B4975A;
			}

	.industify_fn_blog_full {
		width: 100%;
		float: left;
		clear: both;
		padding: 120px 0;
	}

	@media(max-width: 768px) {
		.industify_fn_postlist .time {
			display: none;
		}

		.industify_fn_postlist .has-post-thumbnail .content_holder {
			padding-left: 20px;
			padding-right: 20px;
		}

		.industify_fn_postlist .post {
			padding-left: 20px;
			padding-right: 20px;
		}

		.industify_fn_postlist .has-post-thumbnail {
			padding: 0;
		}
	}
	/*------------------------------------------------------------------*/
	/*	18) CONTACT PAGE
/*------------------------------------------------------------------*/
	.industify_fn_contact {
		padding: 120px 0;
		width: 100%;
		float: left;
		clear: both;
	}

		.industify_fn_contact .map_holder iframe {
			display: block;
			margin-bottom: 20px;
		}

	.contact_holder {
		width: 100%;
		display: flex;
	}

		.contact_holder .contact_left {
			width: 40%;
			background-color: #0d0e13;
			border-radius: 5px;
			overflow: hidden;
		}

			.contact_holder .contact_left h3 {
				margin: 0;
				padding: 30px;
				background: #111422;
				color: #fff;
			}

		.contact_holder .contact_right {
			width: 60%;
			padding-left: 20px;
		}

		.contact_holder .contact_left form {
			padding: 30px;
		}

	.contact_left textarea,
	.contact_left input[type="text"],
	.contact_left input[type="email"] {
		width: 100%;
		display: block;
		border-radius: 3px;
		background-color: rgba(255,255,255,.05);
		border: 1px solid #222;
		color: #eee;
		outline: none;
	}

		.contact_left textarea:focus,
		.contact_left input[type="text"]:focus,
		.contact_left input[type="email"]:focus {
			border-color: #444;
		}

	.contact_left .item {
		margin-bottom: 20px;
	}

		.contact_left .item:last-child {
			margin-bottom: 0;
		}

	.contact_left textarea {
		min-height: 200px;
	}

	.contact_left a:hover {
		background-color: #B4975A;
	}

	.contact_left a {
		display: inline-block;
		height: 44px;
		line-height: 44px;
		padding: 0 20px;
		background-color: #B4975A;
		color: #fff;
		border-radius: 3px;
		text-decoration: none;
	}

		.contact_left a:focus {
			outline: 1px dashed #444;
		}

	@media(max-width: 1040px) {
		.contact_holder {
			flex-wrap: wrap;
		}

			.contact_holder .contact_right {
				width: 100%;
				padding-left: 0;
			}

			.contact_holder .contact_left {
				width: 100%;
				margin-bottom: 20px;
			}
	}
	/*------------------------------------------------------------------*/
	/*	19) SERVICE SINGLE
/*------------------------------------------------------------------*/
	.industify_fn_service_single .desc_holder,
	.industify_fn_service_single .img_holder,
	.industify_fn_service_single {
		width: 100%;
		float: left;
		clear: both;
	}

		.industify_fn_service_single .img_holder img {
			border-radius: 3px;
			margin-bottom: 60px;
			min-width: 100%;
		}

		.industify_fn_service_single .desc_holder p {
			margin: 0;
			padding: 0;
			line-height: 1.8;
			margin-bottom: 20px;
			color: #666;
			font-size: 18px;
		}

			.industify_fn_service_single .desc_holder p:last-child {
				margin-bottom: 0;
			}

		.industify_fn_service_single .desc_holder {
			margin-bottom: 56px;
		}
	/*------------------------------------------------------------------*/
	/*	19.1 Random Services
/*------------------------------------------------------------------*/
	.industify_fn_random_services {
		width: 100%;
		float: left;
		clear: both;
		padding-top: 64px;
		position: relative;
		margin-top: 70px;
	}

		.industify_fn_random_services:after {
			left: 0px;
			right: 0px;
			top: 0px;
			content: '';
			position: absolute;
			height: 1px;
			background-color: #e9eff4;
		}

		.industify_fn_random_services > h3 {
			margin: 0px;
			padding: 0px;
			font-size: 30px;
			font-weight: 400;
			letter-spacing: 0px;
			margin-bottom: 33px;
		}

		.industify_fn_random_services .os_list {
			width: 100%;
			float: left;
			clear: both;
		}

		.industify_fn_random_services ul {
			margin: 0px;
			list-style-type: none;
		}

		.industify_fn_random_services li {
			width: 100%;
			float: left;
			clear: both;
			margin: 0px;
			padding: 0px;
			margin-bottom: 40px;
		}

			.industify_fn_random_services li:last-child {
				margin-bottom: 0px;
			}

		.industify_fn_random_services .item {
			width: 100%;
			float: left;
			clear: both;
			padding: 54px 50px 82px 50px;
			background-color: #e9eff4;
			position: relative;
			overflow: hidden;
			border-radius: 5px;
		}

		.industify_fn_random_services .read_more {
			position: absolute;
			left: 0px;
			bottom: 0px;
			max-width: calc(100% - 20px);
			max-width: -moz-calc(100% - 20px);
			max-width: -webkit-calc(100% - 20px);
		}

			.industify_fn_random_services .read_more a {
				display: block;
				padding: 0px 62px 0px 50px;
				height: 40px;
				text-transform: uppercase;
				font-weight: 600;
				font-size: 14px;
				color: #fff;
				letter-spacing: 0px;
				line-height: 40px;
				position: relative;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				background-color: #B4975A;
				text-decoration: none;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			}

				.industify_fn_random_services .read_more a:hover {
					background-color: #656868;
				}

			.industify_fn_random_services .read_more:after {
				content: '';
				position: absolute;
				width: 35px;
				height: 40px;
				transform: skewX(27deg);
				right: 0px;
				bottom: 0px;
				z-index: 20;
				margin-right: -24px;
				background-color: #e9eff4;
			}

		.industify_fn_random_services li h3 {
			margin: 0px;
			padding: 0px;
			font-size: 22px;
			font-weight: 400;
			margin-bottom: 17px;
			letter-spacing: 0px;
		}

			.industify_fn_random_services li h3 a {
				text-decoration: none;
			}

		.industify_fn_random_services li p {
			margin: 0px;
			padding: 0px;
		}
	/*------------------------------------------------------------------*/
	/*	20) BLOG SINGLE
/*------------------------------------------------------------------*/
	.industify_fn_blog_single {
		width: 100%;
		float: left;
		clear: both;
	}

		.industify_fn_blog_single .img_holder {
			margin-bottom: 44px;
		}

			.industify_fn_blog_single .img_holder img {
				border-radius: 3px;
				min-width: 100%;
			}

		.industify_fn_blog_single .desc_holder p {
			margin: 0px;
			padding: 0px;
			line-height: 1.7;
			letter-spacing: 0px;
			margin-bottom: 20px;
			color: #777;
		}

	blockquote {
		border-left: 3px solid #6FBF71;
		font-style: italic;
		margin: 10px 0px 23px 0px;
		padding: 19px 20px 20px;
		clear: both;
		float: left;
		width: 100%;
		background-color: #e9eff4;
		line-height: 1.7;
		color: #777;
		font-size: 20px;
		font-family: 'Lora';
		font-weight: 400;
		border-radius: 5px;
	}

	.alignleft {
		max-width: 300px;
		float: left;
		margin: 0 30px 30px 0;
	}

	.industify_fn_tags label {
		float: left;
		line-height: 1;
		padding: 12px 0px;
		font-size: 14px;
		margin-right: 20px;
		font-weight: 600;
		color: #777;
		text-transform: uppercase;
	}

	.industify_fn_tags a:hover {
		background-color: #656868;
	}

	.industify_fn_tags a {
		font-weight: 600;
		font-size: 14px;
		line-height: 1;
		display: block;
		float: left;
		text-align: center;
		padding: 12px 15px;
		margin-bottom: 5px;
		margin-left: 5px;
		color: #fff;
		text-decoration: none;
		transition: all .3s ease;
		border-radius: 2px;
		background-color: #B4975A;
	}
	/*------------------------------------------------------------------*/
	/*	21) PROTECTED PAGE
/*------------------------------------------------------------------*/
	.industify_fn_password_protected {
		width: 100%;
		float: left;
		clear: both;
	}

	.industify_fn_password_protected {
		padding: 150px 0px;
		position: relative;
	}

		.industify_fn_password_protected .error_box {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

		.industify_fn_password_protected form {
			display: flex;
			flex-direction: row;
		}

		.industify_fn_password_protected .submit_holder div {
			width: 50%;
			float: left;
		}

			.industify_fn_password_protected .submit_holder div:first-child {
				width: 100%;
			}

		.industify_fn_password_protected input {
			width: 100%;
			min-width: 100%;
			height: 44px;
		}

			.industify_fn_password_protected input[type="password"] {
				background-color: #f9f9f9;
				border-radius: 3px 0 0 3px;
				text-align: left;
				padding: 0 20px !important;
				outline: none;
				border: 1px solid #e5e5e5;
				border-right: none;
			}

				.industify_fn_password_protected input[type="password"]:focus {
					border-color: #ccc;
				}

			.industify_fn_password_protected input[type="submit"] {
				border-radius: 0 3px 3px 0;
				background-color: #B4975A;
			}

				.industify_fn_password_protected input[type="submit"]:hover {
					background-color: #656868;
				}

		.industify_fn_password_protected h1 {
			font-size: 80px;
			letter-spacing: 2px;
			line-height: 1;
			margin-bottom: 2px;
			color: #B4975A;
			font-weight: 500;
		}

		.industify_fn_password_protected h3 {
			margin: 0px;
			padding: 0px;
			font-size: 36px;
			letter-spacing: 0px;
			font-weight: 500;
			line-height: 1;
			margin-bottom: 37px;
		}

		.industify_fn_password_protected p {
			margin-bottom: 44px;
			color: #777;
		}

	@media(max-width: 768px) {
		.industify_fn_password_protected h1 {
			font-size: 40px;
		}

		.industify_fn_password_protected h3 {
			font-size: 30px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	22) PRELOADER
/*------------------------------------------------------------------*/
	#industify-fn-loader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: #000;
	}

		#industify-fn-loader .fn_loader {
			display: block;
			position: relative;
			left: 50%;
			top: 50%;
			width: 150px;
			height: 150px;
			margin: -75px 0 0 -75px;
			border-radius: 50%;
			border: 3px solid transparent;
			border-top-color: #B4975A;
			-webkit-animation: spin 2s linear infinite;
			animation: spin 2s linear infinite;
			z-index: 1001;
		}

			#industify-fn-loader .fn_loader:before {
				content: "";
				position: absolute;
				top: 5px;
				left: 5px;
				right: 5px;
				bottom: 5px;
				border-radius: 50%;
				border: 3px solid transparent;
				border-top-color: #fff;
				-webkit-animation: spin 3s linear infinite;
				animation: spin 3s linear infinite;
			}

			#industify-fn-loader .fn_loader:after {
				content: "";
				position: absolute;
				top: 15px;
				left: 15px;
				right: 15px;
				bottom: 15px;
				border-radius: 50%;
				border: 3px solid transparent;
				border-top-color: #B4975A;
				-webkit-animation: spin 1.5s linear infinite;
				animation: spin 1.5s linear infinite;
			}

		#industify-fn-loader .loader-section {
			position: fixed;
			top: 0;
			width: 51%;
			height: 100%;
			background: #222;
			z-index: 1000;
		}

			#industify-fn-loader .loader-section.section-left {
				left: 0;
			}

			#industify-fn-loader .loader-section.section-right {
				right: 0;
			}

	.preloader_loaded #industify-fn-loader .loader-section.section-left {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}

	.preloader_loaded #industify-fn-loader .loader-section.section-right {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}

	.preloader_loaded #industify-fn-loader .fn_loader {
		opacity: 0;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.preloader_loaded #industify-fn-loader {
		visibility: hidden;
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: all 0.3s 1s ease-out;
		transition: all 0.3s 1s ease-out;
	}

	@-webkit-keyframes spin {
		0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes spin {
		0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	/*------------------------------------------------------------------*/
	/*	23) FOOTER
/*------------------------------------------------------------------*/
	.industify_fn_footer {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		overflow: hidden;
	}

		.industify_fn_footer .footer_bottom {
			background-image: url('../img/WFooter2.png');
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			background-size: 100%;
			background-color: #63656A
		}

		.industify_fn_footer .footer_bottom_in {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 10px 100px 10px 0px;
		}

		.industify_fn_footer .bottom_widget {
			width: 100%;
			float: left;
			clear: both;
			margin-bottom: 13px;
		}

			.industify_fn_footer .bottom_widget .widget_nav_menu ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				margin-left: -30px;
			}

				.industify_fn_footer .bottom_widget .widget_nav_menu ul li {
					width: auto;
					float: left;
					padding-left: 30px;
					padding-right: 0px;
				}

					.industify_fn_footer .bottom_widget .widget_nav_menu ul li a {
						font-size: 16px;
						text-transform: uppercase;
					}

		.industify_fn_footer .footer_copyright {
			width: 100%;
			float: left;
			clear: both;
		}

			.industify_fn_footer .footer_copyright p {
				margin: 0px;
				padding: 0px;
				color: #999;
			}

			.industify_fn_footer .footer_copyright a {
				color: #ccc;
				text-decoration: none;
				font-weight: 600;
				border-bottom: 1px dotted transparent;
			}

				.industify_fn_footer .footer_copyright a:hover {
					border-bottom-color: inherit;
				}

		.industify_fn_footer .footer_widget {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			z-index: 2;
			padding: 83px 0px 49px 0px;
		}

			.industify_fn_footer .footer_widget .inner {
				width: 100%;
				float: left;
				clear: both;
				position: relative;
			}

		.industify_fn_footer .widget_area {
			list-style-type: none;
			margin: 0px;
		}

			.industify_fn_footer .widget_area > li {
				width: 24.3333%;
				float: left;
				padding-left: 10px;
				margin-bottom: 10px;
			}

			.industify_fn_footer .widget_area .logo {
				margin-bottom: 20px;
			}

		.industify_fn_footer .footer_widget .inner:after {
			position: absolute;
			content: '';
			height: 6px;
			background-color: rgba(255,255,255,.05);
			top: 100%;
			margin-top: 43px;
			right: 100%;
			left: -3000px;
		}

		.industify_fn_footer .footer_widget .inner:before {
			position: absolute;
			content: '';
			height: 6px;
			background-color: rgba(255,255,255,.05);
			top: 100%;
			margin-top: 43px;
			left: 0px;
			right: 6px;
			margin-right: 0;
		}

		.industify_fn_footer .widget_area:after {
			content: '';
			position: absolute;
			right: 0px;
			top: 100%;
			margin-top: 43px;
			border-top: 6px solid transparent;
			border-left: 6px solid rgba(255,255,255,.05);
		}

		.industify_fn_footer .top_footer {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

			.industify_fn_footer .top_footer:after {
				position: absolute;
				left: 0px;
				top: 0px;
				right: 0px;
				bottom: 0px;
				background-color: rgba(8,18,37,1);
				opacity: .9;
				content: '';
			}

		.industify_fn_footer .top_footer_img {
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			z-index: -1;
		}

		.industify_fn_footer .subscribe_f {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 40px 0px;
			z-index: 2;
		}

			.industify_fn_footer .subscribe_f:after {
				bottom: 0px;
				left: 0px;
				right: 0px;
				height: 1px;
				background-color: rgba(255,255,255,.1);
				position: absolute;
				content: '';
			}

		.industify_fn_footer .subscribe_in {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

			.industify_fn_footer .subscribe_in .s_left {
				padding-right: 50px;
				position: relative;
				display: flex;
				flex-direction: row;
				align-items: center;
			}

				.industify_fn_footer .subscribe_in .s_left .fn__svg {
					width: 50px;
					height: 50px;
					min-width: 50px;
					margin-right: 20px;
					fill: currentcolor;
					color: #656868;
				}

				.industify_fn_footer .subscribe_in .s_left p {
					margin: 0px;
					padding: 0px;
					color: #eee;
					font-size: 16px;
					font-weight: 300;
				}

			.industify_fn_footer .subscribe_in > div {
				width: 50%;
			}

		.industify_fn_footer .subscriber {
			width: 100%;
			display: flex;
			flex-direction: row;
		}

			.industify_fn_footer .subscriber input[type="email"]::-webkit-input-placeholder {
				color: #ccc;
			}

			.industify_fn_footer .subscriber input[type="email"]::-moz-placeholder {
				color: #ccc;
			}

			.industify_fn_footer .subscriber input[type="email"]:-ms-input-placeholder {
				color: #ccc;
			}

			.industify_fn_footer .subscriber input[type="email"]:-moz-placeholder {
				color: #ccc;
			}

			.industify_fn_footer .subscriber input[type="email"] {
				padding: 0 20px !important;
				height: 44px;
				line-height: 44px;
				border: none;
				border-radius: 3px 0 0 3px;
				background-color: rgba(245,245,245,0.05);
				border-style: solid;
				border-color: rgba(229,229,229,.2);
				border-width: 1px 0 1px 1px;
				width: 100%;
				outline: none;
				outline-color: transparent;
				color: #eee;
			}

				.industify_fn_footer .subscriber input[type="email"]:hover,
				.industify_fn_footer .subscriber input[type="email"]:focus {
					border-color: rgba(229,229,229,.5);
				}

			.industify_fn_footer .subscriber input[type="submit"] {
				background-color: #656868;
				height: 44px;
				padding: 0 20px;
				border: none;
				border-radius: 0 3px 3px 0;
				min-width: 150px;
				font-size: 14px;
				letter-spacing: .5px;
			}

				.industify_fn_footer .subscriber input[type="submit"]:hover {
					background-color: #B4975A;
				}

	@media(max-width: 768px) {
		.industify_fn_footer .subscriber input[type="email"],
		.industify_fn_footer .subscriber input[type="submit"] {
			min-width: inherit;
		}
	}

	.wid-title span {
		font-weight: bold;
		display: block;
		font-size: 20px;
		color: #eee;
		margin-bottom: 6px;
		position: relative;
		line-height: 1.5;
		font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important, sans-serif;
		letter-spacing: 0px;
	}

		.wid-title span:after {
			position: absolute;
			content: '';
			width: 50px;
			height: 1px;
			top: 100%;
			left: 0px;
			margin-top: 3px;
			background-color: #656868;
		}

	.industify_fn_widget_business_hours ul {
		list-style-type: none;
		margin: 0px;
	}

	.industify_fn_widget_business_hours span {
		line-height: 1.7;
		float: left;
		font-size: 14px;
		color: #ccc;
		letter-spacing: 0px;
		font-weight: 300;
	}

	.industify_fn_widget_business_hours li {
		float: left;
		clear: both;
		width: 100%;
		margin: 0px;
		padding: 3px 0px;
		position: relative;
		border-bottom: 1px dashed #ccc;
	}

		.industify_fn_widget_business_hours li:last-child {
			border-bottom-color: transparent;
		}

	.industify_fn_widget_business_hours .hours {
		float: right;
		font-weight: 400;
		margin-left: 20px;
		color: #fff;
	}

	.widget_nav_menu ul {
		list-style-type: none;
		margin: 0px;
	}

		.widget_nav_menu ul li {
			width: 100%;
			float: left;
			margin: 0px;
			padding: 0px;
			padding-right: 10px;
		}

			.widget_nav_menu ul li a {
				display: block;
				font-size: 14px;
				text-decoration: none;
				letter-spacing: 0px;
				line-height: 2;
				color: #fff;
			}

				.widget_nav_menu ul li a:hover {
					color: #eee;
				}

	.textwidget p {
		margin: 0px;
		padding: 0px;
		line-height: 1.7;
		letter-spacing: 0px;
		color: #ccc;
		font-weight: 300;
	}

	@media(max-width: 480px) {
		.widget_nav_menu ul li {
			width: 100%;
		}

		.industify_fn_footer .footer_bottom_in {
			padding-right: 0;
		}

		.industify_fn_totop {
			display: none !important;
		}
	}
	/*------------------------------------------------------------------*/
	/*	23.1 TOTOP
/*------------------------------------------------------------------*/
	.industify_fn_totop {
		position: absolute;
		width: 51px;
		height: 51px;
		top: 50%;
		margin-top: -25px;
		right: 0px;
		z-index: 25;
		overflow: hidden;
		display: block;
		text-align: center;
		cursor: pointer;
		color: #eee;
		transition: all .5s ease;
	}

		.industify_fn_totop .top {
			display: block;
			width: 29px;
			height: 29px;
			background-color: #656868;
			position: absolute;
			left: 11px;
			top: 0px;
			border-radius: 2px;
		}

		.industify_fn_totop .text {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 35px;
			text-transform: uppercase;
			font-size: 10px;
			line-height: 1;
			color: #999;
			letter-spacing: 0px;
			font-weight: 700;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			transition: all .3s ease;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		}

		.industify_fn_totop .top:after {
			content: '';
			width: 0px;
			position: absolute;
			display: block;
			border: 5px solid transparent;
			border-bottom-color: #fff;
			left: 10px;
			bottom: 12px;
		}

		.industify_fn_totop:hover .text {
			color: #fff;
		}

	.industify_fn_footer[data-b-widget="disable"][data-copy="disable"] .industify_fn_totop {
		top: auto;
		margin-top: auto;
		bottom: 0px;
		right: 0px;
		position: fixed;
		opacity: 0;
		visibility: hidden;
	}

	.industify_fn_footer[data-b-widget="disable"][data-copy="disable"] .footer_bottom_in {
		padding: 0px;
	}

	.industify_fn_footer[data-b-widget="disable"][data-copy="disable"] .industify_fn_totop.scrolled {
		opacity: 1;
		visibility: visible;
		bottom: 15px;
	}

	@media(max-width:1200px) {
		.industify_fn_footer .subscribe_in {
			flex-direction: column;
			align-items: flex-start;
		}

			.industify_fn_footer .widget_area > li,
			.industify_fn_footer .subscribe_in > div {
				width: 100% !important;
			}

			.industify_fn_footer .subscribe_in .s_left {
				padding: 0;
				margin-bottom: 30px;
			}
	}

	@media(max-width: 1040px) {
		.industify_fn_header {
			display: none;
		}

		.industify_fn_mobilemenu_wrap {
			display: block;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #1 SLIDER ALPHA
/*------------------------------------------------------------------*/
	.industify_slider_alpha {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		overflow: hidden;
	}

		.industify_slider_alpha .owl_control > div {
			width: 60px;
			height: 60px;
			position: absolute;
			top: 50%;
			z-index: 3;
			cursor: pointer;
			border-radius: 50%;
			background-color: #B4975A;
		}

			.industify_slider_alpha .owl_control > div > span {
				position: relative;
				width: 100%;
				height: 100%;
				display: block;
			}

		.industify_slider_alpha .owl_control .a {
			width: 9px;
			height: 2px;
			position: absolute;
			left: 25px;
			top: 27px;
			background-color: #fff;
			transform: rotate(135deg);
			display: block;
		}

		.industify_slider_alpha .owl_control .b {
			width: 9px;
			height: 2px;
			position: absolute;
			left: 25px;
			top: 32px;
			background-color: #fff;
			transform: rotate(45deg);
			display: block;
		}

		.industify_slider_alpha[data-nav-types="square"] .owl_control > div {
			border-radius: 0px;
		}

		.industify_slider_alpha[data-nav-types="rounded"] .owl_control > div {
			border-radius: 5px;
		}

		.industify_slider_alpha .owl_control .fn_next > span {
			transform: rotate(180deg);
		}

		.industify_slider_alpha .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			height: 100vh;
			min-height: 590px;
			overflow: hidden;
		}

		.industify_slider_alpha .img_holder {
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			background-color: #333;
			z-index: 1;
		}

		.industify_slider_alpha .title_holder {
			position: absolute;
			top: 50%;
			margin-top: -235px;
			width: 480px;
			height: 470px;
			left: 0px;
			z-index: 4;
			background-color: rgba(255, 255, 255, 0.6);
			padding: 40px;
		}

			.industify_slider_alpha .title_holder .inner {
				display: table;
				width: 100%;
				height: 100%;
			}

			.industify_slider_alpha .title_holder .in {
				display: table-cell;
				vertical-align: middle;
				overflow: hidden;
			}

		.industify_slider_alpha .owl_control .fn_prev {
			left: 378px;
			margin-top: 205px;
		}

		.industify_slider_alpha .owl_control .fn_next {
			right: auto;
			left: 440px;
			margin-top: 205px;
		}

		.industify_slider_alpha .title_holder p {
			display: none;
			text-transform: uppercase;
			font-weight: 400;
			font-size: 15px;
			letter-spacing: 1px;
			color: #000;
			line-height: 1.5;
			margin: 0;
			padding: 0;
			margin-bottom: 16px;
		}

			.industify_slider_alpha .title_holder p a {
				color: inherit;
				text-decoration: none;
				transition: all .3s ease;
				border-bottom: 1px solid transparent;
			}

				.industify_slider_alpha .title_holder p a:hover {
					border-bottom-color: #fff;
				}

		.industify_slider_alpha .title_holder h3 {
			margin: 0;
			padding: 0;
			font-size: 36px;
			letter-spacing: 0px;
			line-height: 1.2;
			font-weight: 400;
			margin-bottom: 34px;
			color: #333333;
		}

			.industify_slider_alpha .title_holder h3 a {
				color: #eee;
				text-decoration: none;
				transition: all .3s ease;
			}

				.industify_slider_alpha .title_holder h3 a:hover {
					color: #333333;
				}

		.industify_slider_alpha[data-category-show="yes"] .title_holder p {
			display: block;
		}

		.industify_slider_alpha[data-link-types="none"] .title_holder .simple_read_more {
			display: none;
		}

		.industify_slider_alpha[data-link-types="none"] .title_holder .read_more {
			display: none;
		}

		.industify_slider_alpha[data-link-types="static"] .title_holder .simple_read_more {
			width: auto;
			border-radius: 4px;
			padding-right: 20px;
			padding-left: 11px;
		}

			.industify_slider_alpha[data-link-types="static"] .title_holder .simple_read_more span {
				opacity: 1;
			}

			.industify_slider_alpha[data-link-types="static"] .title_holder .simple_read_more i {
				right: 0;
				left: auto;
			}

		.industify_slider_alpha[data-link-types="static"] .title_holder > span {
			height: 24px;
		}

		.industify_slider_alpha[data-progress="disabled"] .swiper-pagination {
			display: none !important;
		}

		.industify_slider_alpha .title_holder .desc {
			display: none;
			color: #333333;
			margin: 0;
			padding: 0;
			font-size: 14px;
		}

		.industify_slider_alpha[data-desc-show="yes"] .title_holder .desc {
			display: block;
		}

		.industify_slider_alpha[data-box-pos="tl"] .title_holder {
			top: 0px;
			margin-top: 0px;
		}

		.industify_slider_alpha[data-box-pos="tl"] .owl_control > div {
			top: 0;
			margin-top: 440px;
		}

		.industify_slider_alpha[data-box-pos="tm"] .title_holder {
			top: 0px;
			margin-top: 0px;
			left: 50%;
			margin-left: -240px;
		}

		.industify_slider_alpha[data-box-pos="tm"] .owl_control > div {
			top: 0;
			margin-top: 440px;
			left: 50%;
			margin-left: -62px;
		}

		.industify_slider_alpha[data-box-pos="tm"] .owl_control > .fn_next {
			margin-left: 2px;
		}

		.industify_slider_alpha[data-box-pos="tr"] .title_holder {
			top: 0px;
			margin-top: 0px;
			left: auto;
			right: 0;
		}

		.industify_slider_alpha[data-box-pos="tr"] .owl_control > div {
			top: 0;
			margin-top: 440px;
			left: auto;
			margin-left: 0;
			right: 440px;
		}

		.industify_slider_alpha[data-box-pos="tr"] .owl_control > .fn_next {
			right: 378px;
		}

		.industify_slider_alpha[data-box-pos="cm"] .title_holder {
			left: 50%;
			margin-left: -240px;
		}

		.industify_slider_alpha[data-box-pos="cm"] .owl_control > div {
			left: 50%;
			margin-left: -62px;
		}

		.industify_slider_alpha[data-box-pos="cm"] .owl_control > .fn_next {
			margin-left: 2px;
		}

		.industify_slider_alpha[data-box-pos="cr"] .title_holder {
			left: auto;
			right: 0;
		}

		.industify_slider_alpha[data-box-pos="cr"] .owl_control > div {
			left: auto;
			margin-left: 0;
			right: 440px;
		}

		.industify_slider_alpha[data-box-pos="cr"] .owl_control > .fn_next {
			right: 378px;
		}

		.industify_slider_alpha[data-box-pos="bl"] .title_holder {
			top: auto;
			margin-top: 0px;
			bottom: 0;
		}

		.industify_slider_alpha[data-box-pos="bl"] .owl_control > div {
			top: auto;
			margin-top: auto;
			bottom: 0;
			margin-bottom: 440px;
		}

		.industify_slider_alpha[data-box-pos="bm"] .title_holder {
			left: 50%;
			margin-left: -240px;
			bottom: 0;
			top: auto;
			margin-top: auto;
		}

		.industify_slider_alpha[data-box-pos="bm"] .owl_control > div {
			left: 50%;
			margin-left: -62px;
			bottom: 440px;
			top: auto;
			margin-top: auto;
		}

		.industify_slider_alpha[data-box-pos="bm"] .owl_control > .fn_next {
			margin-left: 2px;
		}

		.industify_slider_alpha[data-box-pos="br"] .title_holder {
			left: auto;
			right: 0;
			bottom: 0;
			top: auto;
			margin-top: auto;
		}

		.industify_slider_alpha[data-box-pos="br"] .owl_control > div {
			left: auto;
			margin-left: 0;
			right: 440px;
			bottom: 440px;
			top: auto;
			margin-top: auto;
		}

		.industify_slider_alpha[data-box-pos="br"] .owl_control > .fn_next {
			right: 378px;
		}

		.industify_slider_alpha[data-text-effect="enabled"] .title_holder .in > * {
			overflow: hidden;
			display: block;
			position: relative;
		}

			.industify_slider_alpha[data-text-effect="enabled"] .title_holder .in > * > span {
				display: block;
				position: relative;
				transform: translateY(100%);
				-webkit-transition: all 1000ms cubic-bezier(0.155, 0.930, 0.430, 0.990);
				-moz-transition: all 1000ms cubic-bezier(0.155, 0.930, 0.430, 0.990);
				-o-transition: all 1000ms cubic-bezier(0.155, 0.930, 0.430, 0.990);
				transition: all 1000ms cubic-bezier(0.155, 0.930, 0.430, 0.990);
				-webkit-transition-timing-function: cubic-bezier(0.155, 0.930, 0.430, 0.990);
				-moz-transition-timing-function: cubic-bezier(0.155, 0.930, 0.430, 0.990);
				-o-transition-timing-function: cubic-bezier(0.155, 0.930, 0.430, 0.990);
				transition-timing-function: cubic-bezier(0.155, 0.930, 0.430, 0.990);
			}

		.industify_slider_alpha[data-text-effect="enabled"] .swiper-slide-active .title_holder .in > *:nth-child(1) > span {
			transform: translateY(0);
			transition-delay: 500ms;
		}

		.industify_slider_alpha[data-text-effect="enabled"] .swiper-slide-active .title_holder .in > *:nth-child(2) > span {
			transform: translateY(0);
			transition-delay: 600ms;
		}

		.industify_slider_alpha[data-text-effect="enabled"] .swiper-slide-active .title_holder .in > *:nth-child(3) > span {
			transform: translateY(0);
			transition-delay: 700ms;
		}

		.industify_slider_alpha[data-img-effect="enabled"] .swiper-slide .img_holder {
			transition: all 2s ease;
		}

		.industify_slider_alpha[data-img-effect="enabled"] .swiper-slide-active .img_holder {
			transform: scale(1.1);
		}

	@media (max-width: 768px) {
		.industify_slider_alpha .owl_control {
			display: none;
		}

		.industify_slider_alpha .title_holder .in,
		.industify_slider_alpha .title_holder .inner {
			display: block;
		}

		.industify_slider_alpha .title_holder {
			width: auto;
			padding: 10px 20px;
			top: auto;
			right: 60px;
			left: 60px;
			margin-top: auto;
			bottom: 60px;
			text-align: center;
			height: 60px;
		}

			.industify_slider_alpha .title_holder p {
				display: none !important;
			}

			.industify_slider_alpha .title_holder h3 {
				margin: 0px;
				font-size: 24px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				line-height: 40px;
			}

			.industify_slider_alpha .title_holder .desc {
				display: none !important;
			}

			.industify_slider_alpha .title_holder .in > span {
				display: none;
			}

		.industify_slider_alpha .owl_control .fn_prev {
			left: 0px;
			margin-top: auto;
			bottom: 0px;
		}

		.industify_slider_alpha .owl_control .fn_next {
			left: auto;
			margin-top: auto;
			right: 0px;
			bottom: 0px;
		}

		.industify_slider_alpha .owl_control > div {
			border-radius: 0px;
		}
	}

	@media (max-width:480px) {
		.industify_slider_alpha .title_holder {
			left: 0px;
			right: 0px;
			bottom: 60px;
		}

		.industify_slider_alpha .owl_control > div {
			width: 50%;
		}

		.industify_slider_alpha .owl_control .fn_prev {
			border-right: 1px solid rgba(255,255,255,.3);
		}

		.industify_slider_alpha .owl_control .fn_next {
			border-left: 1px solid rgba(255,255,255,.3);
		}

		.industify_slider_alpha .owl_control .a,
		.industify_slider_alpha .owl_control .b {
			left: 50%;
			margin-left: -10px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #2 PRINCIPLES MODERN
/*------------------------------------------------------------------*/
	.fn_cs_principles_modern {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding-top: 30px;
		margin-top: -30px;
		z-index: 3;
		overflow: hidden;
	}

		.fn_cs_principles_modern:after {
			position: absolute;
			top: 30px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			content: '';
			z-index: -1;
		}

		.fn_cs_principles_modern .inner {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 30px 0px;
		}

			.fn_cs_principles_modern .inner:after {
				position: absolute;
				top: 0px;
				bottom: 0px;
				right: 100%;
				width: 100px;
				content: '';
			}

			.fn_cs_principles_modern .inner:before {
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 100%;
				width: 100px;
				content: '';
			}

		.fn_cs_principles_modern .shape1 {
			position: absolute;
			left: 0px;
			bottom: 100%;
			border-right: 20px solid rgba(49,99,151,0.4);
			border-top: 30px solid transparent;
		}

		.fn_cs_principles_modern .shape2 {
			position: absolute;
			left: 20px;
			bottom: 100%;
			border-left: 1150px solid rgba(49,99,151,0.4);
			border-top: 30px solid transparent;
		}

		.fn_cs_principles_modern ul {
			list-style-type: none;
			margin: 0;
			margin-left: -30px;
			display: flex;
			flex-wrap: wrap;
		}

			.fn_cs_principles_modern ul li {
				width: 33.3333%;
				float: left;
				padding-left: 30px;
				margin: 30px 0;
			}

		.fn_cs_principles_modern .item {
			width: 100%;
			float: left;
			clear: both;
			height: 100%;
			position: relative;
			border: 10px solid #eee;
			padding: 105px 50px 95px 50px;
		}

			.fn_cs_principles_modern .item .number_holder {
				position: absolute;
				width: 70px;
				height: 80px;
				left: 50px;
				top: -10px;
				font-size: 36px;
				letter-spacing: 0px;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #B4975A;
				color: #eee;
				border-bottom-left-radius: 5px;
			}

				.fn_cs_principles_modern .item .number_holder:after {
					border-top: 70px solid rgba(210,78,26,0.4);
					content: '';
					position: absolute;
					left: 100%;
					top: 10px;
					border-right: 20px solid transparent;
					transition: all .3s ease;
				}

			.fn_cs_principles_modern .item .icon {
				position: absolute;
				display: block;
				width: 15px;
				height: 15px;
				bottom: 48px;
				left: 50px;
				color: #eee;
				transition: all .3s ease;
			}

			.fn_cs_principles_modern .item a {
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				right: 0px;
				bottom: 0px;
				z-index: 10;
				text-decoration: none;
			}

			.fn_cs_principles_modern .item:hover .icon {
				color: #B4975A;
			}

			.fn_cs_principles_modern .item .icon svg,
			.fn_cs_principles_modern .item .icon img {
				width: 15px;
				height: 15px;
				bottom: 0px;
				left: 0px;
				position: absolute;
			}

			.fn_cs_principles_modern .item:hover .number_holder:after {
				border-right-width: 30px;
			}

			.fn_cs_principles_modern .item h3 {
				margin: 0;
				padding: 0;
				font-size: 24px;
				margin-bottom: 18px;
				color: #eee;
			}

			.fn_cs_principles_modern .item p {
				margin: 0;
				padding: 0;
				color: #eee;
			}

		.fn_cs_principles_modern .inner,
		.fn_cs_principles_modern .inner:before,
		.fn_cs_principles_modern .inner:after {
			background-color: #0e141f;
		}

		.fn_cs_principles_modern:after {
			background-color: #111724;
		}

	@media(max-width: 1200px) {
		.fn_cs_principles_modern ul li {
			width: 50%;
		}

			.fn_cs_principles_modern ul li:nth-of-type(3n+1) {
				width: 100%;
			}
	}

	@media(max-width: 768px) {
		.fn_cs_principles_modern ul li {
			width: 100% !important;
		}
	}

	@media(max-width: 480px) {
		.fn_cs_principles_modern .item {
			padding: 95px 30px 75px 30px;
		}

			.fn_cs_principles_modern .item .number_holder {
				left: 30px;
				height: 70px;
			}

				.fn_cs_principles_modern .item .number_holder:after {
					border-top-width: 60px;
				}

			.fn_cs_principles_modern .item .icon {
				left: 30px;
				bottom: 38px;
			}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #3 About
/*------------------------------------------------------------------*/
	.about_section {
		width: 100%;
		float: left;
		clear: both;
		padding: 50px 0;
	}

	.fn_cs_about {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_about .a_inner {
			width: 100%;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_about .r_inner {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding-bottom: 80px;
		}

		.fn_cs_about .leftpart {
			width: 400px;
			min-width: 400px;
			padding-top: 40px;
		}

		.fn_cs_about .rightpart {
			width: 100%;
			margin-left: 50px;
		}

		.fn_cs_about .border {
			position: relative;
			top: 0px;
			right: 80px;
			left: auto !important;
			float: right;
		}

			.fn_cs_about .border .span1:after {
				position: absolute;
				content: '';
				height: 10px;
				left: 0px;
				top: 0px;
				right: 0px;
				background-color: #B4975A;
				z-index: 1;
			}

			.fn_cs_about .border .span1:before {
				position: absolute;
				content: '';
				height: 10px;
				left: 0px;
				bottom: 0px;
				right: 0px;
				background-color: #B4975A;
				z-index: 1;
			}

			.fn_cs_about .border .span2:after {
				position: absolute;
				content: '';
				width: 10px;
				left: 0px;
				top: 10px;
				bottom: 10px;
				background-color: #B4975A;
				z-index: 1;
			}

			.fn_cs_about .border .span2:before {
				position: absolute;
				content: '';
				width: 10px;
				right: 0px;
				top: 10px;
				bottom: 10px;
				background-color: #B4975A;
				z-index: 1;
			}

		.fn_cs_about .rightpart img {
			opacity: 0;
			position: relative;
			z-index: -1;
		}

		.fn_cs_about .img_holder {
			position: absolute;
			z-index: 2;
			right: 40px;
			left: 20px;
			top: 40px !important;
			box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
		}

		.fn_cs_about .abs_img {
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.fn_cs_about .dots {
			position: absolute;
			top: 80px !important;
			right: 0px;
			left: auto !important;
			background-repeat: repeat;
		}

			.fn_cs_about .dots[data-switch="enable"] {
				background-repeat: repeat;
			}

				.fn_cs_about .dots[data-switch="enable"]:after {
					display: none;
					content: none;
				}

			.fn_cs_about .dots:after {
				content: '';
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				right: 0px;
				bottom: 0px;
				background-image: url(../img/about/bg-repeater.png);
				background-repeat: repeat;
			}

		.fn_cs_about .leftpart h3.title {
			margin: 0px;
			padding: 0px;
			font-size: 60px;
			line-height: 1;
			letter-spacing: 0px;
			color: #041230;
			font-weight: 300;
			padding-bottom: 14px;
			position: relative;
			margin-bottom: 32px;
		}

			.fn_cs_about .leftpart h3.title span {
				font-weight: 500;
			}

			.fn_cs_about .leftpart h3.title:after {
				content: '';
				position: absolute;
				bottom: -9px;
				left: 0px;
				width: 100px;
				height: 3px;
				background-color: #B4975A;
			}

		.fn_cs_about .leftpart .title_holder p {
			margin: 0;
			padding: 0;
			margin-bottom: 26px;
		}

			.fn_cs_about .leftpart .title_holder p:last-child {
				margin-bottom: 43px;
			}

		.fn_cs_about .leftpart h3.name {
			margin: 0;
			padding: 0;
			font-size: 18px;
			letter-spacing: 0px;
			font-weight: 400;
			color: #041230;
			margin-bottom: 2px;
		}

		.fn_cs_about .leftpart .occ {
			margin: 0px;
			padding: 0px;
			letter-spacing: 0px;
			font-size: 14px;
		}

		.fn_cs_about .leftpart img {
			margin-bottom: 26px;
		}

	@media(max-width: 1600px) {
		.fn_cs_about .rightpart img {
			max-width: 400px;
		}
	}

	@media(max-width: 1200px) {
		.fn_cs_about .leftpart {
			padding-top: 0px;
		}

		.fn_cs_about .leftpart {
			width: 100%;
			min-width: 100%;
			margin-bottom: 50px;
		}

		.fn_cs_about .rightpart {
			margin-left: 0px;
			width: 100% !important;
		}

		.fn_cs_about .a_inner {
			flex-direction: column;
		}

		.fn_cs_about .rightpart img {
			max-width: 100%;
		}

		.fn_cs_about .border {
			right: auto;
			left: 0px !important;
			float: left;
		}

		.fn_cs_about .img_holder {
			left: 40px !important;
			right: auto !important;
		}

		.fn_cs_about .dots {
			left: 80px !important;
			right: auto;
		}
	}

	@media(max-width: 1200px) {
		.fn_cs_about .leftpart h3.title {
			font-size: 36px;
		}
	}

	@media(max-width: 768px) {
		.fn_cs_about .rightpart img {
			max-width: 300px;
		}
	}

	@media(max-width: 480px) {
		.fn_cs_about .rightpart img {
			max-width: 220px;
		}

		.fn_cs_about .img_holder {
			left: 20px !important;
			top: 20px !important;
		}

		.fn_cs_about .dots {
			left: 40px !important;
			top: 40px !important;
			height: 212px !important
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #4 SERVICE QUERY
/*------------------------------------------------------------------*/
	.fn_cs_service_query {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_service_query .full_link {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 555;
			outline: none;
		}

		.fn_cs_service_query .top_bar {
			width: 100%;
			float: left;
			clear: both;
			padding: 55px 50px;
			background-color: #eee;
		}

		.fn_cs_service_query .t_inner {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			position: relative;
			padding-right: 100px;
		}

			.fn_cs_service_query .t_inner h3 {
				margin: 0;
				padding: 0;
				letter-spacing: 0;
				font-weight: bold;
				font-size: 70px;
				color: #B4975A;
				line-height: 40px;
				letter-spacing: 2px;
				text-transform: uppercase;
			}

			.fn_cs_service_query .t_inner span {
				position: relative;
				font-size: 16px;
				color: #656868;
				letter-spacing: 0px;
				margin-left: 62px;
				min-height: 40px;
				display: flex;
				align-items: center;
			}

				.fn_cs_service_query .t_inner span:after {
					top: 0px;
					right: 100%;
					margin-right: 30px;
					width: 2px;
					bottom: 0px;
					background-color: rgba(255,255,255,.1);
					position: absolute;
					content: '';
				}

		.fn_cs_service_query .service_part {
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_service_query .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

			.fn_cs_service_query .item:after {
				content: '';
				position: absolute;
				z-index: 55;
				right: 0px;
				width: 2px;
				top: 0px;
				bottom: 0px;
				background-color: #111724;
				display: block;
			}

			.fn_cs_service_query .item .img_holder {
				position: relative;
				z-index: 5;
			}

				.fn_cs_service_query .item .img_holder img {
					position: relative;
					z-index: -5;
					opacity: 0;
				}

			.fn_cs_service_query .item .abs_img {
				position: absolute;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			}

			.fn_cs_service_query .item .title {
				top: 0px;
				left: 0px;
				right: 0px;
				position: absolute;
				z-index: 10;
				padding: 45px 50px 100px 50px;
				background: rgba(0,0,0,0.6); /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
				background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0)); /* Standard syntax */
			}

				.fn_cs_service_query .item .title h3 {
					margin: 0;
					padding: 0;
					font-size: 30px;
					line-height: 1.1;
					max-width: 220px;
					color: #eee;
				}

			.fn_cs_service_query .item:hover .title h3 {
				color: #fff;
			}

			.fn_cs_service_query .item .view_more {
				position: absolute;
				z-index: 15;
				bottom: 0px;
				left: 0px;
				right: 0px;
				padding: 100px 50px 50px 50px;
				background: rgba(0,0,0,0.6); /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); /* For Firefox 3.6 to 15 */
				background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); /* Standard syntax */
			}

				.fn_cs_service_query .item .view_more .more_link {
					display: inline-block;
					position: relative;
					text-decoration: none;
					border: 1px solid #eee;
					border-radius: 100px;
					padding: 0px 47px 0px 20px;
					line-height: 38px;
					color: #eee;
					text-transform: uppercase;
					font-size: 14px;
					letter-spacing: 0.5px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.fn_cs_service_query .item .view_more .fn__svg {
					position: absolute;
					right: 20px;
					top: 50%;
					margin-top: -7px;
					width: 15px;
					height: 15px;
					transition: right .3s ease;
				}

			.fn_cs_service_query .item:hover .view_more .fn__svg {
				right: 15px;
			}

			.fn_cs_service_query .item:hover .view_more .more_link {
				color: #fff;
				border-color: #fff;
			}

			.fn_cs_service_query .item .img_holder:after {
				position: absolute;
				z-index: 10;
				content: '';
				left: 0px;
				top: 0px;
				right: 100%;
				bottom: 0px;
				background-color: rgba(0,0,0,0.6);
				transition: all .5s cubic-bezier(0.040, 0.630, 0.000, 0.965);
			}

			.fn_cs_service_query .item:hover .img_holder:after {
				right: 0px;
			}

		.fn_cs_service_query .owl_control {
			position: absolute;
			right: 0px;
			top: 5px;
		}

			.fn_cs_service_query .owl_control div {
				width: 30px;
				height: 30px;
				border-radius: 2px;
				background-color: #B4975A;
				position: absolute;
				right: 0px;
				cursor: pointer;
			}

				.fn_cs_service_query .owl_control div:after {
					content: '';
					position: absolute;
					top: 11px;
					left: 13px;
					border: 5px solid transparent;
					border-left-color: #fff;
				}

			.fn_cs_service_query .owl_control .fn_prev:after {
				border-left-color: transparent;
				border-right-color: #fff;
				left: auto;
				right: 13px;
			}

			.fn_cs_service_query .owl_control .fn_prev {
				right: 35px;
			}

	@media(max-width: 1200px) {
		.fn_cs_service_query .item .title {
			padding: 25px 30px 70px 30px;
		}

		.fn_cs_service_query .top_bar {
			padding: 55px 30px;
		}

		.fn_cs_service_query .item .view_more {
			padding: 30px;
		}
	}

	@media(max-width: 1040px) {
		.fn_cs_service_query .t_inner {
			flex-direction: column;
			padding-right: 0px;
			padding-bottom: 25px;
		}

			.fn_cs_service_query .t_inner span {
				margin-left: 0px;
			}

				.fn_cs_service_query .t_inner span:after {
					width: 100px;
					height: 3px;
					top: auto;
					left: 0px;
					margin-right: 0px;
					bottom: 100%;
					margin-bottom: 24px;
				}

			.fn_cs_service_query .t_inner h3 {
				margin-bottom: 39px;
			}

		.fn_cs_service_query .owl_control {
			top: auto;
			left: 0px;
			right: auto;
			bottom: 0px;
		}

			.fn_cs_service_query .owl_control div {
				right: auto;
			}

			.fn_cs_service_query .owl_control .fn_prev {
				left: 0px;
			}

			.fn_cs_service_query .owl_control .fn_next {
				left: 35px;
			}

		.fn_cs_service_query .top_bar {
			padding-bottom: 85px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #5 ABOUT with RATING
/*------------------------------------------------------------------*/
	.service_section {
		width: 100%;
		float: left;
		clear: both;
		padding: 150px 0;
	}

	.fn_cs_about_with_rating {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_about_with_rating .awr_inner {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_about_with_rating .signature {
			max-width: 270px;
			padding: 22px 20px 22px 105px;
			border: 2px solid #eee;
			position: relative;
		}

			.fn_cs_about_with_rating .signature p {
				margin: 0;
				padding: 0;
				color: #707070;
				line-height: 1.2;
				letter-spacing: 0;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				font-size: 18px;
				font-weight: 400;
			}

			.fn_cs_about_with_rating .signature .fn__svg {
				width: 60px;
				height: 60px;
				position: absolute;
				top: 50%;
				margin-top: -30px;
				left: 20px;
				color: #666;
			}

		.fn_cs_about_with_rating .title_holder {
			width: 400px;
			min-width: 400px;
			padding-top: 32px;
		}

			.fn_cs_about_with_rating .title_holder h3 {
				margin: 0px;
				padding: 0px;
				font-size: 60px;
				line-height: 1;
				letter-spacing: 0px;
				font-weight: 300;
				padding-bottom: 14px;
				position: relative;
				margin-bottom: 32px;
				left: -3px;
			}

				.fn_cs_about_with_rating .title_holder h3:after {
					content: '';
					position: absolute;
					bottom: -9px;
					left: 3px;
					width: 100px;
					height: 3px;
					background-color: #B4975A;
				}

			.fn_cs_about_with_rating .title_holder p {
				margin: 0;
				padding: 0;
				margin-bottom: 26px;
			}

				.fn_cs_about_with_rating .title_holder p:last-child {
					margin-bottom: 33px;
				}

		.fn_cs_about_with_rating .right_part {
			width: 100%;
			float: right;
			clear: both;
			position: relative;
			padding-left: 23%;
			margin-left: auto;
		}

		.fn_cs_about_with_rating .r_inner {
			width: 100%;
			float: left;
			clear: both;
			box-shadow: 0px 0px 20px rgba(0,0,0,0.07);
		}

		.fn_cs_about_with_rating .top_section {
			width: 100%;
			float: left;
			clear: both;
			padding: 50px;
			background-color: #fff;
			padding-bottom: 52px;
			border-bottom: 2px solid rgba(0,0,0,0.05);
			position: relative;
		}

		.fn_cs_about_with_rating .badge_holder {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			border: 10px solid #B4975A;
		}

		.fn_cs_about_with_rating .badge_left {
			width: 50%;
			float: left;
			position: relative;
			padding: 17px 20px 8px 20px;
		}

		.fn_cs_about_with_rating .badge_right {
			left: 50%;
			right: 0px;
			top: 0px;
			bottom: 0px;
			position: absolute;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}

		.fn_cs_about_with_rating .badge_left h3 {
			margin: 0;
			padding: 0;
			font-size: 18px;
			letter-spacing: 0;
		}

		.fn_cs_about_with_rating .badge_left .b_title {
			margin-bottom: 60px;
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_about_with_rating .badge_left .b_desc {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.fn_cs_about_with_rating .badge_left .year {
			font-size: 72px;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			line-height: 1;
			letter-spacing: -1px;
			color: #14141c;
			font-weight: 300;
			margin-right: 14px;
			min-width: fit-content;
			min-width: max-content;
			min-width: intrinsic;
			min-width: -moz-max-content;
			min-width: -webkit-max-content;
		}

		.fn_cs_about_with_rating .badge_left .text {
			font-size: 10px;
			font-weight: 500;
			letter-spacing: .5px;
			text-transform: uppercase;
			color: #B4975A;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		}

		.fn_cs_about_with_rating .rating_holder {
			position: absolute;
			right: 70px;
			top: 50px;
			width: 80px;
			padding: 6px 13px 11px 13px;
			text-align: center;
			background-color: #656868;
			color: #fff;
		}

		.fn_cs_about_with_rating .r_header {
			position: absolute;
			left: 0px;
			right: 0px;
			height: 10px;
			background-color: #656868;
			bottom: 100%;
		}

			.fn_cs_about_with_rating .r_header:after {
				border-top: 10px solid transparent;
				border-right: 5px solid #111623;
				content: '';
				position: absolute;
				right: 100%;
				top: 0px;
			}

			.fn_cs_about_with_rating .r_header:before {
				border-top: 10px solid transparent;
				border-left: 5px solid #111623;
				content: '';
				position: absolute;
				left: 100%;
				top: 0px;
			}

		.fn_cs_about_with_rating .r_footer:before {
			position: absolute;
			top: 100%;
			right: 0px;
			content: '';
			border-top: 15px solid #656868;
			border-left: 40px solid transparent;
		}

		.fn_cs_about_with_rating .r_footer:after {
			position: absolute;
			top: 100%;
			left: 0px;
			content: '';
			border-top: 15px solid #656868;
			border-right: 40px solid transparent;
		}

		.fn_cs_about_with_rating .rating_holder a {
			display: block;
			position: absolute;
			top: -10px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 22;
		}

		.fn_cs_about_with_rating .rating_holder svg,
		.fn_cs_about_with_rating .rating_holder img {
			width: 36px;
			height: 36px;
			position: relative;
			margin-top: -11px;
		}

		.fn_cs_about_with_rating h3.rating_number {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			letter-spacing: -0.25px;
			font-weight: 500;
			color: #fff;
			position: relative;
			margin-top: -7px;
			margin-bottom: 5px;
		}

		.fn_cs_about_with_rating h3.rating_text {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			line-height: 14px;
			text-transform: uppercase;
			letter-spacing: 0px;
			font-weight: 400;
			color: #fff;
		}

		.fn_cs_about_with_rating .bottom_section {
			width: 100%;
			float: left;
			clear: both;
			padding: 50px;
			background-color: #fff;
		}

			.fn_cs_about_with_rating .bottom_section .list {
				width: 100%;
				float: left;
				clear: both;
			}

			.fn_cs_about_with_rating .bottom_section .item {
				width: 100%;
				float: left;
				clear: both;
				position: relative;
				padding-left: 50px;
				min-height: 30px;
				display: flex;
				align-items: center;
			}

			.fn_cs_about_with_rating .bottom_section ul {
				list-style-type: none;
				margin: 0px;
			}

			.fn_cs_about_with_rating .bottom_section li {
				margin: 0px;
				margin-bottom: 20px;
				float: left;
				clear: both;
				width: 100%;
			}

				.fn_cs_about_with_rating .bottom_section li:last-child {
					margin-bottom: 0;
				}

			.fn_cs_about_with_rating .bottom_section .icon {
				position: absolute;
				top: 0px;
				left: 0px;
				display: block;
				width: 30px;
				height: 30px;
				border: 2px solid #B4975A;
				color: #B4975A;
			}

				.fn_cs_about_with_rating .bottom_section .icon img,
				.fn_cs_about_with_rating .bottom_section .icon svg {
					width: 14px;
					height: 14px;
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -7px 0px 0px -7px;
				}

			.fn_cs_about_with_rating .bottom_section p {
				margin: 0;
				padding: 0;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				font-size: 18px;
				color: #14141c;
			}

	@media(max-width: 1200px) {
		.fn_cs_about_with_rating .awr_inner {
			flex-direction: column;
		}

		.fn_cs_about_with_rating .left_part {
			width: 100%;
			/*min-width: 100%;*/
			/*margin-bottom: 50px;*/
			padding-top: 0px;
		}

		.fn_cs_about_with_rating .badge_left {
			min-height: 320px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.fn_cs_about_with_rating .right_part {
			width: 100%;
			padding-left: 0px;
		}

		.fn_cs_about_with_rating .left_part h3 {
			font-size: 36px;
		}

		.fn_cs_about_with_rating .top_section {
			padding: 40px;
			padding-bottom: 42px;
		}

		.fn_cs_about_with_rating .rating_holder {
			top: 40px;
			right: 60px;
		}

		.fn_cs_about_with_rating .bottom_section {
			padding: 40px;
		}
	}

	@media(max-width: 768px) {
		.fn_cs_about_with_rating .badge_left {
			min-height: inherit;
			width: 100%;
			padding-right: 100px;
		}

		.fn_cs_about_with_rating .badge_right {
			display: none;
		}

		.fn_cs_about_with_rating .top_section {
			padding: 20px;
			padding-bottom: 22px;
		}

		.fn_cs_about_with_rating .rating_holder {
			right: 40px;
			top: 20px;
		}

		.fn_cs_about_with_rating .bottom_section {
			padding: 30px 20px;
		}

			.fn_cs_about_with_rating .bottom_section p {
				font-size: 16px;
			}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #6 CALL TO ACTION
/*------------------------------------------------------------------*/
	.fn_cs_call_to_action,
	.fn_cs_call_to_action .cta_holder {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
	}

		.fn_cs_call_to_action.corner {
			border-radius: 5px;
			overflow: hidden;
			padding: 30px 10px;
		}

			.fn_cs_call_to_action.corner .title_holder h3 {
				font-size: 24px;
			}

			.fn_cs_call_to_action.corner .title_holder p {
				font-size: 14px;
			}

	.fn_cs_call_to_action {
		background-color: #0f0f16;
		padding: 50px 0px;
	}

		.fn_cs_call_to_action .cta_holder {
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.fn_cs_call_to_action .link_holder {
			min-width: fit-content;
			min-width: max-content;
			min-width: intrinsic;
			min-width: -moz-max-content;
			min-width: -webkit-max-content;
			margin-left: auto;
		}

			.fn_cs_call_to_action .link_holder a:hover {
				background-color: #B4975A;
				color: #fff;
			}

			.fn_cs_call_to_action .link_holder a {
				display: block;
				text-decoration: none;
				color: #041230;
				padding: 0px 25px;
				border-radius: 2px;
				font-family: "IBM Plex Sans Arabic", Sans-serif;
				font-size: 14px;
				font-weight: 500;
				text-transform: uppercase;
				line-height: 50px;
				letter-spacing: 0.5px;
				background-color: #fff;
			}

		.fn_cs_call_to_action .title_holder {
			margin-right: 50px;
		}

			.fn_cs_call_to_action .title_holder h3 {
				margin: 0;
				padding: 0;
				font-size: 30px;
				font-weight: 400;
				line-height: 1.1;
				letter-spacing: 0px;
				color: #eee;
				margin-bottom: 9px;
			}

			.fn_cs_call_to_action .title_holder p {
				margin: 0;
				padding: 0;
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
				letter-spacing: 0px;
				color: #999;
			}

	@media(max-width: 768px) {
		.fn_cs_call_to_action .title_holder h3 {
			font-size: 24px;
		}

		.fn_cs_call_to_action .cta_holder {
			display: block;
		}

		.fn_cs_call_to_action .title_holder {
			margin: 0px 0px 30px 0px;
		}

		.fn_cs_call_to_action .link_holder a {
			display: inline-block;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #7 Single Testimonial
/*------------------------------------------------------------------*/
	.testimonial_section {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding: 150px 0;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

		.testimonial_section .overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
			background-color: rgba(20,21,30,.9);
		}

	.fn_cs_single_testimonial {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		z-index: 2;
	}

		.fn_cs_single_testimonial .inner {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			border: 10px solid rgba(238,238,238,0.2);
			padding: 61px 150px;
		}

			.fn_cs_single_testimonial .inner svg,
			.fn_cs_single_testimonial .inner img {
				position: absolute;
				width: 60px;
				height: 60px;
				top: 60px;
				left: 60px;
				color: #B4975A;
			}

			.fn_cs_single_testimonial .inner p {
				margin: 0px;
				padding: 0px;
				font-size: 18px;
				line-height: 30px;
				letter-spacing: 0px;
				font-weight: 300;
				color: #eee;
				margin-bottom: 36px;
			}

			.fn_cs_single_testimonial .inner h3 {
				padding: 0px;
				margin: 0px;
				letter-spacing: 0px;
				font-weight: 300;
				font-size: 18px;
				margin-bottom: 6px;
				color: #eee;
			}

			.fn_cs_single_testimonial .inner h5 {
				padding: 0px;
				margin: 0px;
				font-weight: 400;
				color: #B4975A;
				font-size: 18px;
			}

	@media(max-width: 1200px) {
		.fn_cs_single_testimonial .inner {
			padding: 41px 80px 41px 100px;
		}

			.fn_cs_single_testimonial .inner svg, .fn_cs_single_testimonial .inner img {
				left: 40px;
				width: 40px;
				height: 40px;
				top: 40px;
			}
	}

	@media(max-width: 768px) {
		.fn_cs_single_testimonial .inner {
			padding: 30px;
		}

			.fn_cs_single_testimonial .inner svg, .fn_cs_single_testimonial .inner img {
				bottom: 23px;
				right: 30px;
				top: auto;
				left: auto;
			}

			.fn_cs_single_testimonial .inner h3,
			.fn_cs_single_testimonial .inner h5 {
				padding-right: 50px;
			}
	}

	@media(max-width: 480px) {
		.fn_cs_single_testimonial .inner {
			border-width: 5px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #8 PROJECT STICKY FULL
/*------------------------------------------------------------------*/
	.fn_cs_sticky_section {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		overflow: visible;
		top: 150px;
	}

		.fn_cs_sticky_section:after {
			clear: both;
			display: table;
			content: '';
		}

	.fn_cs_project_sticky_full {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_project_sticky_full .inner {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_project_sticky_full .left_part {
			width: 600px;
			min-width: 600px;
			padding: 143px 100px 150px 100px;
		}

		.fn_cs_project_sticky_full .right_part {
			width: 100%;
			float: left;
			clear: both;
			padding: 30px;
			background-color: #111724;
		}

		.fn_cs_project_sticky_full .left_part h3 {
			margin: 0px;
			padding: 0px;
			font-size: 60px;
			line-height: 1;
			letter-spacing: 0px;
			font-weight: 300;
			padding-bottom: 14px;
			position: relative;
			margin-bottom: 32px;
			left: -3px;
		}

			.fn_cs_project_sticky_full .left_part h3:after {
				content: '';
				position: absolute;
				bottom: -9px;
				left: 3px;
				width: 100px;
				height: 3px;
				background-color: #B4975A;
			}

		.fn_cs_project_sticky_full .left_part p {
			margin: 0;
			padding: 0;
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 33px;
			color: #666;
		}

			.fn_cs_project_sticky_full .left_part p span {
				display: block;
				margin-bottom: 26px;
			}

				.fn_cs_project_sticky_full .left_part p span:last-child {
					margin-bottom: 0px;
				}

		.fn_cs_project_sticky_full .left_part a {
			display: block;
			line-height: 1;
			padding: 20px 28px 17px 28px;
			border-radius: 2px;
			text-decoration: none;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			font-weight: 500;
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: .5px;
			color: #fff;
			background-color: #B4975A;
			max-width: fit-content;
			max-width: max-content;
			max-width: intrinsic;
			max-width: -moz-max-content;
			max-width: -webkit-max-content;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

			.fn_cs_project_sticky_full .left_part a:hover {
				background-color: #B4975A;
			}

		.fn_cs_project_sticky_full .right_part ul {
			margin: 0px;
			list-style-type: none;
			float: left;
			width: 100%;
		}

		.fn_cs_project_sticky_full .right_part li {
			width: 100%;
			float: left;
			clear: both;
			margin: 0px;
			margin-bottom: 30px;
		}

			.fn_cs_project_sticky_full .right_part li:last-child {
				margin-bottom: 0px;
			}

		.fn_cs_project_sticky_full .right_part .item {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_project_sticky_full .right_part .img_holder {
			width: 55%;
			min-width: 55%;
			float: left;
			position: relative;
		}

			.fn_cs_project_sticky_full .right_part .img_holder img {
				position: relative;
				z-index: 3;
				opacity: 0;
			}

			.fn_cs_project_sticky_full .right_part .img_holder a {
				position: absolute;
				z-index: 6;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}

		.fn_cs_project_sticky_full .right_part .abs_img {
			position: absolute;
			z-index: 6;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.fn_cs_project_sticky_full .right_part .title_holder {
			width: 45%;
			float: right;
			background-color: #181e2b;
			border: 1px solid rgba(255,255,255,.03);
			border-left-width: 0px;
			padding: 62px 70px 31px 70px;
			display: flex;
			flex-direction: column;
		}

			.fn_cs_project_sticky_full .right_part .title_holder h3 {
				margin: 0;
				padding: 0;
				letter-spacing: 0px;
				font-size: 30px;
				line-height: 1.2;
				margin-bottom: 36px;
			}

				.fn_cs_project_sticky_full .right_part .title_holder h3 a {
					color: #eee;
					text-decoration: none;
				}

					.fn_cs_project_sticky_full .right_part .title_holder h3 a:hover {
						color: #B4975A;
					}

			.fn_cs_project_sticky_full .right_part .title_holder p {
				margin: 0;
				padding: 0;
				padding-top: 24px;
				border-top: 1px solid rgba(255,255,255,.2);
				position: relative;
				margin-top: auto;
			}

				.fn_cs_project_sticky_full .right_part .title_holder p:after {
					top: -1px;
					content: '';
					position: absolute;
					left: 0px;
					right: 100%;
					height: 1px;
					background-color: rgba(255,255,255,.3);
					transition: all 500ms cubic-bezier(0.040, 0.630, 0.000, 0.965);
				}

		.fn_cs_project_sticky_full .right_part .item:hover p:after {
			right: 0px;
		}

		.fn_cs_project_sticky_full .right_part .title_holder p a {
			display: block;
			text-decoration: none;
			max-width: fit-content;
			max-width: max-content;
			max-width: intrinsic;
			max-width: -moz-max-content;
			max-width: -webkit-max-content;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-right: 29px;
			color: #eee;
			font-size: 18px;
			letter-spacing: 0px;
			position: relative;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		}

			.fn_cs_project_sticky_full .right_part .title_holder p a svg,
			.fn_cs_project_sticky_full .right_part .title_holder p a img {
				width: 14px;
				height: 14px;
				right: 5px;
				top: 50%;
				position: absolute;
				margin-top: -7px;
				transition: all .3s ease;
			}

			.fn_cs_project_sticky_full .right_part .title_holder p a:hover svg,
			.fn_cs_project_sticky_full .right_part .title_holder p a:hover img {
				right: 0px;
			}

		.fn_cs_project_sticky_full .right_part .title_holder .desc {
			color: #999;
			font-size: 14px;
			display: block;
			margin-bottom: 30px;
		}

	@media(max-width: 1500px) {
		.fn_cs_project_sticky_full .left_part {
			padding-left: 50px;
			padding-right: 50px;
			width: 500px;
			min-width: 500px;
			padding-top: 83px;
			padding-bottom: 90px;
		}

		.fn_cs_project_sticky_full .right_part .title_holder {
			padding: 34px 30px 31px 30px;
		}

			.fn_cs_project_sticky_full .right_part .title_holder h3 {
				font-size: 24px;
			}
	}

	@media(max-width: 1200px) {
		.fn_cs_project_sticky_full .left_part h3 {
			font-size: 36px;
			left: -2px;
		}

			.fn_cs_project_sticky_full .left_part h3:after {
				left: 2px;
			}

		.fn_cs_project_sticky_full .inner {
			flex-direction: column;
		}

		.fn_cs_project_sticky_full .left_part {
			width: 100%;
			min-width: 100%;
			padding-top: 45px;
			padding-left: 40px;
			padding-right: 40px;
			padding-bottom: 50px;
		}
	}

	@media(max-width: 768px) {
		.fn_cs_project_sticky_full .right_part .item {
			flex-direction: column;
		}

		.fn_cs_project_sticky_full .right_part .title_holder,
		.fn_cs_project_sticky_full .right_part .img_holder {
			width: 100%;
			min-width: 100%;
		}

		.fn_cs_project_sticky_full .right_part .title_holder {
			border-top-width: 0px;
			border-left-width: 1px;
		}
	}

	@media(max-width: 480px) {
		.fn_cs_project_sticky_full .right_part {
			padding: 20px;
		}

			.fn_cs_project_sticky_full .right_part li {
				margin-bottom: 20px;
			}

			.fn_cs_project_sticky_full .right_part .title_holder {
				padding: 24px 20px 21px 20px;
			}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #9 MAIN TITLE
/*------------------------------------------------------------------*/
	.fn_cs_main_title {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
	}

		.fn_cs_main_title .title_holder {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			max-width: 400px;
		}

			.fn_cs_main_title .title_holder h3 {
				margin: 0px;
				padding: 0px;
				font-size: 55px;
				line-height: 1;
				letter-spacing: 0px;
				font-weight: 300;
				padding-bottom: 23px;
				position: relative;
				left: -3px;
			}

				.fn_cs_main_title .title_holder h3 span {
					font-weight: 500;
				}

				.fn_cs_main_title .title_holder h3:after {
					content: '';
					position: absolute;
					bottom: 0px;
					left: 3px;
					width: 100px;
					height: 3px;
					background-color: #B4975A;
				}

	@media(max-width: 1200px) {
		.fn_cs_main_title .title_holder h3 {
			font-size: 36px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #10 TRIPLE BLOG MODERN
/*------------------------------------------------------------------*/
	.blog_section {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding: 142px 0px 105px 0px;
		background-color: #f8feff;
	}

		.blog_section .overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			opacity: .2;
		}

		.blog_section .fn_cs_main_title {
			margin-bottom: 50px;
		}

	.fn_cs_triple_blog_modern {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_triple_blog_modern ul {
			list-style-type: none;
			margin: 0;
			margin-left: -30px;
		}

		.fn_cs_triple_blog_modern li {
			width: 33.3333%;
			float: left;
			padding-left: 30px;
			margin-bottom: 40px;
		}

		.fn_cs_triple_blog_modern .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

		.fn_cs_triple_blog_modern .img_holder {
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: #aaa;
			position: relative;
			width: 100%;
			float: left;
			clear: both;
			border-radius: 5px;
			overflow: hidden;
		}

			.fn_cs_triple_blog_modern .img_holder a {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 5;
			}

			.fn_cs_triple_blog_modern .img_holder img {
				opacity: 0;
				position: relative;
				z-index: -5;
				min-width: 100%;
			}

		.fn_cs_triple_blog_modern .time {
			position: absolute;
			z-index: 15;
			padding: 20px 19px 25px 19px;
			max-width: 100%;
			width: 80px;
		}

			.fn_cs_triple_blog_modern .time span:after {
				position: absolute;
				content: '';
				top: 0px;
				left: 0px;
				bottom: 15px;
				right: 0px;
				background-color: #B4975A;
				z-index: -1;
			}

			.fn_cs_triple_blog_modern .time span:before {
				position: absolute;
				content: '';
				left: 0px;
				bottom: 0px;
				border-top: 15px solid #B4975A;
				border-right: 80px solid transparent;
				z-index: -1;
			}

			.fn_cs_triple_blog_modern .time h3 {
				margin: 0px;
				padding: 0px;
				color: #fff;
				font-size: 36px;
				line-height: 1;
				letter-spacing: -2px;
				position: relative;
				margin-bottom: 5px;
				font-weight: 300;
			}

				.fn_cs_triple_blog_modern .time h3:after {
					left: 0px;
					right: 0px;
					position: absolute;
					content: '';
					background-color: #fff;
					height: 1px;
					top: 100%;
				}

			.fn_cs_triple_blog_modern .time h5 {
				margin: 0px;
				padding: 0px;
				color: #fff;
				letter-spacing: 0px;
				font-size: 12px;
				line-height: 14px;
				font-weight: 400;
				text-transform: uppercase;
			}

		.fn_cs_triple_blog_modern .title_holder {
			width: 100%;
			float: left;
			clear: both;
			padding: 24px 0px 0px 0px;
		}

		.fn_cs_triple_blog_modern .t_header {
			margin: 0;
			padding: 0;
			font-size: 14px;
			letter-spacing: 0px;
			color: #666;
			margin-bottom: 10px;
		}

			.fn_cs_triple_blog_modern .t_header .t_author {
				display: inline-block;
			}

			.fn_cs_triple_blog_modern .t_header .t_category {
				display: inline-block;
				position: relative;
			}

			.fn_cs_triple_blog_modern .t_header a {
				color: #B4975A;
				text-decoration: none;
				text-transform: capitalize;
				border-bottom: 1px solid #B4975A;
			}

				.fn_cs_triple_blog_modern .t_header a:hover {
					border-bottom-color: transparent;
				}

		.fn_cs_triple_blog_modern .title_holder h3 {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			letter-spacing: 0px;
			color: #041230;
			line-height: 1.2;
			margin-bottom: 24px;
		}

			.fn_cs_triple_blog_modern .title_holder h3 a {
				text-decoration: none;
				color: #041230;
			}

				.fn_cs_triple_blog_modern .title_holder h3 a:hover {
					color: #B4975A
				}

		.fn_cs_triple_blog_modern .t_footer {
			margin: 0;
			padding: 0;
		}

			.fn_cs_triple_blog_modern .t_footer a {
				display: inline-block;
				border-radius: 3px;
				background-color: #333333;
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				line-height: 24px;
				padding: 8px 25px;
			}

				.fn_cs_triple_blog_modern .t_footer a:hover {
					background-color: #BE9F57;
				}

		.fn_cs_triple_blog_modern.fn_beta .beta_t_holder {
			width: 100%;
			float: left;
			clear: both;
			padding-top: 25px;
		}

			.fn_cs_triple_blog_modern.fn_beta .beta_t_holder p {
				margin: 0;
				padding: 0;
				color: #777;
				font-size: 16px;
				margin-bottom: 5px;
				font-weight: 400;
			}

				.fn_cs_triple_blog_modern.fn_beta .beta_t_holder p a {
					color: #777;
					position: relative;
					border: none;
					text-transform: capitalize;
				}

					.fn_cs_triple_blog_modern.fn_beta .beta_t_holder p a:after {
						content: '';
						width: 0;
						height: 1px;
						position: absolute;
						bottom: -2px;
						left: 100%;
						background-color: #777;
						-webkit-transition: left .5s ease,width .5s ease;
						-moz-transition: left .5s ease,width .5s ease;
						-ms-transition: left .5s ease,width .5s ease;
						-o-transition: left .5s ease,width .5s ease;
						transition: left .5s ease,width .5s ease;
					}

					.fn_cs_triple_blog_modern.fn_beta .beta_t_holder p a:hover:after {
						width: 100%;
						left: 0;
						-webkit-transition: width .5s ease;
						-moz-transition: width .5s ease;
						-ms-transition: width .5s ease;
						-o-transition: width .5s ease;
						transition: width .5s ease;
					}

			.fn_cs_triple_blog_modern.fn_beta .beta_t_holder h3 {
				margin: 0;
				padding: 0;
				font-size: 24px;
				line-height: 32px;
			}

				.fn_cs_triple_blog_modern.fn_beta .beta_t_holder h3 a {
					color: #1e1e1e;
					text-decoration: none;
				}

					.fn_cs_triple_blog_modern.fn_beta .beta_t_holder h3 a:hover {
						color: #1b8ed7;
					}

		.fn_cs_triple_blog_modern.fn_beta .img_holder {
			box-shadow: 0 5px 40px rgba(0,0,0,0.1);
		}

			.fn_cs_triple_blog_modern.fn_beta .img_holder .abs_img {
				transition: all 1s ease-out;
				transform: scale(1) translateZ(0);
			}

			.fn_cs_triple_blog_modern.fn_beta .img_holder:hover .abs_img {
				transform: scale(1.2) translateZ(0);
			}

		.fn_cs_triple_blog_modern.fn_beta ul {
			margin-left: -70px;
		}

		.fn_cs_triple_blog_modern.fn_beta li {
			padding-left: 70px;
			margin-bottom: 70px;
		}

	@media(max-width: 1200px) {
		.fn_cs_triple_blog_modern li {
			width: 50%;
		}

			.fn_cs_triple_blog_modern li:nth-of-type(3n+1) {
				width: 100%;
			}
	}

	@media(max-width: 768px) {
		.fn_cs_triple_blog_modern li {
			width: 100%;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #11 HERO HEADER
/*------------------------------------------------------------------*/
	.fn_cs_hero_header {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		height: auto;
		min-height: 100vh;
	}

		.fn_cs_hero_header .content_holder {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			z-index: 5;
			padding: 200px 0;
		}

		.fn_cs_hero_header .title_holder,
		.fn_cs_hero_header .btn_holder {
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_hero_header .bg_holder {
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			z-index: 0;
		}

		.fn_cs_hero_header .o_img {
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			z-index: 2;
		}

		.fn_cs_hero_header .o_color {
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			z-index: 4;
			background-color: rgba(0,2,28,0.6);
		}

		.fn_cs_hero_header h3 {
			margin: 0;
			padding: 0;
			font-size: 48px;
			line-height: 1;
			font-weight: 300;
			letter-spacing: 0px;
			padding-bottom: 14px;
			position: relative;
			margin-bottom: 33px;
			margin-top: 30px;
			color: #fff;
		}

			.fn_cs_hero_header h3 span {
				font-weight: 500;
			}

			.fn_cs_hero_header h3:after {
				content: '';
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 100px;
				height: 2px;
				background-color: #B4975A;
			}

		.fn_cs_hero_header p {
			margin: 0;
			padding: 0;
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 43px;
			color: #ccc;
		}

		.fn_cs_hero_header .discover {
			display: inline-block;
			padding: 14px 25px;
			border-radius: 3px;
			font-weight: 500;
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: .5px;
			line-height: 1.6;
			margin-right: 30px;
			margin-bottom: 30px;
			color: #fff;
			background-color: #B4975A;
			text-decoration: none;
		}

			.fn_cs_hero_header .discover:hover {
				background-color: #0f0f16;
				color: #fff;
			}

		.fn_cs_hero_header .video {
			line-height: 40px;
			position: relative;
			display: inline-block;
			padding-left: 50px;
			margin-bottom: 30px;
			cursor: pointer;
		}

			.fn_cs_hero_header .video .text {
				font-size: 14px;
				letter-spacing: .5px;
				text-transform: uppercase;
				font-weight: 500;
				color: #fff;
			}

			.fn_cs_hero_header .video .icon {
				position: absolute;
				display: block;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				border: 2px solid #ccc;
				top: 0px;
				left: 0px;
				transition: all .2s linear;
			}

				.fn_cs_hero_header .video .icon:after {
					content: '';
					position: absolute;
					border: 8px solid transparent;
					border-left-color: #ccc;
					border-top-width: 5px;
					border-bottom-width: 5px;
					top: 50%;
					left: 50%;
					margin: -5px 0px 0px -3px;
					transition: all .2s ease;
					z-index: 1;
				}

				.fn_cs_hero_header .video .icon:before {
					content: '';
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					width: 40px;
					height: 40px;
					margin: -20px auto auto -20px;
					-webkit-transform-origin: 50% 50%;
					transform-origin: 50% 50%;
					background-color: inherit;
					opacity: 0;
					z-index: -1;
					pointer-events: none;
					border: 6px solid #ccc;
					border-radius: 100%;
				}

				.fn_cs_hero_header .video .icon:before {
					opacity: 1;
					-webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
					animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
				}

	@-webkit-keyframes cs_fn_pulse {
		from {
			opacity: 1;
			transform: scale(1,1)
		}

		to {
			opacity: 0;
			transform: scale(1.8,1.8)
		}
	}

	@keyframes cs_fn_pulse {
		from {
			opacity: 1;
			transform: scale(1,1)
		}

		to {
			opacity: 0;
			transform: scale(1.8,1.8)
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #12 INFO LIST
/*------------------------------------------------------------------*/
	.fn_cs_info_list {
		width: 100%;
		float: left;
		clear: both;
		padding-top: 40px;
		background-color: #333333;
	}

		.fn_cs_info_list .list {
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_info_list ul {
			margin: 0px;
			list-style-type: none;
			margin-left: -50px;
		}

		.fn_cs_info_list li {
			width: 33.3333%;
			float: left;
			margin-bottom: 33px;
			padding-left: 50px;
		}

		.fn_cs_info_list .item:hover svg {
			opacity: 1;
			-webkit-animation: svg_scale .6s cubic-bezier(0.3,1,0.3,1);
			animation: svg_scale .6s cubic-bezier(0.3,1,0.3,1);
		}

	@-webkit-keyframes svg_scale {
		0% {
			transform: scale(1)
		}

		50% {
			transform: scale(0)
		}

		100% {
			transform: scale(1)
		}
	}

	@keyframes svg_scale {
		0% {
			transform: scale(1)
		}

		50% {
			transform: scale(0)
		}

		100% {
			transform: scale(1)
		}
	}

	.fn_cs_info_list .item {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding-left: 50px;
		min-height: 26px;
	}

	.fn_cs_info_list .icon {
		width: 30px;
		height: 30px;
		border: 2px solid #B4975A;
		color: #B4975A;
		display: block;
		position: absolute;
		top: 6px;
		left: 0px;
	}

	.fn_cs_info_list .fn__svg {
		position: absolute;
		width: 14px;
		height: 14px;
		top: 50%;
		left: 50%;
		margin: -7px 0px 0px -7px;
		transition: transform .3s ease;
		transition-delay: .3s;
	}

	.fn_cs_info_list h3 {
		margin: 0px;
		padding: 0px;
		font-size: 20px;
		letter-spacing: 0px;
		margin-bottom: 2px;
		font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		color: #eee;
	}

	.fn_cs_info_list p {
		margin: 0px;
		padding: 0px;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
		color: #999;
	}

	.fn_cs_info_list[data-cols="2"] li {
		width: 50%;
	}

	@media(max-width:1300px) {
		.fn_cs_info_list li {
			width: 50%;
		}
	}

	@media(max-width:768px) {
		.fn_cs_info_list li,
		.fn_cs_info_list[data-cols="2"] li {
			width: 100%;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #13 INFO & RATING
/*------------------------------------------------------------------*/
	.fn_cs_info_rating {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding-top: 10px;
		overflow: hidden;
	}

		.fn_cs_info_rating .container {
			position: static;
		}

		.fn_cs_info_rating > div > .inner {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_info_rating .left_part {
			width: 50%;
			width: calc(50% - 40px);
			width: -moz-calc(50% - 40px);
			width: -webkit-calc(50% - 40px);
			min-width: calc(50% - 40px);
			min-width: -moz-calc(50% - 40px);
			min-width: -webkit-calc(50% - 40px);
			position: relative;
			padding-right: 14%;
			background-color: #333333;
			padding-top: 150px;
			padding-bottom: 150px;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
		}

			.fn_cs_info_rating .left_part:after {
				position: absolute;
				right: 100%;
				top: 0px;
				left: -3000px;
				content: '';
				bottom: 0px;
				background-color: #333333;
			}

		.fn_cs_info_rating .middle_part {
			width: 80px;
			min-width: 80px;
		}

		.fn_cs_info_rating .right_part {
			width: 50%;
			width: calc(50% - 40px);
			width: -moz-calc(50% - 40px);
			width: -webkit-calc(50% - 40px);
			min-width: calc(50% - 40px);
			min-width: -moz-calc(50% - 40px);
			min-width: -webkit-calc(50% - 40px);
		}

		.fn_cs_info_rating .left_part h3 {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			line-height: 32px;
			font-weight: 400;
			letter-spacing: 0px;
			color: #eee;
			margin-bottom: 25px;
		}

		.fn_cs_info_rating .left_part p {
			margin: 0px;
			padding: 0px;
			font-size: 14px;
			line-height: 1.7;
			letter-spacing: 0px;
			margin-bottom: 34px;
			color: #ccc;
		}

		.fn_cs_info_rating .l_video,
		.fn_cs_info_rating .title_holder {
			width: 100%;
			float: left;
			clear: both;
		}

			.fn_cs_info_rating .l_video > span {
				display: block;
				position: relative;
				padding-left: 43px;
				min-height: 30px;
				cursor: pointer;
				float: left;
				max-width: 100%;
			}

			.fn_cs_info_rating .l_video .icon {
				display: block;
				width: 30px;
				height: 30px;
				position: absolute;
				top: 0px;
				left: 0px;
				border: 2px solid #999;
				border-radius: 100%;
				color: #999;
			}

				.fn_cs_info_rating .l_video .icon img,
				.fn_cs_info_rating .l_video .icon svg {
					position: absolute;
					width: 8px;
					height: 8px;
					left: 50%;
					top: 50%;
					margin: -4px 0px 0px -4px;
				}

			.fn_cs_info_rating .l_video .text {
				font-weight: 400;
				color: #B4975A;
				position: relative;
				display: block;
				float: left;
				line-height: 30px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-size: 18px;
				max-width: 100%;
			}

				.fn_cs_info_rating .l_video .text:after {
					content: '';
					position: absolute;
					bottom: 2px;
					background-color: rgba(255,255,255,.3);
					left: 0px;
					right: 0px;
					height: 1px;
					transition: all .2s ease;
				}

			.fn_cs_info_rating .l_video > span:hover .text:after {
				height: 2px;
				bottom: 0px;
			}

			.fn_cs_info_rating .l_video .icon:before {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 30px;
				height: 30px;
				margin: -15px auto auto -15px;
				-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
				background-color: inherit;
				opacity: 0;
				z-index: 5;
				pointer-events: none;
				border: 3px solid #ccc;
				border-radius: 100%;
			}

			.fn_cs_info_rating .l_video > span:hover .icon:before {
				opacity: 1;
				-webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
				animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
			}

		.fn_cs_info_rating .m_in {
			width: 100%;
			height: 100%;
			position: relative;
			background-color: #041230;
		}

		.fn_cs_info_rating .rating_holder a {
			display: block;
			position: absolute;
			top: -10px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 22;
		}

		.fn_cs_info_rating .rating_holder {
			width: 100%;
			float: left;
			clear: both;
			padding: 6px 13px 11px 13px;
			background-color: #BE9F57;
			text-align: center;
			color: #fff;
			position: relative;
		}

			.fn_cs_info_rating .rating_holder svg {
				width: 36px;
				height: 36px;
				position: relative;
				margin-top: -11px;
			}

		.fn_cs_info_rating h3.rating_number {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			letter-spacing: -0.25px;
			font-weight: 500;
			color: #fff;
			position: relative;
			margin-top: -7px;
			margin-bottom: 5px;
		}

		.fn_cs_info_rating h3.rating_text {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			line-height: 14px;
			text-transform: uppercase;
			letter-spacing: 0px;
			font-weight: 400;
			color: #fff;
		}

		.fn_cs_info_rating .r_header {
			position: absolute;
			left: 0px;
			right: 0px;
			height: 10px;
			background-color: #BE9F57;
			bottom: 100%;
		}

			.fn_cs_info_rating .r_header:after {
				border-top: 10px solid transparent;
				border-right: 5px solid #9b1111;
				content: '';
				position: absolute;
				right: 100%;
				top: 0px;
			}

			.fn_cs_info_rating .r_header:before {
				border-top: 10px solid transparent;
				border-left: 5px solid #9b1111;
				content: '';
				position: absolute;
				left: 100%;
				top: 0px;
			}

		.fn_cs_info_rating .r_footer:after {
			position: absolute;
			top: 100%;
			left: 0px;
			content: '';
			border-top: 15px solid #BE9F57;
			border-right: 40px solid transparent;
		}

		.fn_cs_info_rating .r_footer:before {
			position: absolute;
			top: 100%;
			right: 0px;
			content: '';
			border-top: 15px solid #BE9F57;
			border-left: 40px solid transparent;
		}

		.fn_cs_info_rating .tagline_holder {
			position: relative;
			width: 100%;
			float: left;
			clear: both;
			height: 300px;
		}

		.fn_cs_info_rating .tl_inner {
			position: absolute;
			transform: rotate(90deg);
			transform-origin: left top;
			top: 0px;
			left: 80px;
			height: 80px;
			min-width: max-content;
			min-width: intrinsic;
			min-width: -moz-max-content;
			min-width: -webkit-max-content;
			display: flex;
			align-items: center;
		}

		.fn_cs_info_rating .tagline_holder span {
			display: block;
			min-width: max-content;
			min-width: intrinsic;
			min-width: -moz-max-content;
			min-width: -webkit-max-content;
			text-transform: uppercase;
			font-size: 16px;
			letter-spacing: 1px;
			color: #eee;
			padding-left: 45px;
			position: relative;
			top: 1px;
			line-height: 1;
		}

			.fn_cs_info_rating .tagline_holder span:after {
				position: absolute;
				content: '';
				left: 15px;
				top: 6px;
				width: 20px;
				height: 1px;
				background-color: rgba(255,255,255,.5);
			}

		.fn_cs_info_rating .right_part .o_img {
			left: 50%;
			margin-left: 40px;
			top: 10px;
			right: 0px;
			bottom: 0px;
			z-index: 5;
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.fn_cs_info_rating .right_part .o_color {
			left: 50%;
			margin-left: 40px;
			top: 10px;
			right: 0px;
			bottom: 0px;
			z-index: 15;
			position: absolute;
		}

		.fn_cs_info_rating .img_list {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			height: 80px;
			margin-bottom: 40px;
		}

			.fn_cs_info_rating .img_list .item {
				width: 120px;
				height: 80px;
				position: relative;
				cursor: pointer;
			}

			.fn_cs_info_rating .img_list .plus {
				opacity: 0;
				visibility: hidden;
				background-color: rgba(17,20,34,.9);
				z-index: 3;
				content: '';
				position: absolute;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				transition: all .5s ease;
			}

				.fn_cs_info_rating .img_list .plus:before {
					width: 2px;
					height: 20px;
					content: '';
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -10px 0px 0px -1px;
					background-color: #B4975A;
					z-index: 5;
				}

				.fn_cs_info_rating .img_list .plus:after {
					width: 20px;
					height: 2px;
					content: '';
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -1px 0px 0px -10px;
					background-color: #B4975A;
					z-index: 5;
				}

			.fn_cs_info_rating .img_list .item:hover .plus {
				opacity: 1;
				visibility: visible;
			}

		.fn_cs_info_rating .owl-nav button span {
			display: none;
		}

		.fn_cs_info_rating .owl-nav button {
			width: 20px;
			height: 20px;
			display: block;
			position: absolute;
			bottom: 5px;
			left: 5px;
			background-color: rgba(0,0,0,.7) !important;
			border-radius: 3px;
			z-index: 111;
			transition: all .3s ease;
		}

			.fn_cs_info_rating .owl-nav button:after {
				content: '';
				position: absolute;
				top: 11px;
				left: 7px;
				background-color: #fff;
				width: 5px;
				height: 1px;
				transform: rotate(45deg);
			}

			.fn_cs_info_rating .owl-nav button:before {
				content: '';
				position: absolute;
				top: 8px;
				left: 7px;
				background-color: #fff;
				width: 5px;
				height: 1px;
				transform: rotate(135deg);
			}

			.fn_cs_info_rating .owl-nav button.owl-next {
				left: 27px;
			}

				.fn_cs_info_rating .owl-nav button.owl-next:after {
					top: 8px;
					left: auto;
					right: 7px;
				}

				.fn_cs_info_rating .owl-nav button.owl-next:before {
					left: auto;
					top: 11px;
					right: 7px;
				}

			.fn_cs_info_rating .owl-nav button:hover {
				background-color: rgba(0,0,0,1.00) !important;
			}

		.fn_cs_info_rating .img_list .item img {
			position: absolute;
			width: 0px;
			height: 0px;
			opacity: 0;
		}

		.fn_cs_info_rating .img_list .abs_img {
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

	@media(max-width: 1600px) {
		.fn_cs_info_rating .left_part {
			padding-right: 40px;
		}
	}

	@media(max-width: 1200px) {
		.fn_cs_info_rating .left_part {
			width: 100%;
			width: calc(100% - 80px);
			width: -moz-calc(100% - 80px);
			width: -webkit-calc(100% - 80px);
			min-width: calc(100% - 80px);
			min-width: -moz-calc(100% - 80px);
			min-width: -webkit-calc(100% - 80px);
		}

		.fn_cs_info_rating .right_part {
			display: none;
		}

		.fn_cs_info_rating .left_part:before {
			left: 100%;
			margin-left: 80px;
			top: 0px;
			bottom: 0px;
			right: -2000px;
			background-color: #0f0f16;
			content: '';
			position: absolute;
		}

		.fn_cs_info_rating .left_part > div {
			max-width: 500px;
		}
	}

	@media(max-width: 1040px) {
		.fn_cs_info_rating .left_part {
			padding-right: 20px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #14 SERVICES
/*------------------------------------------------------------------*/
	.service_section_2 {
		width: 100%;
		float: left;
		clear: both;
		padding: 150px 0;
	}

		.service_section_2 .fn_cs_main_title {
			margin-bottom: 50px;
		}

	.fn_cs_services {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
	}

		.fn_cs_services .list {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

		.fn_cs_services ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			margin-left: -30px;
			display: flex;
			flex-wrap: wrap;
		}

			.fn_cs_services ul li {
				width: 33.3333%;
				padding-left: 30px;
				margin-bottom: 30px;
				float: left;
			}

		.fn_cs_services .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 90px 45px 68px 45px;
			overflow: hidden;
		}

		.fn_cs_services span.bg1 {
			position: absolute;
			display: block;
			top: 10px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			border: 15px solid #0e2424;
			transition: all 500ms cubic-bezier(0.040, 0.630, 0.000, 0.965);
			z-index: -5;
			border-radius: 3px;
		}

		.fn_cs_services span.bg2 {
			position: absolute;
			display: block;
			top: 100%;
			right: 0px;
			left: 0px;
			bottom: 0px;
			z-index: -3;
			transition: all 500ms cubic-bezier(0.040, 0.630, 0.000, 0.965);
			background-color: #041230;
			border-radius: 3px;
		}

		.fn_cs_services .item:hover span.bg2 {
			top: 10px;
			transition-delay: .3s;
			transition-delay: 0s;
		}

		.fn_cs_services .icon {
			display: block;
			width: 80px;
			height: 70px;
			position: absolute;
			left: 45px;
			top: 0px;
			color: #fff;
			background-color: #B4975A;
		}

			.fn_cs_services .icon:after {
				border-top: 10px solid transparent;
				border-right: 5px solid #B4975A;
				content: '';
				position: absolute;
				right: 100%;
				top: 0px;
			}

			.fn_cs_services .icon:before {
				border-top: 10px solid transparent;
				border-left: 5px solid #B4975A;
				content: '';
				position: absolute;
				left: 100%;
				top: 0px;
			}

			.fn_cs_services .icon .fn__svg {
				top: 15px;
				left: 20px;
				width: 40px;
				height: 40px;
				position: absolute;
			}

			.fn_cs_services .icon span:after {
				border-top: 10px solid #B4975A;
				border-right: 80px solid transparent;
				content: '';
				position: absolute;
				top: 100%;
				left: 0px;
			}

		.fn_cs_services .item h3 {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			letter-spacing: 0px;
			font-weight: 400;
			color: #041230;
			line-height: 29px;
			margin-top: 5px;
			margin-bottom: 16px;
			transition: all .3s 0s ease;
		}

		.fn_cs_services .item p {
			padding: 0px;
			margin: 0px;
			font-size: 14px;
			line-height: 24px;
			color: #666;
			letter-spacing: 0px;
			transition: all .3s 0s ease;
		}

		.fn_cs_services span.arrow {
			position: absolute;
			display: block;
			width: 15px;
			height: 15px;
			right: 50px;
			bottom: 40px;
			color: #eee;
			z-index: 2;
			opacity: 0;
			transition: all .3s .3s ease;
		}

			.fn_cs_services span.arrow svg,
			.fn_cs_services span.arrow img {
				width: 15px;
				height: 15px;
				position: absolute;
				bottom: 0px;
				right: 0px;
			}

		.fn_cs_services .item:hover span.arrow {
			opacity: 1;
			right: 40px;
		}

		.fn_cs_services .item a {
			display: block;
			position: absolute;
			top: 10px;
			right: 0px;
			left: 0px;
			bottom: 0px;
			z-index: 3;
		}

		.fn_cs_services .item:hover h3 {
			color: #eee;
		}

		.fn_cs_services .item:hover p {
			color: #eee;
		}

		.fn_cs_services .item:hover span.bg1,
		.fn_cs_services .item:hover span.bg2 {
			border-radius: 20px;
		}

	@media(max-width: 1400px) {
		.fn_cs_services ul li {
			width: 50%;
		}

			.fn_cs_services ul li:nth-of-type(3n) {
				width: 100%;
			}
	}

	@media(max-width: 768px) {
		.fn_cs_services ul li {
			width: 100%;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #15 PROJECT STICKY
/*------------------------------------------------------------------*/
	.fn_cs_project_sticky {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding-top: 150px;
	}

		.fn_cs_project_sticky .inner {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_project_sticky .left_part {
			width: 350px;
			min-width: 350px;
		}

		.fn_cs_project_sticky .right_part {
			width: 100%;
			padding-left: 70px;
			position: relative;
		}

	.fn_cs_sticky_section {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		overflow: visible;
		top: 150px;
	}

		.fn_cs_sticky_section:after {
			clear: both;
			display: table;
			content: '';
		}

	.fn_cs_project_sticky .left_part h3 {
		margin: 0px;
		padding: 0px;
		font-weight: 300;
		letter-spacing: 0px;
		font-size: 48px;
		line-height: 1;
		color: #041230;
		position: relative;
		padding-bottom: 14px;
		margin-bottom: 33px;
	}

		.fn_cs_project_sticky .left_part h3 span {
			font-weight: 500;
		}

		.fn_cs_project_sticky .left_part h3:after {
			content: '';
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100px;
			height: 2px;
			background-color: #B4975A;
		}

	.fn_cs_project_sticky .left_part p {
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 43px;
	}

	.fn_cs_project_sticky .left_part a {
		text-decoration: none;
		display: inline-block;
		position: relative;
		padding-right: 27px;
		font-size: 18px;
		line-height: 24px;
		color: #041230;
	}

		.fn_cs_project_sticky .left_part a svg,
		.fn_cs_project_sticky .left_part a img {
			width: 15px;
			height: 15px;
			top: 50%;
			margin-top: -7px;
			right: 0px;
			position: absolute;
		}

		.fn_cs_project_sticky .left_part a .arrow_hover svg,
		.fn_cs_project_sticky .left_part a .arrow_hover img {
			opacity: 0;
			right: 20px;
		}

		.fn_cs_project_sticky .left_part a:hover .arrow svg {
			opacity: 0;
		}

		.fn_cs_project_sticky .left_part a:hover .arrow_hover svg {
			right: 0px;
			opacity: 1;
			transition: opacity .3s 0s ease, right .3s 0s ease;
		}

	.fn_cs_project_sticky .right_part ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
		width: 100%;
	}

	.fn_cs_project_sticky .right_part li {
		width: 100%;
		margin: 0px;
		float: left;
		clear: both;
		position: relative;
		margin-bottom: 40px;
	}

		.fn_cs_project_sticky .right_part li:last-child {
			margin-bottom: 0px;
		}

	.fn_cs_project_sticky .right_part .item {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding-bottom: 15px;
	}

	.fn_cs_project_sticky .right_part .title_holder {
		width: 100%;
		float: left;
		clear: both;
		position: absolute;
		z-index: 10;
		left: 0px;
		bottom: 15px;
		padding: 34px 50px 36px 50px;
	}

		.fn_cs_project_sticky .right_part .title_holder h3 {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			letter-spacing: 0px;
			font-weight: 400;
			margin-bottom: 10px;
		}

			.fn_cs_project_sticky .right_part .title_holder h3 a {
				color: #eee;
				text-decoration: none;
			}

		.fn_cs_project_sticky .right_part .title_holder p {
			margin: 0px;
			padding: 0px;
			line-height: 1;
		}

			.fn_cs_project_sticky .right_part .title_holder p a {
				position: relative;
				text-decoration: none;
				display: inline-block;
				text-transform: uppercase;
				color: #fff;
				font-weight: 600;
				letter-spacing: 0px;
				font-size: 14px;
				line-height: 18px;
				padding-right: 25px;
			}

	.fn_cs_project_sticky .right_part .img_holder img {
		position: relative;
		opacity: 0;
		z-index: -3;
		min-width: 100%;
		min-height: 250px;
	}

	.fn_cs_project_sticky .right_part .img_holder .abs_img {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 15px;
		z-index: 5;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.fn_cs_project_sticky .right_part .img_holder a {
		z-index: 10;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgba(0,0,0,0.2);
		transition: all .3s ease;
	}

		.fn_cs_project_sticky .right_part .img_holder a:before {
			content: '';
			background-color: #B4975A;
			left: 50px;
			top: 49px;
			width: 0px;
			height: 2px;
			position: absolute;
			z-index: 22;
			transition: all .3s ease;
			transition-delay: .3s;
		}

		.fn_cs_project_sticky .right_part .img_holder a:after {
			content: '';
			background-color: #B4975A;
			left: 59px;
			top: 40px;
			width: 2px;
			height: 0px;
			position: absolute;
			z-index: 22;
			transition: all .3s ease;
		}

	.fn_cs_project_sticky .right_part .title_holder p svg,
	.fn_cs_project_sticky .right_part .title_holder p img {
		width: 15px;
		height: 15px;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -7px;
	}

	.fn_cs_project_sticky .right_part .title_holder > a {
		opacity: 0;
		visibility: hidden;
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 33;
	}

	.fn_cs_project_sticky .right_part .item:after {
		left: 30px;
		right: 30px;
		height: 15px;
		bottom: 0px;
		background-color: #B4975A;
		content: '';
		position: absolute;
		z-index: -1;
	}

	.fn_cs_project_sticky .right_part .item:hover .img_holder a {
		background-color: rgba(15,15,22,.9);
	}

		.fn_cs_project_sticky .right_part .item:hover .img_holder a:after {
			height: 20px;
		}

		.fn_cs_project_sticky .right_part .item:hover .img_holder a:before {
			width: 20px;
		}

	.fn_cs_project_sticky .right_part .item:hover .title_holder p a {
		color: #B4975A;
	}

	.fn_cs_project_sticky .right_part .item:hover .title_holder > a {
		opacity: 1;
		visibility: visible;
	}

	@media(max-width: 1400px) {
		.fn_cs_project_sticky .right_part .title_holder {
			padding: 24px 30px 26px 30px;
		}

		.fn_cs_project_sticky .right_part .img_holder a:after {
			top: 30px;
			left: 39px;
		}

		.fn_cs_project_sticky .right_part .img_holder a:before {
			top: 39px;
			left: 30px;
		}

		.fn_cs_project_sticky .right_part .title_holder h3 {
			font-size: 18px;
		}
	}

	@media(max-width: 1200px) {
		.fn_cs_project_sticky .left_part {
			width: 100%;
			min-width: 100%;
			margin-bottom: 70px;
		}

		.fn_cs_project_sticky .right_part {
			width: 100%;
			min-width: 100%;
			padding-left: 0px;
		}

		.fn_cs_project_sticky .inner {
			flex-direction: column;
		}

		.fn_cs_project_sticky .left_part h3 {
			font-size: 36px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #16 SUPPORT BLOCK
/*------------------------------------------------------------------*/
	.support_section_2 {
		width: 100%;
		float: left;
		clear: both;
		padding: 150px 0;
	}

	.fn_cs_support_block {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding-top: 10px;
	}

		.fn_cs_support_block .support_block {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			border: 15px solid #0e2424;
			padding: 50px 285px 50px 140px;
			min-height: 257px;
		}

		.fn_cs_support_block .content {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}

		.fn_cs_support_block .bottom_section {
			margin-top: 23px;
		}

		.fn_cs_support_block .icon {
			position: absolute;
			top: -25px;
			left: 45px;
			display: block;
			width: 80px;
			height: 137px;
			background-color: #B4975A;
			color: #041230;
		}

			.fn_cs_support_block .icon:before {
				border-top: 10px solid transparent;
				border-left: 5px solid #ab8b40;
				content: '';
				position: absolute;
				left: 100%;
				top: 0px;
			}

			.fn_cs_support_block .icon:after {
				border-top: 10px solid transparent;
				border-right: 5px solid #ab8b40;
				content: '';
				position: absolute;
				right: 100%;
				top: 0px;
			}

			.fn_cs_support_block .icon svg,
			.fn_cs_support_block .icon img {
				width: 40px;
				height: 40px;
				position: absolute;
				bottom: 23px;
				left: 20px;
			}

			.fn_cs_support_block .icon span:after {
				border-top: 10px solid #B4975A;
				border-right: 80px solid transparent;
				content: '';
				position: absolute;
				top: 100%;
				left: 0px;
			}

			.fn_cs_support_block .icon i {
				font-size: 40px;
				position: absolute;
				bottom: 23px;
				left: 20px;
				width: 40px;
				text-align: center;
			}

		.fn_cs_support_block .img_wrap {
			position: absolute;
			width: 280px;
			top: 0px;
			right: 0px;
			bottom: 0px;
		}

			.fn_cs_support_block .img_wrap span {
				display: block;
				content: '';
				position: absolute;
				border-right: 280px solid #BE9F57;
				border-top: 227px solid transparent;
				bottom: 0px;
				right: 0px;
			}

			.fn_cs_support_block .img_wrap img {
				position: absolute;
				max-width: 212px;
				bottom: 0px;
				right: 20px;
				z-index: 3;
			}

		.fn_cs_support_block .desc {
			width: 100%;
			float: left;
			clear: both;
		}

			.fn_cs_support_block .desc p {
				margin: 0px;
				padding: 0px;
				font-weight: 400;
				color: #041230;
				font-size: 24px;
				line-height: 30px;
				letter-spacing: 0px;
			}

		.fn_cs_support_block .bottom_section {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.fn_cs_support_block .link_block a {
			display: block;
			padding: 0px 25px;
			border-radius: 3px;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
			max-width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-family: "IBM Plex Sans Arabic", Sans-serif;
			font-size: 14px;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 50px;
			letter-spacing: 0.5px;
			color: #fff;
			background-color: #B4975A;
			text-decoration: none;
		}

			.fn_cs_support_block .link_block a:hover {
				background-color: #BE9F57;
			}

		.fn_cs_support_block .tfree_block {
			margin-left: 70px;
			position: relative;
		}

			.fn_cs_support_block .tfree_block:after {
				width: 30px;
				height: 1px;
				content: '';
				position: absolute;
				left: -50px;
				top: 50%;
				background-color: #999;
			}

			.fn_cs_support_block .tfree_block p {
				margin: 0px;
				padding: 0px;
				font-size: 18px;
				letter-spacing: 0px;
				color: #041230;
			}

		.fn_cs_support_block .link_block {
			min-width: max-content;
			min-width: intrinsic;
			min-width: -moz-max-content;
			min-width: -webkit-max-content;
		}

		.fn_cs_support_block[data-icon-type="none"] {
			padding-top: 0px;
		}

			.fn_cs_support_block[data-icon-type="none"] .support_block {
				padding-left: 40px;
			}

	@media(max-width: 1600px) {
		.fn_cs_support_block .bottom_section {
			flex-direction: column;
			align-items: flex-start;
		}

		.fn_cs_support_block .tfree_block {
			margin-left: 0px;
			margin-top: 20px;
		}

			.fn_cs_support_block .tfree_block:after {
				display: none;
			}
	}

	@media(max-width: 768px) {
		.fn_cs_support_block .support_block {
			padding-right: 20px;
			padding-left: 120px;
		}

		.fn_cs_support_block .icon {
			left: 20px;
		}

		.fn_cs_support_block .img_wrap {
			display: none;
		}

		.fn_cs_support_block .link_block a {
			display: inline-block;
		}

		.fn_cs_support_block[data-icon-type="none"] .support_block {
			padding-left: 20px;
		}

		.fn_cs_support_block .link_block {
			width: 100%;
			min-width: 100%;
		}
	}

	@media(max-width: 480px) {
		.fn_cs_support_block .icon {
			height: 105px
		}

		.fn_cs_support_block[data-icon-type="elementor_icons"] .support_block,
		.fn_cs_support_block[data-icon-type="frenify_icons"] .support_block {
			padding-top: 120px !important;
			padding-left: 20px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #17 INTRODUCE
/*------------------------------------------------------------------*/
	.fn_cs_introduce {
		width: 100%;
		float: left;
		clear: both;
		padding: 50px 70px 50px 80px;
		position: relative;
	}

	.fn_cs_introduce_wrap {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		padding: 40px 0px;
		margin-top: -140px;
	}

		.fn_cs_introduce_wrap[data-url-show="no"] span.video {
			display: none;
		}

	.fn_cs_introduce .wing11 {
		position: absolute;
		bottom: 100%;
		z-index: -1;
		right: 65px;
		border-left: 15px solid rgba(255,255,255,0.2);
		border-top: 40px solid transparent;
	}

	.fn_cs_introduce .wing12 {
		position: absolute;
		bottom: 100%;
		border-top: 40px solid transparent;
		right: 80px;
		border-right: 600px solid rgba(255,255,255,0.2);
	}

	.fn_cs_introduce .wing21 {
		position: absolute;
		top: 100%;
		z-index: -1;
		left: 65px;
		border-top: 40px solid rgba(8,18,37,0.2);
		border-left: 15px solid transparent;
	}

	.fn_cs_introduce .wing22 {
		position: absolute;
		top: 100%;
		border-top: 40px solid rgba(8,18,37,0.2);
		left: 80px;
		border-right: 600px solid transparent;
	}

	.fn_cs_introduce .content_holder {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		z-index: 20;
	}

	.fn_cs_introduce .o_color {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 5;
		box-shadow: 10px 0px 40px rgba(0,0,0,0.08);
		background-color: #333333;
	}

	.fn_cs_introduce .title_holder {
		width: 100%;
		float: left;
		padding-right: 12%;
		max-width: calc(100% - 240px);
		max-width: -moz-calc(100% - 240px);
		max-width: -webkit-calc(100% - 240px);
	}

	.fn_cs_introduce .badge_holder {
		width: 100%;
		float: right;
		border: 10px solid #BE9F57;
		padding: 16px 20px 10px 20px;
		min-height: 240px;
		max-width: 240px;
		min-width: 240px;
	}

	.fn_cs_introduce .title_holder h5 {
		margin: 0px;
		padding: 0px;
		font-size: 20px;
		letter-spacing: 0px;
		font-weight: 300;
		margin-bottom: 2px;
		color: #fff;
	}

	.fn_cs_introduce .title_holder h3 {
		margin: 0px;
		padding: 0px;
		font-size: 36px;
		letter-spacing: 0px;
		font-weight: 500;
		margin-bottom: 37px;
		color: #fff;
		line-height: 1;
		position: relative;
		left: -2px;
	}

		.fn_cs_introduce .title_holder h3:after {
			content: '';
			top: 100%;
			left: 2px;
			position: absolute;
			width: 100px;
			height: 2px;
			background-color: #BE9F57;
			margin-top: 14px;
		}

	.fn_cs_introduce .title_holder p {
		margin: 0px;
		padding: 0px;
		line-height: 1.7;
		color: #fff;
		margin-bottom: 15px;
		letter-spacing: 0px
	}

	.fn_cs_introduce .badge_holder h3 {
		margin: 0px;
		padding: 0px;
		font-size: 20px;
		letter-spacing: 0px;
		font-weight: 300;
		margin-bottom: 10px;
		color: #fff;
		line-height: 1.2;
	}

	.fn_cs_introduce .badge_holder {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

		.fn_cs_introduce .badge_holder span {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			font-weight: 600;
			text-transform: uppercase;
			color: #fff;
		}

		.fn_cs_introduce .badge_holder .content > :last-child {
			color: #fff;
		}

		.fn_cs_introduce .badge_holder span.year {
			font-size: 72px;
			letter-spacing: -1px;
			margin: 0px;
			line-height: 1;
			font-weight: 400;
			white-space: nowrap;
		}

		.fn_cs_introduce .badge_holder .content {
			float: left;
			width: 100%;
			clear: both;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.fn_cs_introduce .badge_holder span {
			display: block;
			margin-left: 5px;
		}

	.fn_cs_introduce span.video {
		width: 70px;
		height: 70px;
		position: absolute;
		z-index: 55;
		left: 80px;
		bottom: -20px;
		background-color: #BE9F57;
		border-radius: 100%;
		cursor: pointer;
	}

		.fn_cs_introduce span.video:after {
			content: '';
			position: absolute;
			border-left: 18px solid #fff;
			border-top: 10px solid transparent;
			left: 27px;
			top: 25px;
		}

		.fn_cs_introduce span.video:before {
			content: '';
			position: absolute;
			border-left: 18px solid #fff;
			border-bottom: 10px solid transparent;
			left: 27px;
			top: 35px;
		}

		.fn_cs_introduce span.video span:before {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 70px;
			height: 70px;
			margin: -35px auto auto -35px;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			background-color: inherit;
			opacity: 0;
			z-index: -1;
			pointer-events: none;
			border: 15px solid #BE9F57;
			border-radius: 100%;
		}

		.fn_cs_introduce span.video:hover span:before {
			opacity: 1;
			-webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
			animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
		}

	.fn_cs_introduce_wrap[data-wing-switch="disable"] {
		padding-top: 0px;
		padding-bottom: 20px;
	}

		.fn_cs_introduce_wrap[data-wing-switch="disable"] .wing11,
		.fn_cs_introduce_wrap[data-wing-switch="disable"] .wing12,
		.fn_cs_introduce_wrap[data-wing-switch="disable"] .wing21,
		.fn_cs_introduce_wrap[data-wing-switch="disable"] .wing22 {
			display: none;
		}

	@media (max-width: 1200px) {
		.fn_cs_introduce {
			padding: 50px 50px 80px 50px;
		}

			.fn_cs_introduce .title_holder {
				padding-right: 7%;
			}

			.fn_cs_introduce span.video {
				left: 50px;
			}
	}

	@media (max-width: 768px) {
		.fn_cs_introduce .title_holder {
			max-width: 100%;
			padding: 0px;
			margin-bottom: 50px;
		}

		.fn_cs_introduce .badge_holder {
			float: left;
		}

		.fn_cs_introduce {
			padding: 40px 30px 80px 30px;
		}

			.fn_cs_introduce span.video {
				left: 30px;
			}

			.fn_cs_introduce .title_holder p {
				margin-bottom: 0px;
			}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #18 SERVICE CLASSIC
/*------------------------------------------------------------------*/
	.fn_cs_services_classic {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		margin: 100px 0 50px 0;
	}

		.fn_cs_services_classic .list {
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_services_classic ul {
			list-style-type: none;
			margin: 0px;
			margin-left: -80px;
			display: flex;
			flex-wrap: wrap;
		}

		.fn_cs_services_classic li {
			width: 25%;
			float: left;
			padding-left: 80px;
			margin-bottom: 40px;
		}

		.fn_cs_services_classic .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 30px 0 0;
			display: flex;
			flex-direction: column;
			height: 100%;
		}

		.fn_cs_services_classic .icon {
			display: block;
			position: relative;
			width: 100%;
			height: 100px;
			color: #BE9F57;
		}

			.fn_cs_services_classic .icon .fn__svg {
				position: absolute;
				width: 60px;
				height: 60px;
				top: 0px;
				left: 0px;
			}

		.fn_cs_services_classic .item h3 {
			margin: 0;
			padding: 0;
			font-size: 20px;
			letter-spacing: 0px;
			color: #041230;
			line-height: 1.2;
			margin-bottom: 20px;
		}

		.fn_cs_services_classic .item p {
			margin: 0px;
			padding: 0px;
			margin-bottom: 30px;
		}

		.fn_cs_services_classic .more_details {
			display: block;
			margin-top: auto;
		}

			.fn_cs_services_classic .more_details a {
				font-size: 18px;
				line-height: 24px;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				color: #041230;
				display: inline-block;
				padding-right: 37px;
				position: relative;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				text-decoration: none;
			}

			.fn_cs_services_classic .more_details .fn__svg {
				width: 15px;
				height: 15px;
				top: 50%;
				margin-top: -7px;
				right: 10px;
				position: absolute;
				transition: all .5s ease;
			}

		.fn_cs_services_classic .bg1 {
			position: absolute;
			left: 100%;
			margin-left: 40px;
			top: 0px;
			bottom: 0px;
			background-color: #e5e5e5;
			width: 1px;
		}

		.fn_cs_services_classic .bg2 {
			position: absolute;
			left: 100%;
			margin-left: 40px;
			top: 0px;
			height: 0px;
			background-color: #c32c41;
			width: 1px;
			transition: all .5s ease;
		}

		.fn_cs_services_classic .item:hover .bg2 {
			height: 100%;
		}

		.fn_cs_services_classic .item:hover .more_details .fn__svg {
			transform: translateX(10px);
		}

		.fn_cs_services_classic .item > a {
			display: block;
			position: absolute;
			left: 0px;
			right: -20px;
			bottom: 0px;
			z-index: 5;
			top: 0px;
		}

		.fn_cs_services_classic li:nth-of-type(4n) .bg1,
		.fn_cs_services_classic li:nth-of-type(4n) .bg2 {
			display: none;
		}
		/* If video button is enabled*/
		.fn_cs_services_classic .video_holder {
			width: 100%;
			float: left;
			clear: both;
			height: 50px;
			position: relative;
			z-index: 1;
		}

			.fn_cs_services_classic .video_holder .video_bg:after {
				background-color: #16161b;
				opacity: .5;
				content: '';
				position: absolute;
				top: 60px;
				right: -30px;
				width: 30px;
				height: 110px;
			}

			.fn_cs_services_classic .video_holder .video_bg:before {
				background-color: #16161b;
				opacity: .5;
				content: '';
				position: absolute;
				top: 60px;
				left: -30px;
				width: 30px;
				height: 110px;
			}

			.fn_cs_services_classic .video_holder:after {
				background-color: #16161b;
				opacity: .5;
				content: '';
				position: absolute;
				top: 20px;
				right: -30px;
				left: -30px;
				height: 40px;
			}

		.fn_cs_services_classic.video_enable .list {
			border-radius: 10px;
			padding: 100px 0 60px 0;
			position: relative;
			z-index: 5;
			background-color: #16161B;
			box-shadow: 0 10px 80px rgba(0,0,0,0.2);
		}

		.fn_cs_services_classic.video_enable ul {
			padding: 0 100px;
		}

		.fn_cs_services_classic.video_enable .icon {
			color: #fff
		}

		.fn_cs_services_classic.video_enable .item h3 {
			color: #eee
		}

		.fn_cs_services_classic.video_enable .item p {
			color: #999
		}

		.fn_cs_services_classic.video_enable .bg1 {
			background-color: rgba(255, 255, 255, 0.1);
		}

		.fn_cs_services_classic.video_enable .bg2 {
			background-color: #aaa;
		}

		.fn_cs_services_classic.video_enable .more_details a {
			color: #fff;
		}

		.fn_cs_services_classic.video_enable {
			margin-top: -170px;
		}

		.fn_cs_services_classic .button_inner {
			display: block;
			width: 100px;
			height: 100px;
			background-color: #1b8ed7;
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 50%;
			z-index: 15;
			margin-left: -50px;
		}

			.fn_cs_services_classic .button_inner a {
				cursor: pointer;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}

				.fn_cs_services_classic .button_inner a:after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 14px 0 14px 25px;
					border-color: transparent transparent transparent #fff;
					z-index: 22;
					left: 42px;
					top: 36px;
					position: absolute;
				}

				.fn_cs_services_classic .button_inner a:before {
					content: '';
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					width: 100px;
					height: 100px;
					margin: -50px auto auto -50px;
					-webkit-transform-origin: 50% 50%;
					transform-origin: 50% 50%;
					background-color: inherit;
					z-index: -1;
					pointer-events: none;
					border: 30px solid #1b8ed7;
					transition: opacity 2s 1s ease;
					border-radius: 100%;
					opacity: 1;
					-webkit-animation: cs_fn_pulse 1s cubic-bezier(0.3,1,0.3,1) infinite;
					animation: cs_fn_pulse 1s cubic-bezier(0.3,1,0.3,1) infinite;
				}

	@media(max-width: 1200px) {
		.fn_cs_services_classic.video_enable ul {
			padding: 0 40px;
		}
	}

	@media(max-width: 1040px) {
		.fn_cs_services_classic li {
			width: 50%;
		}

			.fn_cs_services_classic li:nth-of-type(2n) .bg1 {
				display: none;
			}

			.fn_cs_services_classic li:nth-of-type(2n) .bg2 {
				display: none;
			}
	}

	@media(max-width: 480px) {
		.fn_cs_services_classic .item > a {
			right: 0px;
		}

		.fn_cs_services_classic li {
			width: 100%;
		}

		.fn_cs_services_classic .bg1 {
			display: block !important;
		}

		.fn_cs_services_classic li:last-child .bg1 {
			display: none !important;
		}

		.fn_cs_services_classic .bg2 {
			display: none;
		}

		.fn_cs_services_classic .item {
			padding-top: 0;
		}

		.fn_cs_services_classic .bg1 {
			width: auto;
			height: 1px;
			margin-left: auto;
			left: 0px;
			right: 0px;
			top: auto;
			bottom: 0px;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #19 PRINCIPLES
/*------------------------------------------------------------------*/
	.fn_cs_principles {
		width: 100%;
		float: left;
		clear: both;
		margin: 100px 0 80px;
	}

		.fn_cs_principles .inner {
			width: 100%;
			float: left;
			clear: both;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_principles .left_part {
			width: 320px;
			min-width: 320px;
			margin-right: 10%;
			padding-top: 111px;
		}

			.fn_cs_principles .left_part h3 {
				font-size: 36px;
				margin: 0;
				padding: 0;
				letter-spacing: 0px;
				line-height: 1.2;
				position: relative;
				left: -2px;
				margin-bottom: 35px;
				font-weight: 500;
			}

				.fn_cs_principles .left_part h3:after {
					top: 100%;
					margin-top: 11px;
					width: 100px;
					height: 2px;
					background-color: #BE9F57;
					content: '';
					position: absolute;
					left: 2px;
				}

			.fn_cs_principles .left_part p {
				margin: 0px;
				padding: 0px;
				color: #666;
			}

				.fn_cs_principles .left_part p span {
					display: block;
					margin-bottom: 30px;
				}

					.fn_cs_principles .left_part p span:last-child {
						margin-bottom: 0px;
					}

		.fn_cs_principles .right_part {
			width: 100%;
			position: relative;
		}

			.fn_cs_principles .right_part ul {
				margin: 0px;
				list-style-type: none;
				margin-left: -30px;
			}

			.fn_cs_principles .right_part li {
				width: 50%;
				float: left;
				padding-left: 30px;
				margin-bottom: 20px;
			}

				.fn_cs_principles .right_part li:first-child {
					padding-top: 50px;
				}

			.fn_cs_principles .right_part .item {
				width: 100%;
				float: left;
				clear: both;
				position: relative;
				padding: 20px 10px 10px 20px;
			}

				.fn_cs_principles .right_part .item:after {
					content: '';
					position: absolute;
					width: 20px;
					height: 250px;
					top: 0px;
					left: 0px;
					background-color: #BE9F57;
				}

				.fn_cs_principles .right_part .item:before {
					content: '';
					position: absolute;
					left: 0px;
					top: 250px;
					border-top: 20px solid #BE9F57;
					border-left: 20px solid transparent;
				}

			.fn_cs_principles .right_part .title_holder:after {
				content: '';
				position: absolute;
				width: 180px;
				height: 20px;
				bottom: 100%;
				left: 0px;
				background-color: #BE9F57;
			}

			.fn_cs_principles .right_part .title_holder:before {
				content: '';
				position: absolute;
				left: 180px;
				bottom: 100%;
				border-top: 20px solid transparent;
				border-left: 20px solid #BE9F57;
			}

			.fn_cs_principles .right_part .title_holder {
				width: 100%;
				float: left;
				clear: both;
				position: relative;
				background-color: #140000;
				padding: 44px 60px 72px 30px;
				min-height: 300px;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
			}

		.fn_cs_principles .number_holder {
			position: absolute;
			width: 70px;
			height: 80px;
			right: 0px;
			bottom: 0px;
			line-height: 80px;
			letter-spacing: 0px;
			font-size: 36px;
			font-weight: 400;
			color: #fff;
			background-color: #BE9F57;
			text-align: center;
			border-radius: 2px;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
		}

		.fn_cs_principles .right_part h3 {
			margin: 0;
			padding: 0;
			letter-spacing: 0;
			font-size: 20px;
			margin-bottom: 16px;
			color: #eee;
		}

		.fn_cs_principles .right_part p {
			color: #ccc;
		}

	@media(max-width: 1200px) {
		.fn_cs_principles .inner {
			flex-direction: column;
		}

		.fn_cs_principles .left_part {
			padding-top: 0px;
			width: 100%;
			clear: both;
			min-width: 100%;
			margin-right: 0px;
			margin-bottom: 50px;
		}

		.fn_cs_principles .right_part {
			clear: both;
		}

			.fn_cs_principles .right_part li:first-child {
				padding-top: 0px;
			}
	}

	@media(max-width: 768px) {
		.fn_cs_principles .right_part li {
			width: 100%;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #20 PROJECT STICKY MODERN
/*------------------------------------------------------------------*/
	.fn_cs_project_sticky_modern {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		margin-bottom: 100px;
	}

		.fn_cs_project_sticky_modern .inner {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_project_sticky_modern .left_part {
			width: 400px;
			min-width: 400px;
		}

		.fn_cs_project_sticky_modern .left_part_in {
			width: 100%;
			padding: 55px 50px 60px 50px;
			background-color: #BE9F57;
		}

		.fn_cs_project_sticky_modern .right_part {
			width: 100%;
			padding-left: 60px;
			position: relative;
		}

		.fn_cs_project_sticky_modern .left_part h3 {
			margin: 0px;
			padding: 0px;
			font-weight: 500;
			letter-spacing: 0px;
			font-size: 36px;
			line-height: 1.2;
			color: #fff;
			position: relative;
			padding-bottom: 13px;
			margin-bottom: 21px;
			left: -2px;
		}

			.fn_cs_project_sticky_modern .left_part h3:after {
				content: '';
				position: absolute;
				bottom: 0px;
				left: 2px;
				width: 100px;
				height: 2px;
				background-color: #fff;
			}

		.fn_cs_project_sticky_modern .left_part p {
			margin: 0;
			padding: 0;
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 33px;
			color: #fff;
		}

		.fn_cs_project_sticky_modern .left_part a {
			text-decoration: none;
			display: inline-block;
			position: relative;
			font-size: 14px;
			line-height: 50px;
			padding: 0px 30px;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			text-transform: uppercase;
			font-weight: 500;
			letter-spacing: .5px;
			color: #041230;
			background-color: #fff;
			border-radius: 2px;
		}

			.fn_cs_project_sticky_modern .left_part a:hover {
				background-color: #041230;
				color: #fff;
			}

		.fn_cs_project_sticky_modern ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			width: 100%;
		}

		.fn_cs_project_sticky_modern li {
			width: 100%;
			margin: 0px;
			float: left;
			clear: both;
			position: relative;
			margin-bottom: 40px;
		}

			.fn_cs_project_sticky_modern li:last-child {
				margin-bottom: 0px;
			}

		.fn_cs_project_sticky_modern .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding: 0px 50px;
		}

		.fn_cs_project_sticky_modern .img_holder {
			position: relative;
		}

		.fn_cs_project_sticky_modern .title_holder {
			width: 100%;
			float: left;
			clear: both;
			z-index: 10;
			padding: 31px 30px 35px 30px;
		}

			.fn_cs_project_sticky_modern .title_holder h3 {
				margin: 0px;
				padding: 0px;
				font-size: 24px;
				letter-spacing: 0px;
				font-weight: 400;
				margin-bottom: 8px;
				position: relative;
				left: -2px;
			}

				.fn_cs_project_sticky_modern .title_holder h3 a {
					color: #041230;
					text-decoration: none;
				}

			.fn_cs_project_sticky_modern .title_holder p {
				margin: 0px;
				padding: 0px;
				line-height: 1;
			}

				.fn_cs_project_sticky_modern .title_holder p a {
					position: relative;
					display: inline-block;
					text-transform: uppercase;
					color: #666;
					text-decoration: none;
					font-weight: 500;
					letter-spacing: 0px;
					font-size: 14px;
					line-height: 18px;
					padding-right: 25px;
					font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				}

		.fn_cs_project_sticky_modern .img_holder img {
			position: relative;
			opacity: 0;
			z-index: -3;
			min-width: 100%;
			min-height: 250px;
		}

		.fn_cs_project_sticky_modern .img_holder .abs_img {
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 5;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.fn_cs_project_sticky_modern .img_holder a {
			z-index: 10;
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.2);
			transition: all .3s ease;
		}

			.fn_cs_project_sticky_modern .img_holder a:before {
				content: '';
				background-color: #B4975A;
				left: 50px;
				top: 49px;
				width: 0px;
				height: 2px;
				position: absolute;
				z-index: 22;
				transition: all .3s ease;
				transition-delay: .3s;
			}

			.fn_cs_project_sticky_modern .img_holder a:after {
				content: '';
				background-color: #B4975A;
				left: 59px;
				top: 40px;
				width: 2px;
				height: 0px;
				position: absolute;
				z-index: 22;
				transition: all .3s ease;
			}

		.fn_cs_project_sticky_modern .title_holder p .fn__svg {
			width: 15px;
			height: 15px;
			position: absolute;
			right: 0px;
			top: 50%;
			margin-top: -10px;
		}

		.fn_cs_project_sticky_modern .title_holder > a {
			opacity: 0;
			visibility: hidden;
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 33;
		}

		.fn_cs_project_sticky_modern .item:after {
			left: 0px;
			right: 0px;
			bottom: 0px;
			top: 50px;
			background-color: #eff4f7;
			content: '';
			position: absolute;
			z-index: -1;
		}

		.fn_cs_project_sticky_modern .item:hover .img_holder a {
			background-color: rgba(15,15,22,.2);
		}

			.fn_cs_project_sticky_modern .item:hover .img_holder a:after {
				height: 20px;
			}

			.fn_cs_project_sticky_modern .item:hover .img_holder a:before {
				width: 20px;
			}

		.fn_cs_project_sticky_modern .item:hover .title_holder p a {
			color: #B4975A;
		}

		.fn_cs_project_sticky_modern .item:hover .title_holder > a {
			opacity: 1;
			visibility: visible;
		}

		.fn_cs_project_sticky_modern .item {
			transition: all .5s ease;
		}

			.fn_cs_project_sticky_modern .item:hover {
				padding: 0px;
			}

		.fn_cs_project_sticky_modern[data-animation-type="beta"] .item {
			padding: 0px;
		}

		.fn_cs_project_sticky_modern[data-animation-type="gamma"] .item {
			padding: 0px 50px;
		}

	@media(max-width: 1400px) {
		.fn_cs_project_sticky_modern .img_holder a:after {
			top: 30px;
			left: 39px;
		}

		.fn_cs_project_sticky_modern .img_holder a:before {
			top: 39px;
			left: 30px;
		}
	}

	@media(max-width: 1200px) {
		.fn_cs_project_sticky_modern .left_part {
			width: 100%;
			min-width: 100%;
			margin-bottom: 70px;
		}

		.fn_cs_project_sticky_modern .right_part {
			width: 100%;
			min-width: 100%;
			padding-left: 0px;
		}

		.fn_cs_project_sticky_modern .inner {
			flex-direction: column;
		}
	}

	@media(max-width: 1040px) {
		.fn_cs_project_sticky_modern .item {
			padding: 0px !important;
		}

		.fn_cs_project_sticky_modern .title_holder h3 {
			font-size: 20px;
			line-height: 1.3;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #21 KENBURNSY
/*------------------------------------------------------------------*/
	.fn_cs_kenburnsy_wrap {
		width: 100%;
		position: relative;
		float: left;
	}

	.fn_cs_kenburnsy {
		overflow: hidden;
		height: 100vh;
		min-height: 500px;
		position: relative;
		width: 100%;
	}

		.fn_cs_kenburnsy .slide {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-position: center center;
			-webkit-background-size: cover;
			background-size: cover;
			background-repeat: no-repeat;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-transform-origin: center;
			-ms-transform-origin: center;
			transform-origin: center;
		}
	/*------------------------------------------------------------------*/
	/*	Shortcode #22 DESCRIPTION
/*------------------------------------------------------------------*/
	.fn_cs_description,
	.fn_cs_description .desc_holder {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
	}

		.fn_cs_description p {
			margin: 0px;
			padding: 0px;
			letter-spacing: 0px;
			font-size: 18px;
			line-height: 28px;
			color: #666;
		}
	/*------------------------------------------------------------------*/
	/*	Shortcode #23 BUTTON
/*------------------------------------------------------------------*/
	.fn_cs_button,
	.fn_cs_button .inner {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_button a {
			display: inline-block;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: .5px;
			line-height: 50px;
			padding: 0px 30px;
			border-radius: 2px;
			font-weight: 500;
			text-align: center;
			color: #fff;
			text-decoration: none;
			background-color: #16161B;
		}

			.fn_cs_button a:hover {
				background-color: #BE9F57;
				color: #fff;
			}

		.fn_cs_button.full a {
			display: block;
			line-height: 70px;
			background-color: #B4975A;
		}

			.fn_cs_button.full a:hover {
				background-color: #BE9F57;
			}
	/*------------------------------------------------------------------*/
	/*	Shortcode #24 Sixfold Gallery
/*------------------------------------------------------------------*/
	.fn_cs_sixfold_gallery {
		width: 100%;
		float: left;
		clear: both;
		padding: 0 40px;
		margin-top: -420px;
	}

		.fn_cs_sixfold_gallery ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			margin-left: -40px;
		}

			.fn_cs_sixfold_gallery ul li {
				width: 30%;
				padding-left: 40px;
				margin-bottom: 40px;
			}

				.fn_cs_sixfold_gallery ul li:nth-of-type(6n+1) {
					width: 32%;
				}

				.fn_cs_sixfold_gallery ul li:nth-of-type(6n+3) {
					width: 26%;
				}

				.fn_cs_sixfold_gallery ul li:nth-of-type(6n+4) {
					width: 26%;
				}

				.fn_cs_sixfold_gallery ul li:nth-of-type(6n) {
					width: 32%;
				}

				.fn_cs_sixfold_gallery ul li:nth-of-type(3n+2) {
					width: 42%;
				}

		.fn_cs_sixfold_gallery .item {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: flex-end;
		}

		.fn_cs_sixfold_gallery ul li:nth-of-type(6n+4) .item,
		.fn_cs_sixfold_gallery ul li:nth-of-type(6n+5) .item,
		.fn_cs_sixfold_gallery ul li:nth-of-type(6n) .item {
			align-items: flex-start;
		}

		.fn_cs_sixfold_gallery .item_in {
			width: 100%;
			position: relative;
			border-radius: 5px;
			overflow: hidden;
			box-shadow: 0 10px 40px rgba(0,0,0,0.2);
		}

			.fn_cs_sixfold_gallery .item_in:hover .abs_img {
				transform: scale(1.2);
			}

			.fn_cs_sixfold_gallery .item_in .abs_img {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				transition: all 1s ease;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				z-index: 5;
			}

			.fn_cs_sixfold_gallery .item_in img {
				opacity: 0;
				min-width: 100%;
			}

	@media(max-width: 480px) {
		.fn_cs_sixfold_gallery ul li:nth-of-type(3n+2),
		.fn_cs_sixfold_gallery ul li:nth-of-type(6n),
		.fn_cs_sixfold_gallery ul li:nth-of-type(6n+1),
		.fn_cs_sixfold_gallery ul li:nth-of-type(6n+2),
		.fn_cs_sixfold_gallery ul li:nth-of-type(3n+3),
		.fn_cs_sixfold_gallery ul li:nth-of-type(6n+4) {
			width: 100%;
		}

		.fn_cs_sixfold_gallery ul {
			margin-left: -20px;
		}

			.fn_cs_sixfold_gallery ul li {
				padding-left: 20px;
				margin-bottom: 20px;
			}

		.fn_cs_sixfold_gallery {
			padding: 0 20px;
		}
	}
	/* Spacing */
	.section_1 {
		background-color: #16161B;
	}

		.section_1 .fn_cs_description p {
			color: #999;
		}
	/*------------------------------------------------------------------*/
	/*	Shortcode #25 Counter with Caption
/*------------------------------------------------------------------*/
	.fn_cs_counter_with_caption,
	.fn_cs_counter_with_caption .inner,
	.fn_cs_counter_with_caption .item {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_counter_with_caption ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			margin-left: -20px;
		}

		.fn_cs_counter_with_caption li {
			width: 33.3333%;
			float: left;
			padding-left: 20px;
		}

		.fn_cs_counter_with_caption[data-column="2"] li {
			width: 50%;
		}

		.fn_cs_counter_with_caption[data-column="3"] li {
			width: 33.3333%;
		}

		.fn_cs_counter_with_caption[data-column="4"] li {
			width: 25%;
			margin-bottom: 30px;
		}

		.fn_cs_counter_with_caption h3 {
			margin: 0;
			padding: 0;
			font-weight: 500;
			letter-spacing: -0.25px;
			color: #eee;
			font-size: 60px;
			line-height: 1.2em;
		}

		.fn_cs_counter_with_caption p {
			color: #666;
			margin: 0;
			padding: 0;
			font-size: 16px;
			letter-spacing: 0;
		}

	@media(max-width:768px) {
		.fn_cs_counter_with_caption[data-column="4"] ul li {
			width: 50%;
		}
	}

	@media(max-width:480px) {
		.fn_cs_counter_with_caption ul li {
			width: 100%;
			padding: 0px;
			text-align: center;
		}

		.fn_cs_counter_with_caption[data-column="4"] ul li {
			width: 100%;
		}
	}

	.section_2 {
		background-color: #16161B;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding: 194px 0 200px;
	}

		.section_2 .title__holder h3 {
			color: #eee;
		}

	.title__holder h3 {
		color: #16161B;
		font-size: 48px;
		font-weight: 400;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #26 Testimonial Slider with rating
/*------------------------------------------------------------------*/
	.fn_cs_personal_reviews {
		width: 100%;
		float: left;
		clear: both;
		overflow: hidden;
	}

		.fn_cs_personal_reviews .swiper-slide {
			height: auto;
		}

		.fn_cs_personal_reviews .r_title h3 {
			margin: 0;
			padding: 0;
			font-size: 30px;
			line-height: 40px;
			color: #eee;
			letter-spacing: 0;
			font-weight: 400;
			margin-bottom: 45px;
		}

		.fn_cs_personal_reviews .r_item {
			padding-top: 16px;
			width: 100%;
			float: left;
			clear: both;
			height: 100%;
		}

		.fn_cs_personal_reviews .r_item_in {
			height: 100%;
			display: flex;
			flex-direction: column
		}

		.fn_cs_personal_reviews .r_reviewer {
			margin-top: auto;
		}

		.fn_cs_personal_reviews .r_desc,
		.fn_cs_personal_reviews .r_item_in,
		.fn_cs_personal_reviews .r_reviewer {
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_personal_reviews .r_item .r_item_in {
			border: 4px solid rgba(255,255,255,.05);
			border-radius: 5px;
			position: relative;
			padding: 113px 45px 45px 45px;
		}

		.fn_cs_personal_reviews .r_item:hover {
			transform: translate3d(0px,-5px,0px);
		}

			.fn_cs_personal_reviews .r_item:hover .r_item_in {
				border-color: rgba(255,255,255,.15);
			}

		.fn_cs_personal_reviews .r_quote {
			width: 50px;
			height: 90px;
			display: block;
			left: 46px;
			top: -16px;
			position: absolute;
			background-color: #1e1427;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

			.fn_cs_personal_reviews .r_quote .fn__svg {
				position: absolute;
				width: 28px;
				height: 28px;
				bottom: 14px;
				left: 50%;
				margin-left: -14px;
				color: #1e1e22;
			}

		.fn_cs_personal_reviews .r_review {
			margin-bottom: 32px;
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_personal_reviews .r_desc p {
			margin: 0;
			padding: 0;
			letter-spacing: 0;
			font-size: 16px;
			line-height: 24px;
			color: #777;
		}

		.fn_cs_personal_reviews .r_desc {
			margin-bottom: 44px;
		}

		.fn_cs_personal_reviews .r_reviewer {
			display: flex;
			flex-direction: column;
			min-height: 70px;
			justify-content: center;
		}

		.fn_cs_personal_reviews .r_reviewer {
			padding-left: 90px;
			position: relative;
		}

			.fn_cs_personal_reviews .r_reviewer .abs_img {
				width: 70px;
				height: 70px;
				display: block;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				position: absolute;
				left: 0;
				top: 0;
				border-radius: 100%;
			}

			.fn_cs_personal_reviews .r_reviewer h3 {
				margin: 0;
				padding: 0;
				font-size: 18px;
				color: #eee;
				letter-spacing: 0;
				font-weight: 400;
				margin-bottom: 3px;
			}

			.fn_cs_personal_reviews .r_reviewer h5 {
				margin: 0;
				padding: 0;
				font-size: 16px;
				color: #777;
				letter-spacing: 0;
				font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
				font-weight: 400;
			}

		.fn_cs_personal_reviews .swiper-wrapper {
			margin-bottom: 45px;
		}

			.fn_cs_personal_reviews .swiper-wrapper:after {
				clear: both;
				display: table;
				content: '';
			}

		.fn_cs_personal_reviews .r_item {
			opacity: .3;
			transition: all .5s ease;
		}

			.fn_cs_personal_reviews .r_item.fn_vision {
				opacity: 1;
			}

		.fn_cs_personal_reviews.ready .swiper-container {
			overflow: visible;
		}

	.fn_cs_swiper__progress {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_swiper__progress .my_pagination_in {
			float: left;
			position: relative;
		}

		.fn_cs_swiper__progress span {
			display: block;
			float: left;
			font-size: 18px;
			letter-spacing: 0;
			color: #eee;
			height: 22px;
			line-height: 22px;
		}

		.fn_cs_swiper__progress .pagination_progress {
			width: 100px;
			margin: 0 20px;
			position: relative;
		}

			.fn_cs_swiper__progress .pagination_progress .all {
				height: 1px;
				width: 100%;
				position: absolute;
				z-index: 5;
				top: 0;
				top: 50%;
				left: 0;
				background-color: #333;
			}

				.fn_cs_swiper__progress .pagination_progress .all span {
					height: 1px;
					width: 100%;
					background-color: #777;
					position: absolute;
					z-index: 5;
					top: 0;
					left: 0;
					transform-origin: left top;
					transform: scale(0);
					transition: all .3s ease;
				}

	.fn_cs_personal_reviews.slider_beta .r_item_in {
		border: 1px solid rgba(255,255,255,0.1);
		background-color: #19191e;
		overflow: hidden;
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.fn_cs_personal_reviews.slider_beta .r_review {
		margin-bottom: 42px;
	}

	.fn_cs_personal_reviews.slider_beta .r_quote {
		background-color: transparent !important;
		width: 0;
		height: 0;
		overflow: visible;
		left: auto;
		top: -15px;
		right: -5px;
	}

		.fn_cs_personal_reviews.slider_beta .r_quote .fn__svg {
			top: 0;
			left: auto;
			margin: 0;
			bottom: 0;
			right: 100%;
			width: 120px;
			height: 120px;
		}

	.fn_cs_personal_reviews[data-progress="disable"] .fn_cs_swiper__progress {
		display: none;
	}

	.fn_cs_personal_reviews[data-navigation="disable"] .fn_cs_swiper__navigation {
		display: none;
	}

	.fn_cs_swiper__navigation {
		width: 100%;
		height: 80px;
		float: left;
		clear: both;
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		background-color: #19191e;
		margin-top: 25px;
		border: 1px solid rgba(255,255,255,.1);
	}

		.fn_cs_swiper__navigation .myprev-button {
			width: 120px;
			height: 100%;
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			cursor: pointer;
			border-right: 1px solid rgba(255,255,255,.1);
		}

			.fn_cs_swiper__navigation .myprev-button:after {
				border: solid #666;
				border-width: 0 2px 2px 0;
				display: inline-block;
				padding: 7px;
				position: absolute;
				content: '';
				top: 50%;
				left: 50%;
				-webkit-transform: rotate(135deg);
				transform: rotate(135deg);
				margin: -8px 0 0 -2px;
			}

		.fn_cs_swiper__navigation .mynext-button {
			width: 120px;
			height: 100%;
			position: absolute;
			display: block;
			top: 0;
			right: 0;
			cursor: pointer;
			border-left: 1px solid rgba(255,255,255,.1);
		}

			.fn_cs_swiper__navigation .mynext-button:after {
				border: solid #666;
				border-width: 0 2px 2px 0;
				display: inline-block;
				padding: 7px;
				position: absolute;
				content: '';
				top: 50%;
				left: 50%;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				margin: -8px 0 0 -13px;
			}

		.fn_cs_swiper__navigation .mynext-button,
		.fn_cs_swiper__navigation .myprev-button {
			background-color: transparent;
			transition: all .3s ease;
		}

			.fn_cs_swiper__navigation .mynext-button:hover,
			.fn_cs_swiper__navigation .myprev-button:hover {
				background-color: rgba(255,255,255,.05);
			}

				.fn_cs_swiper__navigation .mynext-button:hover:after,
				.fn_cs_swiper__navigation .myprev-button:hover:after {
					border-color: #ccc;
				}
	/*---------------------------------------------------*/
	/*	#26.1 Five stars
/*---------------------------------------------------*/
	.fn_cs_review__stars {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_review__stars .review_in {
			width: 100px;
			height: 20px;
			position: relative;
			overflow: hidden;
		}

		.fn_cs_review__stars .fn__svg {
			width: 100px;
			height: 20px;
			display: block;
		}

		.fn_cs_review__stars .rating_relative {
			position: absolute;
			right: 0;
			top: 0;
			overflow: hidden;
			height: 20px;
		}

			.fn_cs_review__stars .rating_relative div {
				position: absolute;
				top: 0;
				left: 0;
			}

		.fn_cs_review__stars .rating_absolute {
			position: absolute;
			z-index: 5;
			overflow: hidden;
			top: 0;
			left: 0;
		}

		.fn_cs_review__stars .rating_relative .fn__svg {
			color: #6f6f6f;
		}

		.fn_cs_review__stars .rating_absolute .fn__svg {
			color: #ffba00;
		}
	/*------------------------------------------------------------------*/
	/*	Shortcode #27 PROJECT ELEGANT LIST
/*------------------------------------------------------------------*/
	.fn_cs_project_elegant_list {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_project_elegant_list .img_holder {
			width: 100%;
			position: relative;
			border-radius: 5px;
			overflow: hidden;
			box-shadow: 0 5px 40px rgba(0,0,0,0.1);
			transform: scale(1) translateZ(0);
		}

			.fn_cs_project_elegant_list .img_holder:hover .abs_img {
				transform: scale(1.2) translateZ(0);
			}

			.fn_cs_project_elegant_list .img_holder img {
				min-width: 100%;
				position: relative;
				opacity: 0;
			}

			.fn_cs_project_elegant_list .img_holder .abs_img {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				transition: all 1s ease-out;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				transform: scale(1) translateZ(0);
			}

				.fn_cs_project_elegant_list .img_holder .abs_img a {
					position: absolute;
					display: block;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 5;
				}

		.fn_cs_project_elegant_list .title_holder {
			width: 100%;
			display: flex;
			flex-direction: column;
			height: 150px;
			justify-content: center;
			position: absolute;
			bottom: -150px;
			left: 0;
			padding-bottom: 20px;
			padding-bottom: 5px;
		}

			.fn_cs_project_elegant_list .title_holder p {
				margin: 0;
				padding: 0;
				font-size: 16px;
				color: #777;
				margin-bottom: 7px;
			}

				.fn_cs_project_elegant_list .title_holder p a {
					font-family: inherit;
					font-size: inherit;
					color: #777;
					position: relative;
				}

					.fn_cs_project_elegant_list .title_holder p a:after {
						content: '';
						width: 0;
						height: 1px;
						position: absolute;
						bottom: -2px;
						left: 100%;
						background-color: #777;
						-webkit-transition: left .5s ease,width .5s ease;
						-moz-transition: left .5s ease,width .5s ease;
						-ms-transition: left .5s ease,width .5s ease;
						-o-transition: left .5s ease,width .5s ease;
						transition: left .5s ease,width .5s ease;
					}

					.fn_cs_project_elegant_list .title_holder p a:hover:after {
						width: 100%;
						left: 0;
						-webkit-transition: width .5s ease;
						-moz-transition: width .5s ease;
						-ms-transition: width .5s ease;
						-o-transition: width .5s ease;
						transition: width .5s ease;
					}

			.fn_cs_project_elegant_list .title_holder h3 {
				margin: 0;
				padding: 0;
				font-size: 24px;
			}

				.fn_cs_project_elegant_list .title_holder h3 a {
					color: #1e1e1e;
					text-decoration: none;
				}

		.fn_cs_project_elegant_list .items:after {
			clear: both;
			display: table;
			content: '';
		}

		.fn_cs_project_elegant_list .item {
			position: relative;
		}

		.fn_cs_project_elegant_list .items {
			margin-left: -70px;
			margin-bottom: 150px;
			display: flex;
			flex-direction: row;
		}

		.fn_cs_project_elegant_list[data-layout="beta"] .first_line.fn_reversed {
			flex-direction: row-reverse;
		}

		.fn_cs_project_elegant_list .first_line .right_part {
			width: 33.3333%;
			float: left;
			padding-left: 70px;
			display: flex;
			justify-content: space-between;
			flex-direction: column;
		}

		.fn_cs_project_elegant_list .first_line .left_part {
			width: 66.6666%;
			float: left;
			padding-left: 70px;
		}

		.fn_cs_project_elegant_list .second_line .item_wrapper {
			width: 33.3333%;
			padding-left: 70px;
			min-width: 33.3333%;
		}

	@media(max-width: 1200px) {
		.fn_cs_project_elegant_list .items {
			margin-left: -40px;
		}

		.fn_cs_project_elegant_list .second_line .item_wrapper,
		.fn_cs_project_elegant_list .first_line .left_part,
		.fn_cs_project_elegant_list .first_line .right_part {
			padding-left: 40px;
		}
	}

	@media(max-width: 1040px) and (min-width: 769px) {
		.fn_cs_project_elegant_list .title_holder h3 {
			display: inline-block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

			.fn_cs_project_elegant_list .title_holder h3 a {
				display: block;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

		.fn_cs_project_elegant_list .items {
			margin-bottom: 130px;
		}

		.fn_cs_project_elegant_list .title_holder {
			bottom: -130px;
			height: 130px;
		}

		.fn_cs_project_elegant_list .title_holder {
			padding-bottom: 0;
		}
	}

	@media(max-width: 768px) {
		.fn_cs_project_elegant_list .first_line .left_part {
			width: 100%;
		}

		.fn_cs_project_elegant_list .first_line .right_part {
			width: 100%;
		}

		.fn_cs_project_elegant_list .items {
			flex-wrap: wrap;
		}

		.fn_cs_project_elegant_list .second_line .item_wrapper {
			width: 100%;
		}

		.fn_cs_project_elegant_list .items {
			margin-bottom: 0;
		}

		.fn_cs_project_elegant_list .title_holder {
			height: auto !important;
			bottom: auto !important;
			position: relative;
			padding: 20px 0 25px 0;
		}
	}


	.section_3 {
		padding: 190px 0 200px 0;
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #28 Partners Gamma
/*------------------------------------------------------------------*/
	.fn_cs_personal_partners_gamma {
		width: 100%;
		height: auto;
		clear: both;
		float: left;
		text-align: center;
	}

		.fn_cs_personal_partners_gamma .partners_inner {
			width: 100%;
			height: auto;
			clear: both;
			float: left;
		}

		.fn_cs_personal_partners_gamma ul {
			margin: 0px 0px 0px -40px;
			list-style-type: none;
		}

		.fn_cs_personal_partners_gamma li {
			margin: 0px 0px 40px 0px;
			float: left;
			width: 33.3333%;
			text-align: center;
			position: relative;
			padding-left: 40px;
			overflow: hidden;
		}

		.fn_cs_personal_partners_gamma .list_inner {
			width: 100%;
			height: auto;
			clear: both;
			float: left;
			position: relative;
			min-height: 240px;
			border: 4px solid #ccc;
			border-radius: 3px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.fn_cs_personal_partners_gamma img {
			max-width: 88%;
			max-height: 100px;
			transition: all .3s ease;
		}

		.fn_cs_personal_partners_gamma .list_inner:hover img {
			transform: translate3d(50px,50px,0);
		}

		.fn_cs_personal_partners_gamma .shape {
			position: absolute;
			bottom: 10px;
			right: 10px;
			width: 36px;
			height: 36px;
			background-color: #1b8ed7;
			border-radius: 5px;
			transition: all .3s ease;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.fn_cs_personal_partners_gamma .list_inner:hover .shape {
			height: calc(100% + 10px);
			width: calc(100% + 10px);
			bottom: -5px;
			right: -5px;
			background-color: #1b8ed7;
			border-radius: 5px;
		}

		.fn_cs_personal_partners_gamma .brand {
			color: #fff;
			opacity: 0;
			visibility: hidden;
		}

		.fn_cs_personal_partners_gamma .list_inner:hover .brand {
			opacity: 1;
			visibility: visible;
		}

		.fn_cs_personal_partners_gamma .shape:before {
			position: absolute;
			content: "";
			width: 2px;
			height: 12px;
			background-color: #fff;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}

		.fn_cs_personal_partners_gamma li .shape:after {
			position: absolute;
			content: "";
			width: 12px;
			height: 2px;
			background-color: #fff;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}

		.fn_cs_personal_partners_gamma .list_inner:hover .shape:before,
		.fn_cs_personal_partners_gamma .list_inner:hover .shape:after {
			opacity: 0;
			visibility: hidden;
		}

		.fn_cs_personal_partners_gamma .full_link {
			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			z-index: 2;
		}

	@media(max-width: 1040px) {
		.fn_cs_personal_partners_gamma li {
			width: 50%;
		}
	}

	@media(max-width: 768px) {
		.fn_cs_personal_partners_gamma li {
			width: 100%;
		}
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #29 CONTACT ALPHA
/*------------------------------------------------------------------*/
	.contact_alpha {
		width: 100%;
		float: left;
		clear: both;
	}

		.contact_alpha .contact_in {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

		.contact_alpha .contact_left {
			width: 33.3333%;
			float: left;
			padding-right: 40px;
		}

		.contact_alpha .contact_right {
			width: 66.6666%;
			float: left;
		}

		.contact_alpha .left_in {
			width: 100%;
			background-color: #F6E3CF;
			padding: 78px 60px 80px 60px;
			height: 100%;
			border-radius: 5px;
		}

		.contact_alpha .contact_left h3 {
			margin: 0;
			padding: 0;
			color: #7A5235;
			font-size: 30px;
			font-weight: 400;
			line-height: 36px;
			margin-bottom: 20px;
		}

		.contact_alpha .contact_left p {
			margin: 0;
			padding: 0;
			font-size: 18px;
			color: #a78e78;
		}

		.contact_alpha textarea,
		.contact_alpha input[type="text"],
		.contact_alpha input[type="email"] {
			background-color: #eee;
			color: #111;
			border-radius: 3px;
			width: 100%;
			font-family: 'FF Shamel Family Sans One Book','IBM Plex Sans Arabic' !important;
			font-size: 14px;
			font-weight: 400;
			display: block;
		}

		.contact_alpha input[type="text"],
		.contact_alpha input[type="email"] {
			line-height: 80px;
			height: 80px;
			padding: 0 20px !important;
		}

		.contact_alpha textarea {
			padding: 20px !important;
			min-height: 160px;
		}

		.contact_alpha .item {
			margin-bottom: 20px;
		}

			.contact_alpha .item:last-child {
				margin-bottom: 0;
			}

	.empty_notice {
		color: #BE9F57;
		margin-bottom: 7px;
		display: none;
		text-align: left;
		font-weight: 500;
	}

	.error {
		color: #BE9F57;
		text-align: left;
		font-weight: 500;
	}

	.success {
		color: #656868;
		margin-bottom: 7px;
		text-align: left;
		font-weight: 500;
	}

	.contact_alpha a:hover {
		background-color: #1B8ED7;
	}

	.contact_alpha a {
		display: inline-block;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		background-color: #000;
		color: #fff;
		border-radius: 3px;
		text-decoration: none;
	}

	@media(max-width: 1200px) {
		.contact_alpha .contact_left {
			width: 100%;
			padding-right: 0;
			margin-bottom: 40px;
		}

		.contact_alpha .contact_right {
			width: 100%;
		}
	}

	@media(max-width: 768px) {
		.contact_alpha .left_in {
			padding: 28px 20px 30px 20px
		}
	}

	.section_4 {
		padding: 194px 0 200px 0;
		border-top: 1px solid #ddd;
	}

	.section_5 {
		background-color: #F5F5F5;
		padding: 192px 0 122px 0;
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #30 GALLERY GRID
/*------------------------------------------------------------------*/
	.fn_cs_gallery_grid {
		width: 100%;
		float: left;
		clear: both;
		padding: 10px 10px 0 10px;
	}

		.fn_cs_gallery_grid ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			margin-left: -10px;
		}

			.fn_cs_gallery_grid ul li {
				width: 25%;
				float: left;
				margin: 0;
				padding: 0;
				padding-left: 10px;
				margin-bottom: 10px;
			}

				.fn_cs_gallery_grid ul li img {
					opacity: 0;
					min-width: 100%;
					margin-bottom: calc(35%);
				}

				.fn_cs_gallery_grid ul li .item {
					width: 100%;
					float: left;
					clear: both;
					position: relative;
					overflow: hidden;
				}

				.fn_cs_gallery_grid ul li .abs_img {
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					bottom: -1px;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;
					transition: all 1s ease;
					will-change: transform;
				}

				.fn_cs_gallery_grid ul li .item:hover .abs_img {
					transform: scale(1.2) translateZ(0);
				}

		.fn_cs_gallery_grid[data-cols="3"] ul li {
			width: 33.3333%;
		}

		.fn_cs_gallery_grid[data-cols="2"] ul li {
			width: 50%;
		}

		.fn_cs_gallery_grid[data-cols="1"] ul li {
			width: 100%;
		}

	@media(max-width: 1040px) {
		.fn_cs_gallery_grid[data-cols="3"] ul li,
		.fn_cs_gallery_grid[data-cols="2"] ul li,
		.fn_cs_gallery_grid[data-cols="4"] ul li {
			width: 50%;
		}
	}

	@media(max-width: 768px) {
		.fn_cs_gallery_grid[data-cols="3"] ul li,
		.fn_cs_gallery_grid[data-cols="2"] ul li,
		.fn_cs_gallery_grid[data-cols="4"] ul li {
			width: 100%;
		}
	}

	.lightbox {
		cursor: pointer;
	}
	/*------------------------------------------------------------------*/
	/*	Shortcode #31 LOCATION LIST
/*------------------------------------------------------------------*/
	.fn_cs_location_list {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_location_list .list {
			list-style-type: none;
			margin: 0px;
		}

		.fn_cs_location_list .location_item {
			width: 100%;
			float: left;
			clear: both;
			margin-bottom: 20px;
		}

			.fn_cs_location_list .location_item:last-child {
				margin-bottom: 0;
			}

		.fn_cs_location_list .column {
			list-style-type: none;
			margin: 0px;
			margin-left: -30px;
		}

		.fn_cs_location_list .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			border-radius: 5px;
			overflow: hidden;
		}

		.fn_cs_location_list .img_holder {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			height: 220px;
		}

		.fn_cs_location_list .abs_img {
			position: absolute;
			z-index: 3;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.fn_cs_location_list .title_holder {
			width: 100%;
			float: left;
			clear: both;
			padding: 21px 80px 21px 30px;
			position: relative;
			background-color: #111422;
		}

			.fn_cs_location_list .title_holder h3 {
				margin: 0px;
				padding: 0px;
				font-size: 22px;
				font-weight: 400;
				letter-spacing: 0px;
				color: #eee;
			}

		.fn_cs_location_list .icon {
			width: 60px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			position: absolute;
			display: block;
			color: #fff;
			background-color: #B4975A;
			z-index: 5;
		}

			.fn_cs_location_list .icon img,
			.fn_cs_location_list .icon svg {
				position: absolute;
				width: 30px;
				height: 30px;
				top: 50%;
				left: 50%;
				margin: -15px 0px 0px -15px;
			}

		.fn_cs_location_list .content_holder {
			width: 100%;
			float: left;
			clear: both;
			padding: 34px 30px;
			background-color: #0d0e13;
			line-height: 1.5;
		}

			.fn_cs_location_list .content_holder ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}

			.fn_cs_location_list .content_holder li {
				margin: 0;
				padding: 0;
				margin-bottom: 8px;
				color: #999;
			}

				.fn_cs_location_list .content_holder li:last-child {
					margin-bottom: 0;
				}

			.fn_cs_location_list .content_holder a {
				color: #B4975A;
				text-decoration: none;
			}

				.fn_cs_location_list .content_holder a:hover {
					text-decoration: underline;
				}

		.fn_cs_location_list .icon_wrapper {
			width: 80px;
			bottom: 0px;
			position: absolute;
			right: 0px;
			top: 0px;
			z-index: 5;
			overflow: hidden;
		}

		.fn_cs_location_list .shape {
			width: 30px;
			position: absolute;
			content: '';
			left: 20px;
			top: -20px;
			bottom: 0px;
			background-color: #B4975A;
			transform-origin: bottom;
			z-index: 1;
			transition: all .3s ease;
		}

		.fn_cs_location_list .item:hover .shape {
			transform: rotate(-13deg);
		}
	/*------------------------------------------------------------------*/
	/*	Shortcode #32 CHECK LIST
/*------------------------------------------------------------------*/
	.fn_cs_check_list {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 50px;
	}

		.fn_cs_check_list h3 {
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			font-weight: 400;
			letter-spacing: 0px;
			margin-bottom: 33px;
		}

		.fn_cs_check_list .list {
			width: 100%;
			float: left;
			clear: both;
		}

		.fn_cs_check_list ul {
			margin: 0px;
			list-style-type: none;
			margin-left: -30px;
		}

		.fn_cs_check_list li {
			width: 50%;
			float: left;
			padding-left: 30px;
			margin-bottom: 20px;
		}

		.fn_cs_check_list .item {
			width: 100%;
			float: left;
			clear: both;
			position: relative;
			padding-left: 35px;
			min-height: 18px;
		}

			.fn_cs_check_list .item p {
				margin: 0px;
				padding: 0px;
				line-height: 18px;
				font-size: 16px;
				position: relative;
				top: 2px;
			}

			.fn_cs_check_list .item svg,
			.fn_cs_check_list .item img {
				position: absolute;
				width: 18px;
				height: 18px;
				color: #B4975A;
				top: 0px;
				left: 0px;
			}

	@media (max-width: 768px) {
		.fn_cs_check_list li {
			width: 100%;
		}
	}


	.fn_cs_justified_wrap,
	.fn_cs_justified {
		width: 100%;
		float: left;
		clear: both;
	}

		.fn_cs_justified .plus {
			opacity: 0;
			visibility: hidden;
			background-color: rgba(17,20,34,.9);
			z-index: 3;
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			transition: all .5s ease;
		}

			.fn_cs_justified .plus:after {
				width: 20px;
				height: 2px;
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -1px 0px 0px -10px;
				background-color: #B4975A;
				z-index: 5;
			}

			.fn_cs_justified .plus:before {
				width: 2px;
				height: 20px;
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -10px 0px 0px -1px;
				background-color: #B4975A;
				z-index: 5;
			}

		.fn_cs_justified a:hover .plus {
			opacity: 1;
			visibility: visible;
		}

	.industify_fn_psingle_content {
		padding: 100px 0;
	}

		.industify_fn_psingle_content .content_in,
		.industify_fn_psingle_content {
			width: 100%;
			float: left;
			clear: both;
		}

			.industify_fn_psingle_content .content_in {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				-webkit-flex-direction: row;
				-moz-flex-direction: row;
				-ms-flex-direction: row;
				-o-flex-direction: row;
				flex-direction: row;
			}

			.industify_fn_psingle_content .helpful_part {
				width: 370px;
				min-width: 370px;
				position: relative;
				box-sizing: border-box;
				margin-left: 70px;
			}

			.industify_fn_psingle_content .hp_inner {
				width: 100%;
				float: left;
				clear: both;
				padding: 36px 40px 34px 40px;
				background-color: #fff;
				position: relative;
				box-shadow: 0px 0px 40px rgb(0 0 0 / 10%);
				border-radius: 5px;
			}

			.industify_fn_psingle_content .helpful_part ul {
				list-style-type: none;
				margin: 0px;
				position: relative;
				z-index: 10;
			}

			.industify_fn_psingle_content .helpful_part li {
				margin-bottom: 21px;
			}

				.industify_fn_psingle_content .helpful_part li:last-child {
					margin-bottom: 0px;
				}

			.industify_fn_psingle_content .helpful_part p {
				margin: 0px;
				padding: 0px;
				line-height: 1.4;
				margin-bottom: 1px;
				color: #B4975A;
			}

			.industify_fn_psingle_content .helpful_part span {
				display: block;
				color: #777;
				line-height: 1.4;
			}

				.industify_fn_psingle_content .helpful_part span a {
					text-decoration: none;
					color: #777;
				}

					.industify_fn_psingle_content .helpful_part span a:hover {
						color: #B4975A;
					}

	.industify_fn_share_icons {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		z-index: 2;
		overflow: hidden;
	}

		.industify_fn_share_icons label {
			letter-spacing: 0px;
			line-height: 40px;
			color: #041230;
			margin-right: 5px;
			display: inline-block;
			font-weight: 600;
			position: relative;
			z-index: 2;
		}

		.industify_fn_share_icons ul {
			display: initial;
			margin: 0px 0px 0px -5px;
			list-style-type: none;
			z-index: 2;
			position: relative;
		}

			.industify_fn_share_icons ul li {
				margin: 0px;
				display: inline-block;
				margin-left: 5px;
				text-align: center;
			}

				.industify_fn_share_icons ul li a {
					display: block;
					text-decoration: none;
					font-size: 15px;
					letter-spacing: 0px;
					color: #041230;
					line-height: 1;
					width: 20px;
					height: 40px;
					font-weight: 600;
					padding: 13px 0px 12px 0px;
					-webkit-transition: all .5s ease;
					-moz-transition: all .5s ease;
					-ms-transition: all .5s ease;
					-o-transition: all .5s ease;
					transition: all .5s ease;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}

					.industify_fn_share_icons ul li a:hover {
						color: #B4975A;
					}

					.industify_fn_share_icons ul li a i {
						-webkit-transition: none;
						-moz-transition: none;
						-ms-transition: none;
						-o-transition: none;
						transition: none;
					}

	@media(max-width: 1040px) {
		.industify_fn_psingle_content .content_in {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
		}

		.industify_fn_psingle_content .content_part {
			margin-bottom: 50px;
		}

		.industify_fn_psingle_content .helpful_part {
			width: 100%;
			min-width: 100%;
			margin-left: 0;
		}
	}

	@media(max-width: 768px) {
		.industify_fn_psingle_content .hp_inner {
			padding-right: 30px;
			padding-left: 30px;
		}
	}