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


01) WANTAM BASE
02) WANTAM SIDEBAR
03) WANTAM MAINPART
04) WANTAM ABOUT
05) WANTAM SERVICES
06) WANTAM PROGRESS
07) WANTAM PORTFOLIO
08) WANTAM CALL TO ACTION
09) WANTAM DETAILS
10) WANTAM TEAM MEMBERS
11) WANTAM TESTIMONIALS
12) WANTAM NEWS
13) WANTAM PARTNERS
14) WANTAM CONTACT
15) WANTAM FOOTER
16) WANTAM MEDIA QUERIES (FOR SMALL DEVIVES)



/*---------------------------------------------------*/
/*	03) WANTAM MAINPART
/*---------------------------------------------------*/

.wantam_tm_mainpart_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: none;
	padding-left: 0px;
}
.wantam_tm_mainpart_wrap .mainpart_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.wantam_tm_mainpart_wrap .mainpart_inner.opened{padding-left: 330px;}
.wantam_tm_mainpart_wrap .hero_header{
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
	margin-bottom: 190px;
}
.wantam_tm_mainpart_wrap .hero_header .hero_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.wantam_tm_mainpart_wrap .hero_header .hero_image.agency{background-image: url("..//img/slider/1.jpg");}
.wantam_tm_mainpart_wrap .hero_header .hero_image.personal{background-image: url("..//img/slider/3.jpg");}
.wantam_tm_mainpart_wrap .hero_header .hero_overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.wantam_tm_mainpart_wrap .hero_header .hero_texts{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.wantam_tm_mainpart_wrap .hero_header .container{height: 100%;}
.wantam_tm_mainpart_wrap .hero_header .name_holder{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 65px;
	margin-bottom: 32px;
	color: #fff;
}
.wantam_tm_mainpart_wrap .hero_header .subtitle{
	color: #fff;
	font-size: 19px;
	max-width: 450px;
	margin-bottom: 58px;
}
.wantam_tm_mainpart_wrap .hero_header .subtitle span{color: #f9b912;}
.wantam_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	min-width: max-content;
}
.wantam_tm_button a{
	text-decoration: none;
	display: inline-block;
	padding: 14px 55px;
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.wantam_tm_button[data-color="white"] a{
	color: #000;
	background-color: #fff;
	border: 3px solid #fff;
	box-shadow: 0px 5px 16px 0px rgba(255,255,255,0.4);
}
.wantam_tm_button[data-color="white"] a:hover{
	color: #fff;
	background-color: transparent;
}
.wantam_tm_button[data-color="pink"] a{
	color: #fff;
	border: 3px solid #f9b912;
	background-color: #f9b912;
	box-shadow: 0px 5px 16px 0px rgba(255,133,19,0.6);
}
.wantam_tm_button[data-color="pink"] a:hover{
	background-color: transparent;
	color: #000;
}

/*---------------------------------------------------*/
/*	04) WANTAM ABOUT
/*---------------------------------------------------*/

.wantam_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 0px;
}
.wantam_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
}
.wantam_tm_about .about_inner .leftpart{
	width: 40%;
	height: auto;
}
.wantam_tm_about .about_inner .leftpart .author_image{position: relative; margin-top:100px;}
.wantam_tm_about .about_inner .leftpart .author_image img{min-width: 100%;}
.wantam_tm_about .about_inner .leftpart .author_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.wantam_tm_about .about_inner .leftpart .author_image .shape{
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: #f9b912;
	top: -40px;
	left: -40px;
	z-index: -1;
}
.wantam_tm_about .about_inner .rightpart{
	width: 60%;
	padding-left: 100px;
}
.wantam_tm_about .about_inner .rightpart .about_title{
	width: 100%;
	float: left;
	margin-bottom: 45px;
}
.wantam_tm_about .about_inner .rightpart .about_title h3{
	font-size: 40px;
	font-weight: 700;
}
.wantam_tm_about .about_inner .rightpart .about_title h3 span{color: #f9b912;font-style: italic;}
.wantam_tm_about .about_inner .rightpart .text{
	width: 100%;
	float: left;
	margin-bottom: 60px;
}


/*---------------------------------------------------*/
/*	07) WANTAM PORTFOLIO
/*---------------------------------------------------*/

.wantam_tm_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.wantam_tm_title_holder h3{
	font-size: 40px;
    font-weight: 700;
}
.wantam_tm_title_holder h3 span{color: #f9b912;}
.wantam_tm_portfolio_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 50px 0px 50px;
	margin-bottom: 100px;
	background-color: #F7F7F7;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_filter{
	width:100%;
	height: auto;
	text-align:center;
	list-style-type:none;
	margin: 30px 0px 29px 0px;
	display: inline-block;
}

.wantam_tm_portfolio_wrap .wantam_tm_portfolio_filter li{
	display:inline-block;
	margin:0px 40px 0px 0px;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_filter li:last-child{margin-right: 0px;}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_filter li a{
	text-decoration:none;
	font-weight:500;
	color:#000;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	
	-webkit-transition: all .1s ease;
	   -moz-transition: all .1s ease;
	    -ms-transition: all .1s ease;
	     -o-transition: all .1s ease;
	        transition: all .1s ease;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_filter li a:hover{color: #f9b912;}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_filter li a.current{color: #f9b912;}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 16%;
	padding-left: 50px;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .image_wrap{position: relative;}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .image_wrap img{min-width:100%;}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .image_wrap .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255, 77, 0, 0.65);
	z-index: 1;
	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;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner:hover .overlay{
	opacity: 1;
	visibility: visible;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .overlay .overlay_text{
	position: relative;
	top: 38px;
	left: 8px;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .overlay .overlay_text h3{
	font-size: 14px;
	color: #fff;
	font-weight: 700;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .overlay .overlay_text span{
	color: #fff;
	font-size: 12px;
}
.wantam_tm_portfolio_wrap .wantam_tm_portfolio_list li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
}

/*---------------------------------------------------*/
/*	08) WANTAM CALL TO ACTION
/*---------------------------------------------------*/

.wantam_tm_call_action{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f9b912;
	padding: 73px 0px 77px 0px;
	margin-bottom: 109px;
}
.wantam_tm_call_action .action_inner .left{padding-right: 40px;}
.wantam_tm_call_action .action_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wantam_tm_call_action .action_inner .left p{
	color: #fff;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: 600;
}


/*---------------------------------------------------*/
/*	05) WANTAM SERVICES
/*---------------------------------------------------*/

.wantam_tm_service{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f7f7f7;
	padding: 50px 0px 0px 0px;
	margin-bottom: 0px;
}
.wantam_tm_service .service_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.wantam_tm_service .service_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.wantam_tm_service .service_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 30px;
}
.wantam_tm_service .service_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 55px 40px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.wantam_tm_service .service_inner ul li .inner .number{margin-bottom: 20px;}
.wantam_tm_service .service_inner ul li .inner .number h3{
	font-family: "微软雅黑";
	font-size: 55px;
	font-weight: 700;
	color: #f9b912;
}
.wantam_tm_service .service_inner ul li .inner .title{margin-bottom: 30px;}
.wantam_tm_service .service_inner ul li .inner .title h3{
	font-size: 21px;
	font-weight: 700;
}
.wantam_tm_service .service_inner ul li.active .number h3{color: #fff;}
.wantam_tm_service .service_inner ul li.active .title h3{color: #fff;}
.wantam_tm_service .service_inner ul li.active .inner{background-color: #f9b912;}
.wantam_tm_service .service_inner ul li.active .inner .text p{color: #f9b912;}
.wantam_tm_service .service_inner ul li .inner:hover{background-color: #FC3;}
.wantam_tm_service .service_inner ul li .inner:hover .number h3{color: #fff;}
.wantam_tm_service .service_inner ul li .inner:hover .title h3{color: #fff;}
.wantam_tm_service .service_inner ul li .inner:hover .text p{color: #f9b912;}
.wantam_tm_service .service_inner ul li .inner:focus .text p{color: #f9b912;}

/*---------------------------------------------------*/
/*	12) WANTAM NEWS
/*---------------------------------------------------*/

.wantam_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f7f7f7;
	padding: 0px 0px 40px 0px;
}
.wantam_tm_news .news_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 50px;
}
.wantam_tm_news .news_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.wantam_tm_news .news_inner ul li{
	margin: 0px 0px 30px 0px;
	width: 25%;
	float: left;
	padding-left: 30px;
}
.wantam_tm_news .news_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	border-top:1px solid #f9b912;
	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;
}
.wantam_tm_news .news_inner ul li .inner:hover{top: -6px;}
.wantam_tm_news .news_inner ul li .inner .image{position: relative;}
.wantam_tm_news .news_inner ul li .inner .image img{width: 250px;}
.wantam_tm_news .news_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;
}
.wantam_tm_news .news_inner ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.wantam_tm_news .news_inner ul li .inner .details{
	width: 100%;
	height: 130px;
	clear: both;
	float: left;
	padding: 18px;
	background-color: #fff;
}
.wantam_tm_news .news_inner ul li .inner .details .time{
	width: 100%;
	float:left; 
font-weight:700;
}
.wantam_tm_news .news_inner ul li .inner .details .time p{
	font-size: 12px;
	text-decoration: none;
	color: #f9b912;
	padding-bottom:10px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.wantam_tm_news .news_inner ul li .inner .details .time p a:hover{color: #f9b912;}
.wantam_tm_news .news_inner ul li .inner .details .title h3{
	font-size: 14px;
    font-weight: 200;
	line-height: 150%;
	color: #000;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.wantam_tm_news .news_inner ul li .inner .details .title a{
	text-decoration: none;
	color: #000;
}
.wantam_tm_news .news_inner ul li .inner .details .title a:hover h3{color: #f9b912;}


/*---------------------------------------------------*/
/*	15) WANTAM FOOTER
/*---------------------------------------------------*/

.wantam_tm_footer{
	width: 100%;
	height: 90px;
	line-height: 90px;
	clear: both;
	float: left;
	background-color: #006;
}
.wantam_tm_footer .footer_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	justify-content: space-between;
}
.wantam_tm_footer .footer_inner .left p{
	color: #fff;
}
.wantam_tm_footer .footer_inner .left p a{
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #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;
}
.wantam_tm_footer .footer_inner .left p a:hover{
	color: #f9b912;
	border-bottom-color: #f9b912;
}
.wantam_tm_footer .footer_inner .right ul{
	margin: 0px;
	list-style-type: none;
}
.wantam_tm_footer .footer_inner .right ul li{
	margin: 0px 10px 0px 0px;
	float: left;
}
.wantam_tm_footer .footer_inner .right 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;
}
.wantam_tm_footer .footer_inner .right ul li a:hover{color: #f9b912;}

.wantam_tm_all_wrap.no-margin .wantam_tm_mainpart_wrap .hero_header{margin-bottom: 0px;}