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



	01. BENY HOMEPAGE PERSONAL

		1.1 HERO
		1.2 ABOUT
		1.3 SERVICES
		1.4 PORTFOLIO
		1.5 TIMELINE
		1.6 TEAM
		1.7 TESTIMONIALS
		1.8 NEWS
		1.9 CONTACT
		1.10 FOOTER
		
	
/*---------------------------------------------------*/
/*	 BENY BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Roboto";
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.8px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #fff;
	color: #6f6f6f;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #6f6f6f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #6f6f6f;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #6f6f6f;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #6f6f6f;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #6f6f6f;
}

::placeholder { /* Most modern browsers support this now. */
   color: #6f6f6f;
}
.beny_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.beny_tm_all_wrap,
.beny_tm_all_wrap *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.beny_tm_all_wrap .wrapper_inner{
	width: 100%;
	min-height: 100vh;
	clear: both;
	float: left;
}
.beny_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.beny_tm_preloader{
  position: fixed;
  background-color: #fff;
  z-index: 9999999;
  height: 100%;
  width: 100%;
	
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s; }  
.beny_tm_preloader .spinner_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 33333;
}
.beny_tm_preloader.loaded {
    opacity: 0;
    visibility: hidden;
}
.beny_tm_preloader:before,
.beny_tm_preloader:after{
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background-color: #000;
	
    -webkit-transition: .7s all ease;
    -o-transition: .7s all ease;
    transition: .7s all ease;
}
.beny_tm_preloader:before{
    top: 0;
    left: 0; 
}
.beny_tm_preloader:after{
    bottom: 0;
	left: 0; 
}
.beny_tm_preloader.loaded:before, 
.beny_tm_preloader.loaded:after{height: 0%;}

/*---------------------------------------------------*/
/*	 1. BENY DEMO PORTFOLIO
/*---------------------------------------------------*/

/**** 1.01. HERO ****/

