/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Version: Updated for Divi 3+
*/



/* - HomeSlider Banner Setting */
.ds-slider-right .et_pb_slide {padding: 0 80px!important;}
.ds-slider-right .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{padding: 60px!important;}
.et_pb_fullwidth_section .ds-slider-right.et_pb_slider .et_pb_container {	margin-right: 0px !important;}

/* - Work Logo & Menu Setting */
.work-body .et_pb_image.et_pb_image_1_tb_header,
.logo-black.et_pb_image{display: none;}
.work-body .logo-black.et_pb_image{display: block;}
.work-body .et_pb_menu.et_pb_menu ul li a {color: #6e6e6e!important}
.work-body .et_pb_section_0_tb_header{/*position: relative!important;*/}

/* - Home Banner Project Title Setting */
.banner-bottom {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	color: #ffff;
	z-index: 999;
}

.value-section {position: relative;}
.value-title {position: absolute;left: 30px;bottom: 27px;color: #fff;font-size: 14px;line-height: 24px;font-weight: 500;text-align: left;}
.value-title p span{display: block;font-weight: 300;}

/* - Home Banner Project Title Setting */
.banner-bottom{position: absolute;bottom: 0;right: 0;left: 0;padding: 0 80px!important;}
.slider_title {float: left;}
.slider_arrow {float: right;}
.slider_title, .slider_arrow{bottom: 25px;padding: 0;position: relative; color:#fff;}

.ds-slider-right .et_pb_slides .et_pb_slide.et_pb_slide_0 .et_pb_slider_container_inner{
	vertical-align: top!important;
}
.et-pb-active-slide .animated-text {
	animation: fadeIn;
	-webkit-animation: fadeIn ;
	-moz-animation: fadeIn;
	-o-animation: fadeIn;
	-ms-animation: fadeIn;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}



@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* - work page specific */
html,body.work-body{height: 100%;}
body.work-body #et-main-area {min-height: 100%;display: grid;grid-template-rows: 1fr auto;}
body.work-body .et-l.et-l--footer {grid-row-start: 2;}
body.work-body  #page-container,
body.work-body  #et-boc{height: 100%;}

/* - global Sticky Footer Logic */
html,body{height: 100%;}
body #et-main-area {min-height: 100%;display: grid;grid-template-rows: 1fr auto;}
body .et-l.et-l--footer {grid-row-start: 2;}
body #page-container,
body #et-boc{height: 100%;}

body.work-body.no_results_isotop .et-l--footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}


/* - amdin loging scroll */
html.et-fb-preview--tablet,
body.logged-in{height: auto;}



.catName {
	float: right;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0.6px;
	margin-right: 8px;
	margin-top: 6px;
	line-height: 18px;
}
.catName i{font-style: normal;color: #b82927;display: inline-block;margin: 0 8px;}
.catName span {float: none;padding-right: 0;margin-top: 0;font-weight: 300 !important;color: #6e6e6e;display: inline-block;}

/* - Work Single Page Header Setting */
body.single.single-work header .et_pb_section_0_tb_header.et_pb_section{background-color: rgba(245,245,245,1) !important;transition: background-color 0.9s ease;}
body.single.single-work header.stick .et_pb_section_0_tb_header.et_pb_section{background-color: rgba(245,245,245,0.95) !important;}
.worksingle-container {height: 100% !important;}

/******** team section **********/
.team-post {
	padding: 0 !important;
}
.team-post li {
	width: 22.75%;
	float: left;
	list-style-type: none;
	text-align: center;
	transition: 0.2s ease-in-out;
	background-size: cover;
	
	/* margin: 23px 3% 20px 0; */
	margin-right: 3%;
	margin-bottom: 20px;
	position:relative;
	background-image: none !important;
}
.team-post li:nth-child(4n+0){
	margin-right:0px;
}
.team-post li a {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	bottom: 7px;
	padding-top: 48%;
	transition:0.2s ease-in-out;
	background-color: rgba(43,43,43,0);
}
.team-post li a:hover { background-color: rgba(43,43,43,0.2);}
.team-post li a h4, .team-post li a p { opacity:0; transition:0.2s ease-in-out; padding: 0 15px;}

.team-post li:hover {
	background-blend-mode: color;
}
.team-post li:hover h4, .team-post li:hover p { opacity:1;}
.no-related-items .main-wrapper-cls{padding-bottom:112px;}
.menu-open .flickity-button{display:none;}

/* ## Responsive */
@media (max-width:980px) {	
	.team-post {	text-align: center;}
	.team-post li:nth-child(4n) {	margin-right: 2%;}
	.team-post li:nth-child(3n) {	margin-right: 0;}
	.team-post li {	width: 31.25%; max-width: 260px; margin-right: 2%; margin-bottom: 10px;}
	
	header .et_pb_module.et_pb_image_2_tb_header,
	header .et_pb_module.et_pb_image_1_tb_header{margin-left: 15px!important;}
	.banner-bottom, .ds-slider-right .et_pb_slide{padding: 0 46px!important;}
	.ds-slider-right .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{padding: 30px!important;}
	
	
	
	.et_pb_image_sticky.et_pb_module{margin-left: 0!important;max-width: 215px!important;width: 100%;}
	
	/*.et_pb_menu .et_mobile_nav_menu{margin: 0;}*/
	.ds-slider-right .et_pb_slide{
		padding: 0 30px;
	}
	
	/* - Menu Setting */	
	.pa-header .et_pb_row_0_tb_header .et_pb_column.logo-block {
		margin-bottom: 0 !important;
		max-width: 215px;
		z-index: 99999;
	}
	.et_pb_menu__wrap .mobile_menu_bar::before {
		top: -10px;
	}
	.mobile_nav.opened::before {
		position: fixed;
		content: "";
		background-color: rgba(178,43,43,0.85);
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 0;
	}
	body.menu-open{
		overflow: hidden;
	}
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
		/*display: grid !important;*/
		opacity: 0;
		height: 80% !important;
		padding: 0 !important;
		justify-items: center;
		align-content: center;
	}
	body.menu-open .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
		background-color: transparent !important;
		border: none !important;
		box-shadow: none;
		top: 50%;
		transform: translateY(-50%);
		position: fixed;
		max-height: 90vh;
		overflow-y: auto;
		opacity: 1;
		height: auto !important;
	}	
	header .et_pb_column--with-menu {
		position: absolute;
		left: auto;
		right: 0;
		width: auto !important;
	}
	.pa-fixed-header .et_pb_menu_0_tb_header .mobile_nav.opened .mobile_menu_bar::before,
	.opened .mobile_menu_bar::before {content: "\4d";color: #fff !important;}
	body.menu-open .et_pb_menu_0_tb_header.et_pb_menu ul li a {
		text-align: center;
		border: none;
		font-size: 31.5px !important;
		line-height: 70px;
		letter-spacing: 3px !important;
		padding: 0;
		color: #fff !important;
	}
	.et_mobile_menu li a:hover,
	.nav ul li a:hover {
		background-color: transparent;
		color: #fff;
	}
	
	body.menu-open .et-l.et-l--footer {
		position: fixed;
		bottom: 15px;
		z-index: 9;
		left: 0;
		text-align: center;
		right: 0;
	}
	body.menu-open .et_pb_section_0_tb_footer.et_pb_section {
		padding: 0 !important;
		background-color: transparent !important;
	}
	body.menu-open .footer-tablet-section.et_pb_row {
		padding: 0 !important;
	}
	
	body.menu-open .faddress-block.et_pb_column {
		width: 100% !important;
	}
	body.menu-open .logo-default.et_pb_image,
	body.menu-open .faddress-block .footer-box,
	body.menu-open .siteby-block,
	body.menu-open .copyright-block {
		display: none;
	}
	
	body.menu-open .logo-block {
		z-index: 99999;
		max-width: 215px !important;
	}
	body.menu-open .logowhite.et_pb_image{
		display: block;
		margin-left: 0 !important;
	}
	.logowhite {
		display: none;
	}	
	body.menu-open .faddress-block #footer-block a {
		color: #fff !important;
	}
	body.menu-open .pa-fixed-header .et_pb_image .et_pb_image_wrap {
		content: "";
	}
	
	
	.catName{
		float: left;
		display: inline-block;
		width: 100%;
		margin-bottom: 15px;
		margin-top: 0;
		margin-right: 0;
	}
	.work-filter-section {
		position: relative;
		z-index: 999999;
	}
	
}
@media (max-width:840px) {	

}
@media (min-width:768px) {	
	.et_pb_image_1_tb_header{
		display: none;
	}
}


@media (max-width:767px) {	
	

	.banner-bottom,.ds-slider-right .et_pb_slide{padding: 0 32px!important;}
	
	/*.work-body .logo-black.et_pb_image,
	header .et_pb_module.et_pb_image_sticky{
		max-width: 200px;
	margin-top: 10px;
	}*/
	/*.work-body .et_pb_image.et_pb_image_1_tb_header{display: block;}	*/
		
	.et_pb_section--fixed .et_pb_column,
	.pa-fixed-header .et_pb_column{
		margin-bottom: 0!important;
	}
	.et_pb_image_1_tb_header,
	.pa-fixed-header .et_pb_image_1_tb_header{
		width: auto!important;
	}
	
	.footer-tablet-section .et_pb_column.et_pb_css_mix_blend_mode_passthrough{
		width: 100%!important;
	}
	
	.footer-tablet-section .footer-box p {
		text-align: center!important;
	}
	
	.catName span:nth-child(2){
		display: inline-block;
		width: 100%;
	}
	
	
	body.work-body.no_results_isotop .et-l--footer {
		position: relative;
		z-index: 0;
	}
	body.work-body.no_results_isotop.menu-open .et-l--footer {
		z-index: 2;
	}
	
	.team-post li {	margin-right: 1.45%; margin-left: 1.45%;	width: 47%;	/* max-width: 220px; */	max-width: none;	/* background-size: contain; */}
	.team-post li:nth-child(3n) {	margin-right: 1.45%;}
	.team-post li:nth-child(4n) {	margin-right: 1.5%;}
	
}
@media (max-width:698px) {	
	.team-post li img {	width: 100%;}

}
@media (max-width:640px) {	
	
	.banner-bottom {	bottom: 40px;}
	/*.et_pb_section--fixed .et_pb_column--with-menu {width: 100px !important;float: right;}
	header .et_pb_module.et_pb_image_0_tb_header {margin-left: 0px !important;}
	.et_pb_image_sticky.et_pb_module{ margin-left: 0!important; max-width: 210px!important;width: 100%;}
	.et_mobile_menu {	left: -70px;	width: 180%;}*/
	.team-post li {	margin-right: auto;	width: 100%;	max-width: 290px;	float: none;	margin-left: auto;}	
	.team-post li:nth-child(3n) {
	margin-right: auto;
}
	.team-post li:nth-child(4n) {
	margin-right: auto;
}
	
	
}

@media (max-width:480px) {	
	
	.banner-bottom,.ds-slider-right .et_pb_slide {	padding: 0 32px !important;}
	.slider_title, .slider_arrow{bottom: 30px;}
	.slider_title{max-width: 180px; text-align: left;}
	.slider_arrow{bottom: 15px!important;}
	.ds-slider-right .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {padding: 18px 30px 25px !important;}
	.ds-slider-right .et_pb_slide_description .et_pb_slide_content{
		height: 240px;
		overflow-y: auto;
		padding-right: 10px;
	}
	.slider_arrow img{width: 30px;height: auto;}
	
}

@media (max-width:479px) {	
	
	.meetour-team .four-columns .et_pb_column{
		background-size: contain!important;
	}
	.meetour-team .four-columns  .et_pb_module.et_pb_blurb{
		max-width: 240px; 
		margin: 0 auto;
	}
	
	.catName{
		margin-bottom: 10px !important;
	}
	.filter-btn .catName span {
		margin-bottom: 5px !important;
	}
}