@charset "utf-8";

@font-face {
	font-family: GothamLight;
	src: url(font/GothamLight.ttf);
}

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

::placeholder { /* Most modern browsers support this now. */
   color: #FFFFFF;
}

.tm_loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 11111111;
}
.tm_loader-wrapper .loader {
    height: 1px;
    background-color: #fff;
    z-index: 11111111;
	position: absolute;
}
.tm_all_wrap,
.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+ */
}
.tm_all_wrap{
	width: 100%;
	min-height: 100vh;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.tm_wrap_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 45px 45px 45px;
}
.tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_content{
	width: 100%;
	height: auto;
	float: left;
	padding: 45px;
}
.tm_border{
	position: fixed;
	z-index: 10;
	background-color: #000000;
}
.tm_border.left{
	width: 45px;
	height: 100%;
	left: 0px;
}
.tm_border.right{
	width: 45px;
	height: 100%;
	right: 0px;
}
.tm_border.top{
	width: 100%;
	height: 45px;
	top: 0px;
}
.tm_border.bottom{
	width: 100%;
	height: 45px;
	bottom: 0px;
}
.tm_border.top .header_wrap{
	width: 100%;
	height: 100%;
	padding: 0px 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tm_border.top .header_wrap .logo_image{
	max-height: 40px;
	display: flex;
	align-items: center;
	width: auto;
	float: left;
}
.tm_border.top .header_wrap .logo_image img{max-height: 40px;}
.tm_border.top .header_wrap .logo a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
}
.tm_border.top .header_wrap .logo a h3{
	font-size: 23px;
	letter-spacing: 4px;
	font-weight: 700;
}
.tm_border.top .trigger{
	width: 30px;
	height: 12px;
	position: relative;
}
.tm_border.top .trigger a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.tm_border.top .trigger span{
	position: absolute;
	width: 30px;
	height: 3px;
	background-color: #FFFFFF;
	display: inline-block;
}
.tm_border.top .trigger .two{margin-top: 12px;}
.tm_border.bottom .footer_wrap{
	width: 100%;
	height: 100%;
	padding: 0px 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tm_border.bottom .footer_wrap .copyright p{font-family: "GothamLight";} /* Siara */
.tm_border.bottom .footer_wrap .social ul{
	margin: 0px;
	list-style-type: none;
}
.tm_border.bottom .footer_wrap .social ul li{
	margin: 0px 8px 0px 0px;
	float: left;
}
.tm_border.bottom .footer_wrap .social ul li:last-child{margin-right: 0px;}
.tm_border.bottom .footer_wrap .social ul li a{
	text-decoration: none;
	color: #FFFFFF;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_border.bottom .footer_wrap .social ul li a:hover{color: #E9204F;}
.tm_menu{
	width: 400px;
	height: 100vh;
	background-color: #000;
	position: fixed;
	right: -355px;
	z-index: 9;
}
.tm_menu .nav_list{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	padding-right: 45px;
}
.tm_menu .nav_list ul{
	margin: 0px;
	list-style-type: none;
}
.tm_menu .nav_list ul li{
	margin: 0px;
	list-style-type: none;
}
.tm_menu .nav_list ul li:last-child{margin-bottom: 0px;}
.tm_menu .nav_list ul li a{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 700;
	padding-bottom: 2px;
	display: inline-block;
	font-family: "GothamLight";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_menu .nav_list ul li a:hover{color: #E9204F;}
.tm_home_hero{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.tm_home_hero .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: scale(1.2,1.2);
	opacity: 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;
	transition-delay: .7s;
}
.tm_home_hero .image.animate{
	transform: scale(1,1);
	transform: translateZ(0);
	opacity: 1;
}
.tm_home_hero .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
}
.tm_home_hero .overlay_texts{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
	padding: 0px 50px;
}
.tm_home_hero .overlay_texts .name{
	color: #fff;
	text-transform: uppercase;
	font-size: 53px;
	line-height: 1.4;

	width: 55%;
	border-left: solid red 2px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: left;
	padding-left: 10px;
	float: right;
	font-size: 45px;
	font-weight: bolder;
	
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
		clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
	-webkit-transition: 2s ease-in-out;
		-o-transition: 2s ease-in-out;
			transition: 2s ease-in-out;
}
.tm_home_hero .overlay_texts .name.animate{
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%);
		clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%); 
}
.tm_home_hero .overlay_texts .subtitle{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	font-family: "GothamLight";

	width: 45%;
	float: left;
	text-align: end;
	padding-right: 20px;
	padding-left: 22vw;
	padding-top: 20px;
	font-size: 16px;
	letter-spacing: 2px;
	
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
		clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
	-webkit-transition: 3s ease-in-out;
		-o-transition: 3s ease-in-out;
			transition: 3s ease-in-out;
	transition-delay: .2s;
}
.tm_home_hero .overlay_texts .subtitle.animate{
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%);
		clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%); 
}
.tm_home_hero .tm_down{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 14%;
	opacity: 0;
	
	-webkit-transition: all .3s 2.5s ease;
	   -moz-transition: all .3s 2.5s ease;
	    -ms-transition: all .3s 2.5s ease;
	     -o-transition: all .3s 2.5s ease;
	        transition: all .3s 2.5s ease;
}
.tm_home_hero .tm_down.animate{
	bottom: 10%;
	opacity: 1;
}
.tm_home_hero .tm_down svg{
	width: 35px !important;
	height: 35px !important;
}
.tm_home_hero .tm_down svg #wheel{
	animation: scroll ease 2s infinite;
}
@keyframes scroll {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(60px);
    }
}

