/*================== General style ======================*/

body{
	text-rendering: optimizeLegibility !important;
}


.ast-single-post .entry-content a{
  text-decoration: none !important;
}
.pp-advanced-menu--dropdown.pp-menu-off-canvas.pp-menu-off-canvas-right .pp-menu-close-wrap {
    right: 20px !important;
    left: unset !important;
	display: none;
}
.pp-menu-clear{
	display: none !important;
}
.pp-hamburger{
	z-index: 9999999999 !important;
}
.pp-menu-style-toggle{
	z-index: 9 !important;
}
.pp-active .pp-hamburger-inner,
.pp-active .pp-hamburger-inner:before,
.pp-active .pp-hamburger-inner:after{
	background-color: #E30D1D !important;
}
#menu-main-menu-1 li a{
	padding-left: 0px !important;
	padding-right: 67px !important;
}
.pp-advanced-menu--dropdown.pp-menu-off-canvas {
    width: 340px; 
}
body.pp-menu--off-canvas .pp-advanced-menu--dropdown.pp-menu-464a5c9 .pp-menu-close:before, body.pp-menu--off-canvas .pp-advanced-menu--dropdown.pp-menu-464a5c9 .pp-menu-close:after{
  background-color: #e30d1d;	
}

.pp-advanced-menu--dropdown ul.pp-advanced-menu {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home .elementor-location-footer{
	display: none!important;
}

/*================== Header style ======================*/

.menu-item-two a{
  color: #ff4390 !important;	
}

.menu-item-third a{
  color: #16abe0 !important;	
}

.menu-item-four a{
  color: #00d4c4 !important;	
}


/*================== Homepage style ======================*/

.image-full-width.elementor-widget-image img {
    display: block !important;
    width: 100% !important;
}
.image-full-width img{
	object-position: left top !important;
}
.image-full-width a{
	display: block !important;
}

.home-more-work-button .elementor-widget-container{
	float: right !important;
}

.home-more-work-button .elementor-widget-container h2 a{
  position: relative;
  display: block;
}

.home-more-work-button .elementor-widget-container h2 a:hover{
  color: #E30D1D !important; 	
}

.browse_more_work{
	    justify-content: flex-end;
}

.browse_more_work .work_arrow .elementor-widget-container{
	
	height: 15px;
	margin-top: 15px;
}


.work_arrow img{
    filter: grayscale(100);
}
.back_work:hover .work_arrow img{
    filter: grayscale(0);
    transition: .3s;
	animation: mymovework .8s infinite;
}
.back_work:hover .work_arrow {
    transition: .3s;
	animation: mymovework .8s infinite;
}
@keyframes mymovework {
    0% { left: 0px;}
    50%{ left : 10px}
    100%{ left: 0px;}
	
}
.back_work:hover .home-more-work-button h2 a{
	color: #E30D1D !important;
}

.work-box-heading:hover .work-box-arrow{
    transition: .3s;
	animation: mymovework .8s infinite;
}



@keyframes mymovework {
    0% { left: 0px;}
    50%{ left : 10px}
    100%{ left: 0px;}
	
}
/*================== Work page style ======================*/

.page-id-212 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, .page-id-212 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .page-id-212 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after {
    background-color: #d21422 !important;
}

/*================== People page style ======================*/

.page-id-281 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, .page-id-281 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .page-id-281 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after {
    background-color: #d21422 !important;
}

.people-section .elementor-widget-image{
  margin-bottom: 0px !important;	
}


.people-section .people-hover-image, .people-section .people-default-image{
   transition: .5s;
}

.people-section .people-hover-image{ 
	position: absolute;
	top: 45px;
	z-index: -1;
}
.single_item .people-hover-image.elementor-widget-image .widget-image-caption {
    margin-top: 9px !important;
}
@-moz-document url-prefix() {
	.single_item .people-hover-image.elementor-widget-image .widget-image-caption {
		margin-top: 8px !important;
	}
}
 

.people-section .elementor-inner-section .elementor-column:hover .people-default-image{
	opacity:0; 
}
 
.people-section .elementor-widget-image .widget-image-caption{
    background: #232323 !important;
    margin: 0px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
/*     font-size: 20px !important; */
    font-size: 16px !important;
    text-align: left !important;
    line-height: 27px !important;	
	height: 75px;
    display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
    align-items: center;
    font-weight: 800;
}

.people-section .elementor-widget-image:hover .widget-image-caption, .people-section .people-hover-image.elementor-widget-image .widget-image-caption{
    background: #E30D1D !important;	
}


.dialog-widget-content{
	background:transparent;
	box-shadow: none!important;
}
.dialog-widget-content i{
	color: #16ABE0!important;
    font-size: 35px;
}


/*================== Contact page style ======================*/

.page-id-334 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, .page-id-334 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .page-id-334 .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after {
    background-color: #d21422 !important;
}

.link-hover a:hover{
    color: #E30D1D !important;	
}


/*================== Work Details page style ======================*/
.work-details-video .elementor-fit-aspect-ratio{
	overflow: hidden;
    position: relative;
    width: 100%;
}
.work-details-video .elementor-video{
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.work-details-video .elementor-widget-container {
    overflow: visible !important;
}
.work-details-video .elementor-custom-embed-image-overlay:after{
    content: 'Play';
    background: #16abe0;
    width: 130px;
    height: 130px;
    position: absolute;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-family: "Open Sans Condensed ExtraBold", Sans-serif;
    line-height: 130px;
    border-radius: 50%;
    right: -63px;
    bottom: 100px;
    z-index: 9999;	
	transition: .3s;
	display:none;
}
.work-details-video .elementor-custom-embed-image-overlay:hover:after{
      background: #E30D1D;
}
.work-details-video .elementor-custom-embed-play {
	top: unset !important;
    bottom: 0px !important;
    left: 48px !important;
}
.work-details-video .elementor-custom-embed-play i {
    font-size: 53px !important;
}

.back-to-work-button .elementor-widget-container h2 a {
    position: relative;
    display: block;
}

.back-to-work-button .elementor-widget-container h2 a:after{
    content: url(images/arrow-7.png);
    position: absolute;
    right: 95px;
    top: 0px;
    transform: rotate(180deg);
}
.back-to-work-button .elementor-widget-container h2 a:hover:after{
    content: url('images/arrow-14.png');
	animation: fadeInRight 1s ease-in-out;
	transform: rotate(0deg);
	right: 95px;
    top: -5px;
}

.back-to-work-button .elementor-widget-container h2 a:hover{
   color: #E30D1D !important;		
}

.other-projects-section .highlight .elementor-element-populated,
.other-projects-section .hover .elementor-element-populated{
     opacity: .5;
}


.other-projects-section .elementor-widget-divider--view-line_text .elementor-divider-separator {
    align-items: start!important;
}
.other-projects-section .elementor-widget-divider--view-line_text .elementor-divider-separator:before {
    margin-top: 10px!important;
}
.other-project .elementor-divider__text {
    max-width: 70%!important;
}


.work-details-video .elementor-custom-embed-image-overlay{
  cursor: url(https://orfeostorysite.com/publicis_v2/wp-content/uploads/2022/06/play-cursor-icon-2.png), ew-resize !important;	
}

/*================== Responsive style ======================*/

@media only screen and (max-width: 1600px) {
  
.back-to-work-button .elementor-widget-container{
    display: inline-block;
    float: left;
    padding-left: 10px;
}
	.publicis-img img{
	 padding-bottom: 35px;
}
	.project-heading .elementor-divider:before {
    content: '';
    width: 20%;
    height: 5%;
    position: absolute;
    left: 0;
    top: 05px;
    background: #000;
}

}	
@media only screen and (max-width: 1440px) {
  
.project-heading .elementor-divider:before {
    content: '';
    width: 13%;
    height: 5%;
    position: absolute;
    left: 0;
    top: 6px;
    background: #000;
}
.other-project .elementor-divider__text {
    max-width: 80%!important;
}
}	



@media only screen and (max-width: 1199px) {
  
.homepage-heading .elementor-widget-container{
  margin: 0px 0px 0px 0px !important;		
}	
	
.homepage-heading .elementor-widget-container .elementor-heading-title{
  font-size: 55px !important;		
}
	
}

@media only screen and (max-width: 1100px) {
  
	.people-section .elementor-widget-image .widget-image-caption {
		font-size: 16px !important;
	}	
	
}

@media only screen and (max-width: 1024px) {
  
	.homepage-heading .elementor-widget-container .elementor-heading-title {
		font-size: 30px !important;
		line-height: 40px !important;
	}
	.people-section .elementor-widget-image .widget-image-caption {
		font-size: 14px !important;
		line-height: 16px !important;
	}
	.people-section .elementor-widget-image .widget-image-caption {
		padding: 10px 15px !important;
	}
	.back-to-work-button .elementor-widget-container h2 a {
		width: 166px;
	}
	.work-details-video .elementor-custom-embed-image-overlay:after {
		width: 85px;
		height: 85px;
		line-height: 85px;
		right: -40px;
		bottom: 48px;
		font-size: 20px;
	}
	.back-to-work-button .elementor-widget-container h2 a:after{
		right: 70px;
	}	
	.back-to-work-button .elementor-widget-container h2 a:hover:after{
		right: 70px!important;
	}	
	.other-project .elementor-divider__text {
		max-width: 90%!important;
	}
	.people-section .people-hover-image {
		top: 36px;
	}
	
}


@media only screen and (max-width: 767px){
	
	.image-full-width img{
		height: unset !important;
	}
	.pp-advanced-menu--icon{
		margin-right: 15px;
	}
	#menu-main-menu-1 li a {
		padding-right: 40px !important;
	}
	.home-more-work-button .elementor-widget-container h2 a:before {
		right: 5px;
	}	
	.work-details-video{
	  	width: 95% !important;		
	}	
	.work-details-video .elementor-custom-embed-image-overlay:after {
		width: 65px;
		height: 65px;
		line-height: 65px;
		right: -32px;
		bottom: 28px;
		font-size: 15px;
	}	
/* 	.people-section .people-hover-image{
		display: block;	
	} */
	.people-section .people-default-image{
		opacity: 0 !important;
	}	
/* 	.people-section .people-hover-image.elementor-widget-image .widget-image-caption {
		background: #232323 !important;
	}	 */
	.back-to-work-button .elementor-widget-container h2 a:after{
		right: 85px;
	}
/* 	.people-section .people-hover-image {
		 position: relative!important; 
		top: 0!important; 
		z-index: -1;
	} */
	.people-section .people-default-image a{
		display: block !important;
	}
	.elementor-popup-modal h2.elementor-heading-title {
		font-size: 2em;
	}
	.browse_more_work.special-2 .home-more-work-button:before{
		 animation: mymovehome .8s infinite;
	}
	@keyframes mymovehome {
		0% { left: 200px;}
		50%{ left : 185px}
		100%{ left: 200px;}
	}	
	.homepage-heading .elementor-widget-container .elementor-heading-title {
    	font-size: 18px !important;
		line-height: 20px !important;
	}
/* 	.homepage-heading .elementor-widget-container .elementor-heading-title br{
		display: none !important;
	} */
	.sub_heading_description .elementor-widget-container, 
	.sub_heading_description .elementor-widget-container p{
		font-size: 14px !important;
    	line-height: 20px;
	}
	.sub_header_margin,
	.work-box-arrow,
	.sub_heading_description{
		margin-bottom: 0px !important;
	}
	.sub_heading_description{
		margin-top: 5px;
	}
	.people-hover-image figure a,
	.people-hover-image figure a img{
		display: block !important;
		width: 100% !important;
	}
	.header-main-menu{
		top: -30px !important;
	}
	
	.play_video_hover:hover .img-cover {
		display: block !important;
	}
	.play_video_hover .img-cover {
/* 		display: none !important; */
	}
	.header_banner .elementor-background-video-container,
	.header_banner .elementor-background-video-hosted{
		display: none !important;
	}
	
}


@media only screen and (max-width: 360px){

/* .homepage-heading .elementor-heading-title {
    font-size: 30px !important;
    line-height: 40px !important;
} */
	
}