.beny_tm_first_hero{
	width: 100%;
	height: 100vh;
	clear: both;
	float: left;
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
	margin-bottom: 160px;
	overflow: hidden;
}
.beny_tm_first_hero .hero_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.beny_tm_first_hero .hero_overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.3);
}
.beny_tm_first_hero .hero_text{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	z-index: 2;
}
.beny_tm_first_hero .hero_text h3{
	color: #fff;
	margin-bottom: 6px;
}
.beny_tm_first_hero .hero_text p{
	color: #fff;
	font-size: 55px;
	font-weight: 700;
	margin-bottom: 5px;
}
.beny_tm_first_hero .hero_text .social ul{
	margin: 0px;
	list-style-type: none;
}
.beny_tm_first_hero .hero_text .social ul li{
	margin: 0px 15px 0px 0px;
	display: inline-block
}
.beny_tm_first_hero .hero_text .social ul li:last-child{margin-right: 0px;}
.beny_tm_first_hero .hero_text .social ul li a{
	text-decoration: none;
	color: #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_first_hero .hero_text .social ul li a:hover{color: #FF5E5F;}
.beny_tm_arrow_wrap{
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	margin-left: -21px;
	z-index: 55;
}
.beny_tm_arrow_wrap.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
.beny_tm_arrow_wrap a{
	text-decoration: none;
	color: #fff;
	font-size: 30px;
}
.beny_tm_first_menu{
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 35px 0px;
	z-index: 11;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_first_menu .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.beny_tm_first_menu .inner .logo img{max-width: 100px;}
.beny_tm_first_menu .inner .logo .dark{display: none;}
.beny_tm_first_menu .inner .menu ul{
	list-style-type: none;
	margin: 0px;
}
.beny_tm_first_menu .inner .menu ul li{
	margin: 0px 35px 0px 0px;
	float: left;
}
.beny_tm_first_menu .inner .menu ul li:last-child{margin-right: 0px;}
.beny_tm_first_menu .inner .menu ul li a{
	text-decoration: none;
	color: #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_first_menu .inner .menu ul li a:hover{color: #17cca3;}
.beny_tm_first_menu.animate{
	padding: 25px 0px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.beny_tm_first_menu.animate .logo .dark{display: block;}
.beny_tm_first_menu.animate .logo .light{display: none;}
.beny_tm_first_menu.animate .menu ul li a{color: #000;}
.beny_tm_first_menu.animate .menu ul li a:hover{color: #17cca3;}
.beny_tm_first_menu .inner .menu ul li a:hover{color: #FF5E5F;}

/********	1.2 ABOUT    *******/

.beny_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 140px;
}
.beny_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.beny_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.beny_tm_about .about_inner .about_image{
	width: 100%;
	max-width: 200px;
	height: 200px;
	margin: 0px auto;
}
.beny_tm_about .about_inner .about_image .image{position: relative;}
.beny_tm_about .about_inner .about_image .image img{border-radius: 100%;}
.beny_tm_about .about_inner .about_image .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 100%;
}
.beny_tm_about .about_inner .about_image{margin-bottom: 50px;}
.beny_tm_about .about_inner .about_image .image .main:before{
	position: absolute;
	content: "";
	top: -10px;
	bottom: -10px;
	right: -10px;
	left: -10px;
	background-color: rgba(0,0,0,.08);
	border-radius: 100%;
	z-index: -1;
}
.beny_tm_about .about_inner .text{
	width: 100%;
	max-width: 720px;
	margin: 0px auto;
	margin-bottom: 40px;
}
.beny_tm_about .about_inner .text p span{
	color: #FF5E5F;
	font-weight: 500;
}
.beny_tm_first_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.beny_tm_first_button a{
	text-decoration: none;
	display: inline-block;
	padding: 8px 33px;
	border: 2px solid #FF5E5F;
	position: relative;
	overflow: hidden;
}
.beny_tm_first_button a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #FF5E5F;
	left: 0px;
	top: 0px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_first_button a:hover:before{left: 100%;}
.beny_tm_first_button a span{
	position: relative;
	z-index: 1;
	color: #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_first_button a:hover span{color: #000;}

/********	1.3 SERVICES    *******/

.beny_tm_personal_services{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 135px;
	padding-bottom: 140px;
	margin-bottom: 133px;
	background-color: #f1f1f1;
}
.beny_tm_services_first{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.beny_tm_title_holder_personal{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.beny_tm_title_holder_personal h3{
	font-size: 50px;
	position: relative;
	display: inline-block;
	z-index: 2;
}
.beny_tm_title_holder_personal h3:before{
	position: absolute;
	content: "";
	width: 100%;
	left: 0px;
	bottom: 15px;
	height: 10px;
	z-index: 1;
	background-color: #FF5E5F;
}
.beny_tm_title_holder_personal h3 span{
	position: relative;
	z-index: 2;
}
.beny_tm_personal_services .service_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
	margin-bottom: 93px;
}
.beny_tm_personal_services .service_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.beny_tm_personal_services .service_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.beny_tm_personal_services .service_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	padding: 60px 40px;
	text-align: center;
}
.beny_tm_personal_services .service_list ul li .inner:before{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    left: 50%;
    bottom: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_personal_services .service_list ul li .inner:after{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    right: 50%;
    bottom: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_personal_services .service_list ul li .inner:hover:before{width: 50%;}
.beny_tm_personal_services .service_list ul li .inner:hover:after{width: 50%;}
.beny_tm_personal_services .service_list ul li .inner .svg{
	width: 45px;
	height: 45px;
	color: #FF5E5F;
	margin-bottom: 10px;
}
.beny_tm_personal_services .service_list ul li .inner .title h3{
	font-size: 20px;
	margin-bottom: 20px;
}
.beny_tm_skills{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.beny_tm_skills .skills_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.beny_tm_skills .skills_inner .progress_inner{margin-bottom: 41px;}
.beny_tm_skills .skills_inner .progress_inner:last-child{margin-bottom: 0px;}
.beny_tm_skills .skills_inner .left{
	width: 50%;
	padding-right: 50px;
}
.beny_tm_skills .skills_inner .right{
	width: 50%;
	padding-left: 50px;
}
.beny_progress{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 9px;
}
.progress_inner{
	width:100%;
	margin-bottom:11px;
}
.progress_inner > span{
	margin:0px 0px 7px 0px;
	width:100%;
	display:block;
	text-align:left;
}
.progress_inner span.number{float: right;}
.progress_inner .background{
	background:#07081f;
	width:100%;
	min-width:100%;
	position:relative;
	height:8px;
}
.progress_inner .background .bar_in{
	height:100%;
	background:#333;
	width:0px;
	overflow:hidden;
}
.progress_inner .background .bar{
	width:0px;
	height:100%;
}
.progress_inner .background .bar.open{
	-webkit-animation: wow 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
	-moz-animation:    wow 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
	animation:         wow 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
	width:100%;	
}

@-webkit-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@keyframes wow {0%{ width:0%; } 100%{ width:100%; }}

/********	1.4 PORTFOLIO    *******/

.beny_tm_personal_portfolio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.beny_tm_personal_portfolio .portfolio_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.beny_tm_personal_portfolio .portfolio_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.beny_tm_personal_portfolio .portfolio_list ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .image{position: relative;}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: translateZ(0);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner:hover .main{
	transform: scale(1.1);
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,94,95,.85);
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner:hover .overlay{
	opacity: 1;
	visibility: visible;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .text{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	z-index: 1;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .text h3{
	color: #fff;
	font-size: 20px;
	position: relative;
	top: -5px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .text span{
	color: #fff;
	position: relative;
	bottom: -5px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner:hover .text h3{
	opacity: 1;
	visibility: visible;
	top: 0px;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner:hover .text span{
	opacity: 1;
	visibility: visible;
	bottom: 0px;
}
.beny_tm_personal_portfolio .portfolio_list ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
}

/********	1.5 TIMELINE    *******/

.beny_tm_timeline_portfolio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f1f1f1;
	padding-top: 135px;
	padding-bottom: 100px;
	margin-bottom: 135px;
}
.beny_tm_timeline_portfolio .timeline_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.beny_tm_timeline_portfolio .timeline_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.beny_tm_timeline_portfolio .timeline_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #fff;
	padding: 60px 40px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	text-align: center;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner:before{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    left: 50%;
    bottom: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner:after{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    right: 50%;
    bottom: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner:hover:before{width: 50%;}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner:hover:after{width: 50%;}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner .short{
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 20px;
}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner .short h3{
	font-size: 20px;
	padding-bottom: 15px;
}
.beny_tm_timeline_portfolio .timeline_inner ul li .inner .short p{
	font-size: 14px;
	color: #FF5E5F;
	font-weight: 500;
}

/********	1.6 TEAM    *******/

.beny_tm_personal_team{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.beny_tm_personal_team .team_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.beny_tm_personal_team .team_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.beny_tm_personal_team .team_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.beny_tm_personal_team .team_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0,.1);
}

.beny_tm_personal_team .team_inner ul li .inner .image{position: relative;}
.beny_tm_personal_team .team_inner ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: translateZ(0);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_team .team_inner ul li .inner:hover .main{
	transform: scale(1.1);
}
.beny_tm_personal_team .team_inner ul li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,94,95,.85);
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_team .team_inner ul li .inner:hover .overlay{
	opacity: 1;
	visibility: visible;
}
.beny_tm_personal_team .team_inner ul li .inner .text{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	z-index: 1;
}
.beny_tm_personal_team .team_inner ul li .inner .text h3{
	color: #fff;
	font-size: 20px;
	position: relative;
	top: -5px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_team .team_inner ul li .inner .text span{
	color: #fff;
	position: relative;
	bottom: -5px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_personal_team .team_inner ul li .inner:hover .text h3{
	opacity: 1;
	visibility: visible;
	top: 0px;
}
.beny_tm_personal_team .team_inner ul li .inner:hover .text span{
	opacity: 1;
	visibility: visible;
	bottom: 0px;
}

/********	1.7 TESTIMONIALS    *******/

.beny_tm_portfolio_testimonial{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f1f1f1;
	padding: 134px 0px 143px 0px;
	margin-bottom: 133px;
}
.beny_tm_portfolio_testimonial .testimonial_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul{
	margin: 0px;
	list-style-type: none;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li{
	margin: 0px;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	text-align: center;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .image{
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .image img{border-radius: 100%;}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 100%;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .definition{margin-bottom: 35px;}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .icon{margin-bottom: 20px;}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .icon i{
	font-size: 25px;
	color: #FF5E5F;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .name_holder_wrap span{
	display: block;
	line-height: 1.5;
}
.beny_tm_portfolio_testimonial .testimonial_inner ul li .inner .name_holder_wrap span.name{
	font-size: 20px;
	font-family: "Montserrat";
	color: #000;
	font-weight: 600;
}

/********	1.8 NEWS    *******/

.beny_tm_home_news_wrapper_all{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.beny_tm_home_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.beny_tm_home_news .news_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.beny_tm_home_news .news_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.beny_tm_home_news .news_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.beny_tm_home_news .news_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0,.1);
	top: 0px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_home_news .news_inner ul li .inner:before{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    left: 50%;
    bottom: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_home_news .news_inner ul li .inner:after{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    right: 50%;
    bottom: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_home_news .news_inner ul li .inner:hover:before{width: 50%;}
.beny_tm_home_news .news_inner ul li .inner:hover:after{width: 50%;}
.beny_tm_home_news .news_inner ul li .inner .image{position: relative;}
.beny_tm_home_news .news_inner ul li .inner .image img{min-width: 100%;}
.beny_tm_home_news .news_inner ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.beny_tm_home_news .news_inner ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.beny_tm_home_news .news_inner ul li .inner .details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 32px 40px 10px 40px;
}
.beny_tm_home_news .news_inner ul li .inner .details .dates{
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 11px;
	margin-bottom: 12px;
}
.beny_tm_home_news .news_inner ul li .inner .dates p{
	text-transform: uppercase;
	font-size: 13px;
}
.beny_tm_home_news .news_inner ul li .inner .dates p .first a{
	text-decoration: none;
	color: #FF5E5F;
	position: relative;
	border-bottom: 1px solid transparent;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_home_news .news_inner ul li .inner .dates p .first a:hover{border-bottom-color: #FF5E5F;}
.beny_tm_home_news .news_inner ul li .inner .dates p .first a:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 9px;
	background-color: #6f6f6f;
	top: 3px;
	right: -12px;
	border-radius: 2px;
}
.beny_tm_home_news .news_inner ul li .inner .dates p .second{padding-left: 24px;}
.beny_tm_home_news .news_inner ul li .inner .dates p .category{
	position: relative;
	padding-left: 23px;
}
.beny_tm_home_news .news_inner ul li .inner .dates p .category a{
	text-decoration: none;
	color: #ff4b36;
	position: relative;
	border-bottom: 1px solid transparent;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_home_news .news_inner ul li .inner .dates p .category a:hover{border-bottom-color: #FF5E5F;}
.beny_tm_home_news .news_inner ul li .inner .dates p .category:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 9px;
	background-color: #6f6f6f;
	top: 3px;
	left: 12px;
	border-radius: 2px;
}
.beny_tm_home_news .news_inner ul li .inner .details .title{margin-bottom: 22px;}
.beny_tm_home_news .news_inner ul li .inner .details .title h3{font-size: 20px;}
.beny_tm_home_news .news_inner ul li .inner .details .title h3 a{
	text-decoration: none;
	color: #000;
	display: block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.beny_tm_home_news .news_inner ul li .inner .details .title a:hover{color: #FF5E5F;}
.beny_tm_home_news .news_inner ul li .inner .details .text{margin-bottom: 20px;}
.beny_tm_home_news .news_inner ul li .inner .details .read_more a{
	text-decoration: none;
	color: #ff4b36;
}
.beny_tm_call_action{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f1f1f1;
	padding: 150px 0px;
	text-align: center;
	margin-bottom: 140px;
}
.beny_tm_call_action .action_inner{
	width: 100%;
	max-width: 650px;
	height: auto;
	margin: 0px auto;
	padding: 0px 20px;
}
.beny_tm_call_action h3{
	font-size: 30px;
	margin-bottom: 30px;
}
.beny_tm_call_action p{margin-bottom: 39px;}

/**** 1.9 Contact ****/

.beny_tm_contact_wrap{
	max-width: 830px;
	height: auto;
	margin: 0px auto;
	text-align: center;
	padding-top: 100px;
}
.beny_tm_contact_wrap .main_input_wrap{
	margin-bottom: 140px;
}
.beny_tm_contact_wrap .main_input_wrap,
.beny_tm_contact_wrap .main_input_wrap .wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 10px;
}
.beny_tm_contact_wrap .main_input_wrap .wrap{margin-bottom: 30px;}
.beny_tm_contact_wrap .main_input_wrap .wrap input{
	width: 100%;
	text-align: center;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.5);
	color: #333;
}
.beny_tm_contact_wrap .main_input_wrap .wrap input:focus{
	outline: none;
	border-bottom-color: #000;
}
.beny_tm_contact_wrap .main_input_wrap .wrap textarea{
	width: 100%;
	height: 120px;
	text-align: center;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.5);
	color: #333;
}
.beny_tm_contact_wrap .main_input_wrap .wrap textarea:focus{
	outline: none;
	border-bottom-color: #000;
}
.beny_tm_contact_wrap .sting_tm_button{text-align: center;}
.beny_tm_contact_wrap .sting_tm_button a{
	color: #fff;
    text-decoration: none;
    background-color: #FF506D;
    padding: 8px 35px;
    display: inline-block;
    font-family: "Montserrat";
    font-weight: 600;
    border-radius: 3px;
	transition: all .3s ease;
}
.beny_tm_contact_wrap .sting_tm_button a:hover{background-color: #000;}
.beny_tm_contact_wrap .empty_notice{
	color: #FF0004;
	margin-bottom: 7px;
	display: none;
	text-align: center;
}
.beny_tm_contact_wrap .contact_error{
	color: rgba(255,0,4,1.00);
	text-align: center;
}
.beny_tm_contact_wrap .returnmessage{
	color:#0064FF;
	margin-bottom: 7px;
	text-align: center;
}

/**** 1.10 Footer ****/

.beny_tm_personal_footer{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
	background-color: #000;
	padding: 60px;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.beny_tm_personal_footer p{color: #fff;}
.beny_tm_personal_footer p a{
	text-decoration: none;
	color: #fff;
	font-family: "Montserrat";
	font-weight: 600;
    position: relative;
	
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beny_tm_personal_footer p a:hover{color: #FF5E5F;}

/*---------------------------------------------------*/
/*	 PARTICLE HOME
/*---------------------------------------------------*/

#particles-js {
	width: 100%;
	height: 100%;
  	position: relative;
  	z-index: 2;
}

/*---------------------------------------------------*/
/*	 GLITCH DEMO
/*---------------------------------------------------*/

.glitch{
	position: absolute;
 	width: 100%;
 	height: 100%;
	top: 0;
 	left: 0;
	background-image: url("..//img/slider/5.jpg");
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	z-index: -1 !important;
	opacity: 1;
	transform: scale(1);
}
.glitch:before{
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/*---------------------------------------------------*/
/*	 WATER DEMO
/*---------------------------------------------------*/

.beny_tm_hero_header_ripple{
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("..//img/slider/5.jpg");
	position: relative;
}
.beny_tm_first_hero.video{
	overflow: hidden;
	margin-bottom: 0px;
}
.beny_tm_section.video{
	clip-path:polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
.beny_tm_about.video{padding-top: 160px;}

/*---------------------------------------------------*/
/*	 MUSIC HOMEPAGE
/*---------------------------------------------------*/

.beny_tm_personal_footer.audio{padding-top: 100px;}
.arlo_music_wrap{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 55px;
}
.beny_tm_first_menu .inner .menu.audio{padding-right: 100px;}
.morocco_music .sound_condition{
    width: 80px;
	font-weight: 600;
    line-height: 38px;
    height: 27px;
    color: #fff;
}
.audio-on .morocco_music .sound_condition .off, 
.audio-off .morocco_music .sound_condition .on{
    display: none;
}
.morocco_music {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
	cursor: pointer;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.morocco_music .visualization {
    display: flex;
	align-items: flex-end;
    padding-bottom: 1px;
    width: 16px;
    height: 21px;
}
.morocco_music .visualization span {
    display: inline-flex;
	background: #fff;
    margin: 0px 1px 0px 1px;
    width: 2px;
    height: 5px;
}
.audio-on .morocco_music .visualization span:nth-child(1) {
    -moz-animation: musicline 2s 0.5s ease-out alternate infinite;
    -webkit-animation: musicline 2s 0.5s ease-out alternate infinite;
    animation: musicline 2s 0.5s ease-out alternate infinite;
}  
.audio-on .morocco_music .visualization span:nth-child(2) {
    -moz-animation: musicline 2s 1s ease-out alternate infinite;
    -webkit-animation: musicline 2s 1s ease-out alternate infinite;
    animation: musicline 2s 1s ease-out alternate infinite;
} 
.audio-on .morocco_music .visualization span:nth-child(3) {
    -moz-animation: musicline 2s 1.5s ease-out alternate infinite;
    -webkit-animation: musicline 2s 1.5s ease-out alternate infinite;
    animation: musicline 2s 1.5s ease-out alternate infinite;
}
.audio-on .morocco_music .visualization span:nth-child(4) {
    -moz-animation: musicline 2s 0.25s ease-out alternate infinite;
    -webkit-animation: musicline 2s 0.25s ease-out alternate infinite;
    animation: musicline 2s 0.25s ease-out alternate infinite;
}

@keyframes musicline {
    0% {
        height: 5px
    }
    10% {
        height: 10px
    }
    20% {
        height: 5px
    }
    30% {
        height: 14px
    }
    40% {
        height: 18px
    }
    50% {
        height: 5px
    }
    60% {
        height: 16px
    }
    70% {
        height: 10px
    }
    80% {
        height: 12px
    }
    90% {
        height: 4px
    }
    100% {
        height: 18px
    }
}
.beny_tm_first_hero.simple{clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%)}

/*---------------------------------------------------*/
/*	 INTRO_PAGE
/*---------------------------------------------------*/

.sting_tm_intro_universal_bg_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sting_tm_intro_universal_bg_wrap .bg_wrap{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.sting_tm_intro_universal_bg_wrap .bg_wrap .overlay_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.sting_tm_intro_universal_bg_wrap .bg_wrap .overlay_color{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.sting_tm_intro_universal_bg_wrap .content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 30;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sting_tm_intro_universal_bg_wrap .bg_wrap .overlay_image.top{background-image: url(..//img/hero/new/3.jpg);}
.sting_tm_intro_universal_bg_wrap .bg_wrap .overlay_color.top{background-color: rgba(0,0,0,.6);}
.sting_tm_intro_universal_bg_wrap .content.top{height: 75vh;}
.sting_tm_intro_universal_bg_wrap .content.top .main_titles_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.sting_tm_intro_universal_bg_wrap .logo_holder{margin-bottom: 25px;}
.sting_tm_intro_universal_bg_wrap .logo_holder span{
	display: block;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 10px;
}
.sting_tm_intro_universal_bg_wrap .logo_holder h3{
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
.sting_tm_intro_universal_bg_wrap .intro_definition{margin-bottom: 26px;}
.sting_tm_intro_universal_bg_wrap .intro_definition p{
	color: #FFFFFF;
	font-size: 25px;
	font-weight: 500;
	font-family: "Montserrat";
}
.sting_tm_intro_universal_bg_wrap .purchase_button a{
	color: #000;
    text-decoration: none;
    background-color: #fff;
    padding: 8px 35px;
    display: inline-block;
    font-family: "Montserrat";
    font-weight: 600;
    border-radius: 3px;
}
.sting_tm_intro_universal_bg_wrap .purchase_button a i{margin-right: 10px;}
.sting_tm_main_demos_wrap,
.sting_tm_main_demos_title,
.sting_tm_main_demos_list_wrap,
.sting_tm_main_demos_list_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f1f1f1;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sting_tm_main_demos_wrap{padding-bottom: 60px;}
.sting_tm_main_demos_title{text-align: center;}
.sting_tm_main_demos_title span{
	display: inline-block;
	text-align: center;
	color: #000;
	font-size: 25px;
	font-weight: 600;
	padding: 80px 0px;
	text-transform: uppercase;
	font-family: "Montserrat";
}
.sting_tm_main_demos_title.another span{padding-top: 20px !important;}
.sting_tm_main_demos_list_wrap ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.sting_tm_main_demos_list_wrap ul li{
	margin: 0px 0px 40px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 40px;
	position: relative;
	top: 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	
}
.sting_tm_main_demos_list_wrap ul li:hover{top: -5px;left: 0px;}
.sting_tm_main_demos_list_wrap ul li .inner{
	position: relative;
	overflow: hidden;
	box-shadow: 0px 5px 40px -8px rgba(0,0,0,.1);
	padding-bottom: 20px;
}
.sting_tm_main_demos_list_wrap ul li .inner .image_holder{margin-bottom: 15px;}
.sting_tm_main_demos_list_wrap ul li .inner .name{
	width: 100%;
	float: left;
	text-align: center;
}
.sting_tm_main_demos_list_wrap ul li .inner .name span{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
}
.sting_tm_main_demos_list_wrap ul li .inner .name span a{
	text-decoration: none;
	color: #000;
	font-family: "Montserrat";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sting_tm_main_demos_list_wrap ul li .inner .name span a:hover{color: #BC0127;}
.sting_tm_main_demos_list_wrap ul li .inner .new{
	position: absolute;
	top: 15px;
	left:-33px;
	transform: rotate(-45deg);
}
.sting_tm_main_demos_list_wrap ul li .inner .new span{
	display: inline-block;
	color: #FFFFFF;
	background-color: #BC0127;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 45px;
}
.beny_tm_intro_demo_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 80px;
	text-align: center;
	padding: 0px 50px;
}
.beny_tm_intro_demo_list .title{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}
.beny_tm_intro_demo_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	padding-top: 70px;
}
.beny_tm_intro_demo_list ul li{
	margin: 0px 0px 70px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.beny_tm_intro_demo_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	transition: all .3s ease;
	top: 4px;
}
.beny_tm_intro_demo_list ul li .inner:hover{top: 0px;}
.beny_tm_intro_demo_list ul li .inner .detail{
	padding: 20px 10px;
}
.beny_tm_intro_demo_list ul li .inner .detail h3{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}
.beny_tm_intro_demo_list ul li .inner a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.demo_title h3{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px;
	padding-top: 10px;
}
.demo_subtitle span{
	color: #fff;
	font-size: 20px;
}
.demo_subtitle{
	margin-bottom: 30px;
	padding-top: 12px;
}
.beny_tm_first_button.demo a:hover span{color: #fff;}

/*---------------------------------------------------*/
/*	 BENY MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1040px) {
	.beny_tm_first_menu{display: none;}
	.beny_tm_first_hero .hero_text p{font-size: 40px;}
	.beny_tm_personal_services .service_list ul li{width: 50%;}
	.beny_tm_skills .skills_inner{flex-direction: column;}
	.beny_tm_skills .skills_inner .left{width: 100%;padding-right: 0px;margin-bottom: 30px;}
	.beny_tm_skills .skills_inner .right{width: 100%;padding-left: 0px;}
	.beny_tm_personal_portfolio .portfolio_list ul li{width: 50%;}
	.beny_tm_timeline_portfolio .timeline_inner ul li{width: 50%;}
	.beny_tm_personal_team .team_inner ul li{width: 50%;}
	.beny_tm_home_news .news_inner ul li{width: 50%;}
	.beny_tm_preloader{display: none;}
	.beny_tm_intro_demo_list ul li{width: 50%;}
}
@media (max-width: 768px) {
	.beny_tm_first_hero .hero_text p{font-size: 30px;}
	.beny_tm_personal_services .service_list ul li{width: 100%;padding-left: 0px;}
	.beny_tm_personal_services .service_list ul{margin: 0px;}
	.beny_tm_personal_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.beny_tm_personal_portfolio .portfolio_list ul{margin: 0px;}
	.beny_tm_timeline_portfolio .timeline_inner ul li{width: 100%;padding-left: 0px;}
	.beny_tm_timeline_portfolio .timeline_inner ul{margin: 0px;}
	.beny_tm_personal_team .team_inner ul li{width: 100%;padding-left: 0px;}
	.beny_tm_personal_team .team_inner ul{margin: 0px;}
	.beny_tm_home_news .news_inner ul li{width: 100%;padding-left: 0px;}
	.beny_tm_home_news .news_inner ul{margin: 0px;}
	.beny_tm_intro_demo_list ul li{width: 100%;padding-left: 0px;}
	.beny_tm_intro_demo_list ul{margin: 0px;}
}
@media (max-width: 480px) {
	
}