/*---------------------------------------------------*/
/*	02) ABOUT
/*---------------------------------------------------*/

.tm_about_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding-top: 100px;
	margin-bottom: 110px;
}
.tm_about_wrap .img_box{
	width: 40%;
	height: auto;
	opacity: 0;
	position: relative;
	top: 50px;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}

.tm_about_wrap.tm_waypoint_effect2.load .img_box{
	opacity: 1;
	top: 0px;
}
.tm_about_wrap.tm_waypoint_effect2.load .description_box{opacity: 1;}
.tm_about_wrap .tm_main_title.hero{
	position: relative;
	top: 20px;
	opacity: 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;
}
.tm_about_wrap.tm_waypoint_effect2.load .tm_main_title.hero{
	top: 0px;
	opacity: 1;
}
.tm_about_wrap .img_box .author_img{position: relative;}
.tm_about_wrap .img_box .author_img img{min-width: 100%;}
.tm_about_wrap .img_box .author_img .main_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(..//img/about/1.jpg);
}
.tm_about_wrap .img_box .author_img:before{
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	border: 5px solid rgba(255,255,255,.2);
	top: 10px;
	left: 10px;
}
.tm_about_wrap .description_box{
	width: 60%;
	height:auto;
	padding-left: 80px;
	opacity: 0;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_main_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: left;
	padding-bottom: 40px;
}
.tm_main_title.hero{padding-bottom: 0px;}
.tm_main_title span{
	text-transform: uppercase;
	color: #E9204F;
	font-size: 14px;
	font-weight: 600;
	font-family: "GothamLight";
}
.tm_about_wrap .main_info{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 27px;
}
.tm_about_wrap .main_info p{
	margin-bottom: 11px;
	color: #999;
	opacity: 0;
	line-height: 3;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_about_wrap.tm_waypoint_effect2.load .main_info p{
	opacity: 1;
	line-height: 2.2;
}
.tm_about_wrap .main_info .sign{
	margin-bottom: 33px;
	padding-top: 11px;
}
.sign img {
	width: 120px;
}
.tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_button a{
	text-decoration: none;
	color: #000;
	display: inline-block;
	background-color: #fff;
	padding: 8px 40px;
	border-radius: 3px;
	font-family: "GothamLight";
	font-weight: 500;
	position: relative;
	overflow: hidden;
}
.tm_button.news{text-align: center;}
.tm_button.news a{width: 100%;}

/*---------------------------------------------------*/
/*	03) SERVICES
/*---------------------------------------------------*/


.tm_services.tm_waypoint_effect.load ul li{
	opacity: 1;
	top: 0px;
}
.tm_services{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_services ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.tm_services ul li{
	margin: 0px 0px 50px 0px;
	padding-left: 50px;
	float: left;
	width: 33.3333%;
	opacity: 0;
	position: relative;
	top: 30px;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_services ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: rgba(0,0,0,1.00);
	padding: 30px 20px;
	border-radius: 3px;
	overflow: hidden;
	text-align: center;
}
.tm_services ul li .inner:before{
	position: absolute;
	content: "";
	width: 0%;
	height: 3px;
	background-color: #E9204F;
	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;
}
.tm_services ul li .inner:hover:before{width: 50%;}
.tm_services ul li .inner:after{
	position: absolute;
	content: "";
	width: 0%;
	height: 3px;
	background-color: #E9204F;
	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;
}
.tm_services ul li .inner:hover:after{width: 50%;}
.tm_services ul li .inner .svg{
	width: 70px;
	height: 70px;
	color: #E9204F;
	filter: hue-rotate(90deg);;
}
.tm_services ul li .inner h3{
	font-size: 22px;
	margin-bottom: 14px;
}
.tm_services ul li .inner p{color: #999;}

/*---------------------------------------------------*/
/*	04) PROJECTS
/*---------------------------------------------------*/

.tm_projects_wrap.tm_waypoint_effect.load .tm_portfolio_list > li{
	opacity: 1;
	top: 0px;
}
.tm_projects_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 80px;
}
.tm_portfolio_list{
	list-style-type:none;
	margin: 0px 0px350px2-50px;
}
.tm_portfolio_list > li{
	width:33.3333%;
	float:left;
	position:relative;
	margin: 0px 0px 50px 0px;
	padding-left: 25px;
	padding-right: 25px;
	top: 30px;
	opacity: 0;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_portfolio_list .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.tm_portfolio_list .list_inner .image_wrap{
	position: relative;
	top: 0px;
	height: 255px;
}
.tm_portfolio_list .list_inner .image_wrap .main_image{
	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;
}
.tm_portfolio_list .list_inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	background-color: rgba(233,32,79,.92);
	opacity: 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;
}
.tm_portfolio_list .list_inner .overlay_text{
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2;
	opacity: 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;
}
.tm_portfolio_list .list_inner .full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
}
.tm_portfolio_list .list_inner .overlay_text h3{font-size: 22px;}
.tm_portfolio_list .list_inner .overlay_text span{font-family: "GothamLight";}
.tm_portfolio_list .list_inner:hover .main_image{transform: scale(1.2,1.2);	}
.tm_portfolio_list .list_inner:hover .overlay{opacity: 1;}
.tm_portfolio_list .list_inner:hover .overlay_text{opacity: 1;}
.tm_load_more{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.tm_load_more a{
	text-decoration: none;
    color: #000;
    display: inline-block;
    background-color: #fff;
    padding: 8px 40px;
    border-radius: 3px;
    font-family: "GothamLight";
    font-weight: 500;
    position: relative;
    overflow: hidden;
}
.tm_load_more a span{color: #000000;}
.tm_load_more a span.change{color: #fff;}
.tm_load_more .inner{position: relative;}
.tm_load_more .svg{
	width: 55px;
	height: 55px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.tm_load_more .svg.animate{opacity: 1;}
.tm_load_more.stop a{cursor: crosshair;}
.tm_load_more a.opened{color: #fff;}

/*---------------------------------------------------*/
/*	05) NEWS
/*---------------------------------------------------*/

.tm_news_wrap.tm_waypoint_effect.load ul li{
	opacity: 1;
	top: 0px;
}
.tm_news_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 40px;
}
.tm_news_wrap ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.tm_news_wrap ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333333%;
	float: left;
	padding-left: 50px;
	position: relative;
	top: 30px;
	opacity: 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;
}
.tm_news_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: rgba(0,0,0,1.00);
}
.tm_news_wrap ul li .inner .image_wrap{position: relative;}
.tm_news_wrap ul li .inner .image_wrap img{min-width: 100%;}
.tm_news_wrap ul li .inner .image_wrap .main_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.tm_news_wrap ul li .inner .image_wrap .full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.tm_news_wrap ul li .inner .descriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 30px 40px 50px 40px;
	position: relative;
}
.tm_news_wrap ul li .inner .descriptions_wrap:before{
	position: absolute;
	content: "";
	width: 0%;
	height: 3px;
	background-color: #E9204F;
	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;
}
.tm_news_wrap ul li .inner:hover .descriptions_wrap:before{width: 50%;}
.tm_news_wrap ul li .inner .descriptions_wrap:after{
	position: absolute;
	content: "";
	width: 0%;
	height: 3px;
	background-color: #E9204F;
	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;
}
.tm_news_wrap ul li .inner:hover .descriptions_wrap:after{width: 50%;}
.tm_news_wrap ul li .inner .descriptions_wrap .date_wrap span{
	color: #fff;
	line-height: 1.7;
	display: inline-block;
	font-family: "GothamLight";
}
.tm_news_wrap ul li .inner .descriptions_wrap .date_wrap span 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;
}
.tm_news_wrap ul li .inner .descriptions_wrap .date_wrap span a:hover{color: #E9204F;}
.tm_news_wrap ul li .inner .descriptions_wrap .title{margin-bottom: 14px;}
.tm_news_wrap ul li .inner .descriptions_wrap .title a{
	text-decoration: none;
	color: #FFFFFF;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_news_wrap ul li .inner .descriptions_wrap .title a:hover{color: #E9204F;}
.tm_news_wrap ul li .inner .descriptions_wrap .title h3{font-size: 22px;}
.tm_news_wrap ul li .inner .descriptions_wrap .text{margin-bottom: 23px;}
.tm_news_wrap ul li .inner .descriptions_wrap .text p{color: #999;}

/*---------------------------------------------------*/
/*	06) CONTACT
/*---------------------------------------------------*/

.tm_contact_wrap.tm_waypoint_effect.load .leftpart{
	opacity: 1;
	top: 0px;
}
.tm_contact_wrap.tm_waypoint_effect.load .rightpart{
	opacity: 1;
	top: 0px;
}
.tm_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	margin-bottom: 90px;
}
.tm_contact_wrap .leftpart{
	width: 40%;
	height: auto;
	padding-right: 20px;
	position: relative;
	opacity: 0;
	top: 30px;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_contact_wrap .leftpart ul{
	margin: 0px;
	list-style-type: none;
}
.tm_contact_wrap .leftpart ul li{
	margin: 0px 0px 14px 0px;
	width: 100%;
	float: left;
}
.tm_contact_wrap .leftpart ul li:last-child{margin-bottom: 0px;}
.tm_contact_wrap .leftpart ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.tm_contact_wrap .leftpart ul li span{
	padding-left: 35px;
	font-family: "GothamLight";
	display: inline-block;
}
.tm_contact_wrap .leftpart ul li span a{
	color: #fff;
	text-decoration: none;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_contact_wrap .leftpart ul li span a:hover{color: #E9204F;}
.tm_contact_wrap .leftpart ul li .svg{
	position: absolute;
	left: 0px;
	width: 20px;
	height: 20px;
	top: 5px;
}
.tm_contact_wrap .rightpart{
	width: 60%;
	position: relative;
	margin-top: -17px;
	top: 30px;
	opacity: 0;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_contact_wrap .contact_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_contact_wrap .contact_list_wrap .first_row{
	width: 100%;
	float: left;
	display: flex;
	margin-bottom: 50px;
}
.tm_contact_wrap .contact_list_wrap .first_row .first{
	padding-right: 20px;
	width: 50%;
}
.tm_contact_wrap .contact_list_wrap .first_row .second{
	padding-left: 20px;
	width: 50%;
}
.tm_contact_wrap .contact_list_wrap .first_row .first input,
.tm_contact_wrap .contact_list_wrap .first_row .second input{
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.3);
	color: #fff;
	padding-left: 0px !important;
	
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.tm_contact_wrap .contact_list_wrap .first_row .first input:focus,
.tm_contact_wrap .contact_list_wrap .first_row .second input:focus{
	outline: none;
	border-bottom-color: rgba(255,255,255,1)
}
.tm_contact_wrap .contact_list_wrap .second_row{
	width: 100%;
	float: left;
	margin-bottom: 24px;
}
.tm_contact_wrap .contact_list_wrap .second_row textarea{
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.3);
	resize: none;
	color: #fff;
	padding-left: 0px !important;
	height: 44px;
	
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.tm_contact_wrap .contact_list_wrap .second_row textarea:focus{
	outline: none;
	border-bottom-color: rgba(255,255,255,1)
}
.tm_contact_wrap .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.tm_contact_wrap .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.tm_contact_wrap .returnmessage{
	color:#F52225;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}
.tm_main_title.contact{padding-bottom: 75px;}


/*---------------------------------------------------*/
/*	07) KENBURN HOMEPAGE
/*---------------------------------------------------*/

.tm_home_hero .kenburn_wrap{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/*---------------------------------------------------*/
/*	08) RIPPLE HOMEPAGE
/*---------------------------------------------------*/

.tm_home_hero.ripple_animation{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	background-image: url(..//img/slider/2.jpg);
}

/*---------------------------------------------------*/
/*	09) TEXT HOMEPAGE
/*---------------------------------------------------*/

.tm_animation_text_word{
	font-family: "GothamLight";
	color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}

/*---------------------------------------------------*/
/*	10) NEWS LIST
/*---------------------------------------------------*/

.tm_flex_box{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding-top: 100px;
	margin-bottom: 100px;
}
.tm_flex_box .flex_left{
	width: 72%;
	height: auto;
}
.tm_flex_box .flex_right{
	width: 28%;
	height: auto;
	margin-right: 50px;
}
.tm_news_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_news_list_wrap.tm_waypoint_effect.load ul li{
	top: 0px;
	opacity: 1;
}
.tm_news_list_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.tm_news_list_wrap ul li{
	margin: 0px 0px 50px 0px;
	width: 100%;
	float: left;
	position: relative;
	top: 30px;
	opacity: 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;
}
.tm_news_list_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: rgba(0,0,0,1.00);
}
.tm_news_list_wrap ul li .inner .image_wrap{position: relative;}
.tm_news_list_wrap ul li .inner .image_wrap img{min-width: 100%;}
.tm_news_list_wrap ul li .inner .image_wrap .main_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.tm_news_list_wrap ul li .inner .image_wrap .full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.tm_news_list_wrap ul li .inner .descriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 30px 40px 50px 40px;
	position: relative;
}
.tm_news_list_wrap ul li .inner .descriptions_wrap:before{
	position: absolute;
	content: "";
	width: 0%;
	height: 3px;
	background-color: #E9204F;
	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;
}
.tm_news_list_wrap ul li .inner:hover .descriptions_wrap:before{width: 50%;}
.tm_news_list_wrap ul li .inner .descriptions_wrap:after{
	position: absolute;
	content: "";
	width: 0%;
	height: 3px;
	background-color: #E9204F;
	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;
}
.tm_news_list_wrap ul li .inner:hover .descriptions_wrap:after{width: 50%;}
.tm_news_list_wrap ul li .inner .descriptions_wrap .date_wrap span{
	color: #fff;
	line-height: 1.7;
	display: inline-block;
	font-family: "GothamLight";
}
.tm_news_list_wrap ul li .inner .descriptions_wrap .date_wrap span 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;
}
.tm_news_list_wrap ul li .inner .descriptions_wrap .date_wrap span a:hover{color: #E9204F;}
.tm_news_list_wrap ul li .inner .descriptions_wrap .title{margin-bottom: 14px;}
.tm_news_list_wrap ul li .inner .descriptions_wrap .title a{
	text-decoration: none;
	color: #FFFFFF;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_news_list_wrap ul li .inner .descriptions_wrap .title a:hover{color: #E9204F;}
.tm_news_list_wrap ul li .inner .descriptions_wrap .title h3{font-size: 22px;}
.tm_news_list_wrap ul li .inner .descriptions_wrap .text{margin-bottom: 23px;}
.tm_news_list_wrap ul li .inner .descriptions_wrap .text p{color: #999;}
.tm_news_list_wrap .news_load_more_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_news_list_wrap .news_load_more_button a{
	text-decoration: none;
    color: #000;
    display: inline-block;
    background-color: #fff;
    padding: 8px 40px;
	width: 100%;
	text-align: center;
    border-radius: 3px;
    font-family: "GothamLight";
    font-weight: 500;
}
.tm_sidebar_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_sidebar_wrap .search_wrap{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 37px;
}
.tm_sidebar_wrap .search_wrap input[type="text"]{
	background-color: transparent;
	border: 1px solid rgba(255,255,255,.2);
	width: 100%;
	color: #fff;
	height: 50px;
	padding-left: 15px !important;
	padding-right: 40px !important;
}
.tm_sidebar_wrap .search_wrap input[type="text"]:focus{outline: none;}
.tm_sidebar_wrap .search_wrap input[type="submit"]{
	width: 40px;
	height: 49px;
	background-color: transparent;
	text-transform: capitalize;
	position: absolute;
	top: 1px;
	right: 0px;
}
.tm_sidebar_wrap .search_wrap input[type="submit"]:focus{outline: none;}
.tm_sidebar_wrap .search_wrap .svg{
	position: absolute;
	top: 19px;
	right: 15px;
}
.tm_sidebar_wrap .sidebar_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_sidebar_wrap .sidebar_list_wrap > ul{
	margin: 0px;
	list-style-type: none;
}
.tm_sidebar_wrap .sidebar_list_wrap > ul > li{
	margin: 0px 0px 37px 0px;
	width: 100%;
	float: left;
}
.tm_sidebar_wrap .sidebar_list_wrap > ul > li:last-child{margin-bottom: 0px;}
.tm_sidebar_wrap .sidebar_list_wrap > ul > li:nth-child(1){margin-bottom: 26px;}
.tm_sidebar_wrap .sidebar_list_wrap > ul > li:nth-child(4){margin-bottom: 32px;}
.tm_sidebar_wrap .sidebar_list_wrap ul li .title_holder{
	width: 100%;
	float: left;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .title_holder h3{
	position: relative;
	text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .title_holder h3:before{
	position: absolute;
	content: "";
	width: 32px;
	height: 2px;
	background-color: #fff;
	left: 0px;
	bottom: -8px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .author_image{
	padding-top: 57px;
	margin-bottom: 16px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .description p{color: #999;}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 38px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul{
	margin: 0px;
	list-style-type: none;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li{
	margin: 0px 0px 30px 0px;
	width: 100%;
	float: left;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li:last-child{margin-bottom: 0px;}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date{
	padding-left: 120px;
	position: relative;
	top: 6px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date h3{font-size: 15px;			}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date h3 a{
	text-decoration: none;
	color: #999;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li:hover .title_date h3 a{color: #fff;}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date span{
	font-family: "GothamLight";
	font-size: 13px;color: #999;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .post_image{
	position: absolute;
	width: 30%;
	top: 0px;
	left: 0px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .post_image .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .tm_post_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 6;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list .overlay_post{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	background-color: rgba(0,0,0,.5);
	display: none;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 25px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li{
	margin: 0px 0px 15px 0px;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li:last-child{margin-bottom: 0px;}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner a{
	text-decoration: none;
	color: #999;
	font-family: "GothamLight";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner a:hover{color: #fff;}
.tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner .right span{
	color: #999;
	font-family: "GothamLight";
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .tags{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 30px;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul{
	margin: 0px;
	list-style-type: none;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul li{
	margin: 0px 1px 5px 0px;
	display: inline-block;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul li a{
	text-decoration: none;
    color: #FFFFFF;
    display: inline-block;
    background-color: rgba(255,255,255,.05);
    padding: 5px 20px;
    text-transform: capitalize;
    font-size: 13px;
    font-family: "GothamLight";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul li a:hover{
	background-color: #fff;
	color: #000000;
}

/*---------------------------------------------------*/
/*	11) NEWS SINGLE
/*---------------------------------------------------*/

.tm_news_single_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_news_single_wrap .news_content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_news_single_wrap .news_content .short_details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 22px;
	opacity: 0;
	position: relative;
	top: 10px;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_news_single_wrap .news_content.tm_waypoint_effect.load .short_details{
	opacity: 1;
	top: 0px;
}
.tm_news_single_wrap .news_content .short_details ul{
	margin: 0px;
	list-style-type: none;
}
.tm_news_single_wrap .news_content .short_details ul li{
	margin: 0px 20px 0px 0px;
	float: left;
}
.tm_news_single_wrap .news_content .short_details ul li span{
	color: #FFFFFF;
	text-transform: capitalize;
	display: inline-block;
	padding-left: 7px;
	font-size: 12px;
	font-weight: 600;
}
.tm_news_single_wrap .news_content .short_details ul li a{
	text-decoration: none;
	color: #FFFFFF;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_news_single_wrap .news_content .short_details ul li a:hover{color: #E9204F;}
.tm_news_single_wrap .news_content .short_details ul li .svg{
	color: #E9204F;
	position: relative;
	top: 2px;
}
.tm_news_single_wrap .news_content .desriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom:25px;
}
.tm_news_single_wrap .news_content .desriptions_wrap p{
	margin-bottom: 13px;
	color: #999;
	line-height: 3;
	opacity: 0;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_news_single_wrap .news_content.tm_waypoint_effect.load .desriptions_wrap p{
	opacity: 1;
	line-height: 2.2;
}
.tm_news_single_wrap .news_content .desriptions_wrap blockquote{
	margin-bottom: 13px;
	border-left: 3px solid #E9204F;
	padding: 10px 0px 10px 20px;
	font-style: italic;
	font-size: 19px;
}
.tm_news_single_wrap .news_content .content_image{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 13px;
}
.tm_news_single_wrap .news_content .content_image ul{
	margin: 0px 0px 0px -35px;
	list-style-type: none;
}
.tm_news_single_wrap .news_content .content_image ul li{
	margin: 0px 0px 25px 0px;
	width: 50%;
	padding-left: 35px;
	float: left;
}
.tm_news_single_wrap .news_content .content_image ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.tm_news_single_wrap .news_content .content_image ul li .inner .image_wrap{position: relative;}
.tm_news_single_wrap .news_content .content_image ul li .inner .image_wrap .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.tm_news_single_wrap .news_content .content_image ul li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.4);
	z-index: 1;
}
.tm_news_single_wrap .tags{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 40px;
}
.tm_news_single_wrap .tags span{
	display: inline-block;
	color: #FFFFFF;
	padding-right: 30px;
	font-family: "GothamLight";
}
.tm_news_single_wrap .tags ul{
	margin: 0px;
	list-style-type: none;
	display: inline;
}
.tm_news_single_wrap .tags ul li{
	margin: 0px 10px 10px 0px;
	display: inline-block;
}
.tm_news_single_wrap .tags ul li:last-child{margin-bottom: 0px;}
.tm_news_single_wrap .tags ul li a{
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;
	background-color: rgba(255,255,255,.05);
	padding: 5px 20px;
	text-transform: capitalize;
	font-size: 13px;
	font-family: "GothamLight";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_news_single_wrap .tags ul li a:hover{
	color: #000000;
	background-color: #fff;
}
.tm_commentbox_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 30px;
}
.tm_commentbox_wrap .inner_wrap{
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,.05);
	clear: both;
	float: left;
	padding: 50px 0px 41px 0px;
}
.tm_commentbox_wrap .inner_wrap .desriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 40px;
	margin-bottom: 46px;
}
.tm_commentbox_wrap .title h3{
	color: #FFFFFF;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
		text-transform: uppercase;
}
.tm_commentbox_wrap .wp{
	position: relative;
	padding-left: 90px;
}
.tm_commentbox_wrap .wp .avatar{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 12px;
	left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.tm_commentbox_wrap .wp p{color: #bcbcbc;}
.tm_commentbox_wrap .wp h3 a{
	color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
	text-transform: capitalize;
	text-decoration: none;
	font-style: oblique;
}
.tm_commentbox_wrap .wp .date{
	color: #888888;
	font-size: 13px;
	margin-bottom: 12px;
	display: inline-block;
}
.tm_commentbox_wrap .wp .text a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 600;
	font-family: "GothamLight";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_commentbox_wrap .wp .text a:hover{color: #E9204F;}
.tm_commentbox_wrap .reply_comment_wrap{
	width: 100%;
	height: 200px;
	float: left;
}
.tm_commentbox_wrap .reply_comment_wrap .title{
	color: #fff;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}
.tm_commentbox_wrap .reply_comment_wrap{
	width: 100%;
	float: left;
	height: auto;
	clear: both;
	padding: 0px 40px;
}
.tm_commentbox_wrap .reply_comment_wrap .input_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row{
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 22px;
}
.tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row input{
	width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(221,221,221,.3);
    color: #FFFFFF;
    padding-left: 0px !important;
	
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row input:focus{
	outline: none;
	border-bottom-color: rgba(221,221,221,1.00)
}
.tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row textarea{
	width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(221,221,221,.3);
    resize: none;
    color: #FFFFFF;
    padding-left: 0px !important;
    height: 44px;
    
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.tm_commentbox_wrap .reply_comment_wrap .input_list_wrap .input_row textarea:focus{
	outline: none;
	border-bottom-color: rgba(221,221,221,1.00);
}

/*---------------------------------------------------*/
/*	12) PORTFOLIO SINGLE
/*---------------------------------------------------*/

.tm_portfolio_single_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.tm_portfolio_single_wrap .single_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 83px;
}
.tm_portfolio_single_wrap .single_descriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding-top: 80px;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .leftbox{
	width: 60%;
	float: left;
	padding-right: 50px;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .leftbox p{color: #999;}
.tm_portfolio_single_wrap .single_descriptions_wrap .leftbox h3{
	color: #FFFFFF;
    text-transform: capitalize;
    font-size: 21px;
    position: relative;
	margin-bottom: 19px;
	top: 10px;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox{
	width: 40%;
	float: left;color: #fff;
	padding-left: 50px;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox .detail{
	color: #FFFFFF;
    text-transform: capitalize;
    font-size: 21px;
    position: relative;
	margin-bottom: 22px;
	top: 10px;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul{
	margin: 0px;
	list-style-type: none;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li{
	margin: 0px 0px 4px 0px;
	position: relative;
	padding-left: 25px;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li:last-child{margin-bottom: 0px;}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li span{
	display: inline-block;
	color: #999;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li span.first{
	min-width: 150px;
	color: #fff;
	position: relative;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li .svg{
	position: absolute;
	left: 0px;
	top: 9px;
	color: #E9204F;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li span.second a{
	text-decoration: none;
	color: #999;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox ul li span.second a:hover{color: #fff;}
.tm_portfolio_single_wrap .extra_images_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 90px;
}
.tm_portfolio_single_wrap .extra_images_list ul{
	margin: 0px;
	list-style-type: none;
}
.tm_portfolio_single_wrap .extra_images_list ul li{
	margin: 0px 0px 50px 0px;
	width: 100%;
	float: left;
	position: relative;
}
.tm_portfolio_single_wrap .extra_images_list ul li:last-child{margin-bottom: 33px;}
.tm_portfolio_single_wrap .extra_images_list ul li .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
}
.extra_images_list img {
	height: 560px;
	width: 100%;
}
.tm_pagination_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tm_pagination_wrap a{
	text-decoration: none;
	color: #fff;
	font-size: 21px;
	text-transform: capitalize;
	font-weight: 600;
	font-family: "GothamLight";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_pagination_wrap a:hover{color: #E9204F;}

/*---------------------------------------------------*/
/*	13) INTRO PAGE
/*---------------------------------------------------*/

.tm_intro_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 100px;
	padding-bottom: 50px;
}
.tm_intro_wrap ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.tm_intro_wrap ul li{
	margin: 0px 0px 40px 0px;
	width: 50%;
	float: left;
	padding-left: 30px;
}
.tm_intro_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	text-align: center;
	opacity: 0;
	top: 40px;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.tm_intro_wrap.tm_waypoint_effect2.load ul li .inner{
	opacity: 1;
	top: 0px;
}
.tm_intro_wrap ul li .inner .image_wrap{
	position: relative;
	margin-bottom: 10px;
}
.tm_intro_wrap ul li .inner .image_wrap img{
	min-width: 100%;
}
.tm_intro_wrap ul li .inner .image_wrap .main_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.intro_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.tm_intro_wrap ul li .inner h3{
	color: #fff;
	font-size: 22px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_intro_wrap ul li .inner h4{
	color: #fff;
	font-size: 22px;
}
.tm_intro_wrap ul li .inner:hover h3{color: #E9204F;}

.tm_border.top .buy a{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-family: "GothamLight";
	font-weight: 600;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_border.top .buy a:hover{color:#E9204F;}

.highlight_process {
	display: inline-flex;
	text-align: center;
	margin-bottom: 60px;
}

.highlight_process .highlight {
	width: 31vw;
}

.highlight_process h4 {
	font-size: 30px;
	border: solid #E9204F 4px;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.highlight_process h1 {
	font-size: 25px;
}

.projects_slide {
	display: flex;
	width: 100%;
	height: 530px;
}

.projects_slide img {
	width: 0px;
	flex-grow: 1;
	object-fit: cover;
	opacity: .8;
}

.projects_slide img:hover {
	width: 500px;
	opacity: 1;
	transition: .5s ease;
	filter: contrast(120%);
	cursor: pointer;
}

.process p {
	color: #888888;
}

.md_option {
	display: none;
}

.video_wrap {
	width: 100%;
	height: 250px;
	cursor: pointer;
}

.whatsapp {
  background-color: rgb(45, 183, 66);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  text-align: center;
  font-size: 30px;
  position: fixed;
  bottom: 130px;
  z-index: 999;
  right: 20px;
}

.whatsapp img {
	width: 30px;
	height: 30px;
	margin-top: -5px;
}

.video-player { width: 100%; height: 80vh; margin-top: 10vh; }


section.slide-option {
	margin:0 0 50px 0;
	background-color: #000000;
	.no-marg { margin:0 0 0 0; }
}

section.slide-option img {
	margin-right: 20px;
  margin-left: 20px;
	width: auto;
	filter: grayscale(1);
}

section.slide-option img:hover {
	filter: grayscale(0);
}

div.highway-slider {
	display:flex;
	justify-content:center;
	width:100%;
	height:150px;
	div.highway-barrier {
		overflow:hidden;
		position:relative;
	}
	ul.highway-lane {
		display:flex;
		height:100%;
		li.highway-car {
			flex:1;
			display:flex;
			justify-content:center;
			align-items:center;
			background:#000;
			color:#343434;
		}
	}
}

@keyframes translatestf {
	0% { transform:translateX(100%);  }
	100% { transform:translateX(-500%);  }
}
#stffull div.highway-barrier {
	ul.highway-lane {
		width:fit-content;
		li.highway-car {
			animation:translatestf 30s linear infinite;
			h4 { font-size:28px; }
		}
	}
}

@keyframes translateinfinite {
	100% { transform:translateX(calc(-100px * 12));  }
}
#infinite div.highway-barrier {
	background:#000000;
	box-shadow:0 3px 10px -3px rgba(0,0,0,0.3);
	&::before,
	&::after {
		content: " ";
		position:absolute;
		z-index:9;
		width:fit-content;
		height:100%;	
	}
	&::before {
		top:0;left:0;
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	}
	&::after {
		top:0;right:0;
		background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	}
	ul.highway-lane {
		width:calc(100px * 24);
		li.highway-car {
			width:fit-content;
			animation:translateinfinite 25s linear infinite;
			padding-left: 10px;
			padding-right: 10px;
			span.fab {
				font-size:65px;
			}
		}
	}
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.column_porfolio {
  -ms-flex: 33.3333333%; /* IE10 */
  flex: 33.3333333%;
  max-width: 33.3333333%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
	cursor: pointer;
}

.portfolio_watcher {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	z-index: 999;
	padding-top: 15vh;
}

.portfolio_watcher img {
	height: 70vh;
	width: auto;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
	.tm_home_hero .overlay_texts .name{
		width: 100%;
	}
	.tm_home_hero .overlay_texts .subtitle{
		width: 60%;
    text-align: left;
    padding-left: 10px;
	}
}

.diagonal {
	margin-left: auto;
	margin-right: auto;
	margin-top: -140px;
	width: 118px;
	height: 4px;
	background: #E9204F;
	rotate: -45deg;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
	.diagonal {
		margin-bottom: 200px;
	}
}

p b { color: white; }

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

@media (max-width: 1200px) {
	.tm_about_wrap{flex-direction: column;}
	.tm_about_wrap .img_box{width: 92%; margin-bottom: 30px;}
	.tm_about_wrap .description_box{width: 100%;padding-left: 0px;}
	.tm_about_wrap{margin-bottom: 78px;}
	.tm_services ul li{width: 50%;}
	.tm_portfolio_list > li{width: 50%;}
	.tm_news_wrap ul li{width: 50%;}
	.tm_portfolio_single_wrap .single_descriptions_wrap{flex-direction: column;}
	.tm_portfolio_single_wrap .single_descriptions_wrap .leftbox{width: 100%;padding-right: 0px;margin-bottom: 30px;}
	.tm_portfolio_single_wrap .single_descriptions_wrap .rightbox{width: 100%;padding-left: 0px;}
	.tm_flex_box{flex-direction: column;}
	.tm_flex_box .flex_left{width: 100%;margin-bottom: 50px;}
	.tm_flex_box .flex_right{margin-left: 0px;width: 100%;}
	.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .post_image{position: relative;width: 100%;}
	.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list .overlay_post{display: block;}
	.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date{position: absolute;z-index: 4;left: 10px;bottom: 10px;padding-left: 0px;top: auto;}
	.tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date h3 a{color: #fff;}
}
@media (max-width: 1040px) {
	.tm_home_hero .overlay_texts .name{font-size: 45px;}
	.tm_contact_wrap{flex-direction: column;}
	.tm_contact_wrap .leftpart{padding-right: 0px;width: 100%;margin-bottom: 40px;}
	.tm_contact_wrap .rightpart{width: 100%;margin-top: 0px;}
	.pointer{display: none;}
	.tm_intro_wrap ul li{width: 100%;}
}
@media (max-width: 768px) {
	.tm_home_hero .overlay_texts .name{font-size: 40px;}
	.tm_home_hero .overlay_texts .subtitle{font-size: 14px;}
	.tm_services ul li{width: 100%;}
	.tm_portfolio_list > li{width: 100%;}
	.tm_news_wrap ul li{width: 100%;}
	.tm_contact_wrap .contact_list_wrap .first_row{flex-direction: column;}
	.tm_contact_wrap .contact_list_wrap .first_row .first{width: 100%;padding-right: 0px;margin-bottom: 25px;}
	.tm_contact_wrap .contact_list_wrap .first_row .second{width: 100%;padding-left: 0px;}
	.tm_main_title h3{font-size: 25px;}
	.tm_border.left{display: none;}
	.tm_border.right{display: none;}
	.tm_border.bottom{position: absolute;height: auto;padding: 20px 0px;}
	.tm_contact_wrap{margin-bottom: 195px;}
	.tm_border.bottom .footer_wrap{flex-direction: column;}
	.tm_menu{right: -400px;}
	.tm_menu .nav_list{padding-right: 40px;}
	.tm_border.top .header_wrap{padding: 0px 20px;}
	.tm_home_hero .overlay_texts{padding: 0px 20px;}
	.tm_wrap_inner{padding: 0px;}
	.tm_services ul li .inner{padding: 40px 30px;}
	.tm_news_wrap ul li .inner .descriptions_wrap{padding: 20px 30px 40px 30px;}
	.tm_border.bottom .footer_wrap{padding: 0px 20px;}
	.tm_news_single_wrap .news_content .content_image ul li{width: 100%;}
	.tm_commentbox_wrap .inner_wrap .desriptions_wrap{padding: 0px 20px;}
	.tm_commentbox_wrap .wp .avatar{display: none;}
	.tm_commentbox_wrap .wp{padding-left: 0px;}
	.tm_commentbox_wrap .reply_comment_wrap{padding: 0px 20px;}
	.tm_news_single_wrap .tags span{display: none;}
	.tm_portfolio_single_wrap .single_inner{margin-bottom: 189px;}
	.tm_flex_box{margin-bottom: 206px;}
}
@media (max-width: 480px) {
	.tm_home_hero .overlay_texts .name{font-size: 25px;}
	.tm_home_hero .overlay_texts .subtitle{font-size: 12px;}
	.tm_pagination_wrap{flex-direction: column;}
	
	.highlight_process {display: block;}
	.highlight_process .highlight { width: 100vw; margin-bottom: 30px; }
}	
@media (max-width: 900px) {
	.md_option {
		display: block;
		margin-bottom: 30px;
	}

	.projects_slide {
		height: 250px;
	}

	.diagonal {
		right: 33vw;
	}
}