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


01) AMAR BASE
02) AMAR ABOUT
03) AMAR SERVICES
04) AMAR PROJECTS
05) AMAR NEWS
06) AMAR CONTACT
07) AMAR KENBURN HOMEPAGE
08) AMAR RIPPLE HOMEPAGE
09) AMAR TEXT HOMEPAGE
10) AMAR NEWS LIST
11) AMAR NEWS SINGLE
12) AMAR PORTFOLIO SINGLE
13) AMAR MEDIA QUERIES (FOR SMALL DEVIVES)


/*---------------------------------------------------*/

/*	01) AMAR BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Poppins";
	font-size: 15px;
	line-height: 2.2;
	letter-spacing: 0.5px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #000;
	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;
}

.amar_tm_loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 11111111;
}
.amar_tm_loader-wrapper .loader {
    height: 1px;
    background-color: #fff;
    z-index: 11111111;
	position: absolute;
}
.amar_tm_all_wrap,
.amar_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+ */
}
.amar_tm_all_wrap{
	width: 100%;
	min-height: 100vh;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.amar_tm_wrap_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.amar_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.amar_tm_all_wrap .header_wrap{
	width: 100%;
	height: auto;
	padding: 0px 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 30px;
	z-index: 10;
}
.amar_tm_all_wrap .header_wrap .logo_image{
	max-height: 40px;
	display: flex;
	align-items: center;
	width: auto;
	float: left;
}
.amar_tm_all_wrap .header_wrap .logo_image img{
	max-width: 100px;
	max-height: 60px;
}
.amar_tm_all_wrap .header_wrap .logo a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
}
.amar_tm_all_wrap .header_wrap .logo a h3{
	font-size: 23px;
	letter-spacing: 4px;
	font-weight: 700;
}
.amar_tm_all_wrap .trigger{
	width: 30px;
	height: 12px;
	position: relative;
}
.amar_tm_all_wrap .trigger a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.amar_tm_all_wrap .trigger span{
	position: absolute;
	width: 30px;
	height: 3px;
	background-color: #FFFFFF;
	display: inline-block;
}
.amar_tm_all_wrap .trigger .two{margin-top: 12px;}
.amar_tm_menu{
	width: 400px;
	height: 100vh;
	background-color: #060606;
	position: fixed;
	right: -400px;
	z-index: 9;
}
.amar_tm_menu .nav_list{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.amar_tm_menu .nav_list ul{
	margin: 0px;
	list-style-type: none;
}
.amar_tm_menu .nav_list ul li{
	margin: 0px;
	list-style-type: none;
}
.amar_tm_menu .nav_list ul li:last-child{margin-bottom: 0px;}
.amar_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: "Saira";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.amar_tm_menu .nav_list ul li a:hover{color: #E9204F;}
.amar_tm_hero_wrap{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 1;
}
.amar_tm_hero_wrap .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.7);
}.amar_tm_hero_wrap .texts_wrap{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}.amar_tm_hero_wrap .texts_wrap .name_holder h3{
	font-size: 75px;
}.amar_tm_hero_wrap .texts_wrap .job_holder p{
	font-size: 18px;
	font-weight: 500;
	font-family: "Saira";
}
.amar_tm_down{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10%;
}
.amar_tm_down svg{
	width: 35px !important;
	height: 35px !important;
}
.amar_tm_down svg #wheel{
	animation: scroll ease 2s infinite;
}
@keyframes scroll {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(60px);
    }
}
.amar_tm_main_content{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
#about{margin-top: 100vh;}

/*---------------------------------------------------*/

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

.amar_tm_about_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 100px;
}
.amar_tm_about_wrap .author_image{
	width: 100%;
	max-width: 200px;
	height: 200px;
	margin: 0px auto;
	margin-bottom: 50px;
}
.amar_tm_about_wrap .author_image img{
	border-radius: 100%;
}
.amar_tm_about_wrap .author_info{
	width: 100%;
	max-width: 700px;
	height: auto;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 30px;
}
.amar_tm_about_wrap .author_info p{
	color: #888;
}
.amar_tm_about_wrap .author_info p strong{
	color: #fff;
}
.amar_tm_about_wrap .sign{
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 90px;
}

/*---------------------------------------------------*/

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


.amar_tm_services.amar_tm_waypoint_effect.load ul li{
	opacity: 1;
	top: 0px;
}
.amar_tm_services{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 40px;
}
.amar_tm_services ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.amar_tm_services ul li{
	margin: 0px 0px 50px 0px;
	padding-left: 50px;
	float: left;
	width: 33.3333%;
	opacity: 0;
	position: relative;
	top: 30px;
	box-sizing: border-box;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.amar_tm_services ul li .inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
	background-color: #060606;
	padding: 50px 40px;
	border-radius: 3px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
}
.amar_tm_services ul li .inner img{
	display: block;
	width: 100%;
	max-width: 100%;
	height: 180px;
	margin: 0 auto 24px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.amar_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;
}
.amar_tm_services ul li .inner:hover:before{width: 50%;}
.amar_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;
}
.amar_tm_services ul li .inner:hover:after{width: 50%;}
.amar_tm_services ul li .inner .svg{
	width: 40px;
	height: 40px;
	color: #E9204F;
}
.amar_tm_services ul li .inner h3{
	font-size: 22px;
	margin-bottom: 14px;
}
.amar_tm_services ul li .inner p{color: #999;}

/*---------------------------------------------------*/

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

.amar_tm_projects_wrap.amar_tm_waypoint_effect.load .amar_tm_portfolio_list > li{
	opacity: 1;
	top: 0px;
}
.amar_tm_projects_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 80px;
}
.amar_tm_portfolio_list{
	list-style-type:none;
	margin: 0px 0px 50px -50px;
}
.amar_tm_portfolio_list > li{
	width:33.3333%;
	float:left;
	position:relative;
	margin: 0px 0px 50px 0px;
	padding-left: 50px;
	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;
}
.amar_tm_portfolio_list .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.amar_tm_portfolio_list .list_inner .image_wrap{
	position: relative;
	top: 0px;
}
.amar_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;
}
.amar_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;
}
.amar_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;
}
.amar_tm_portfolio_list .list_inner .overlay_text h3{font-size: 22px;}
.amar_tm_portfolio_list .list_inner .overlay_text span{font-family: "Saira";}
.amar_tm_portfolio_list .list_inner:hover .main_image{transform: scale(1.2,1.2);	}
.amar_tm_portfolio_list .list_inner:hover .overlay{opacity: 1;}
.amar_tm_portfolio_list .list_inner:hover .overlay_text{opacity: 1;}

/*---------------------------------------------------*/

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

.amar_tm_news_wrap.amar_tm_waypoint_effect.load ul li{
	opacity: 1;
	top: 0px;
}
.amar_tm_news_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 40px;
}
.amar_tm_news_wrap ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.amar_tm_news_wrap ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	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;
}
.amar_tm_news_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #060606;
}
.amar_tm_news_wrap ul li .inner .image_wrap{position: relative;}
.amar_tm_news_wrap ul li .inner .image_wrap img{min-width: 100%;}
.amar_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;
}
.amar_tm_news_wrap ul li .inner .descriptions_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 30px 40px 50px 40px;
	position: relative;
}
.amar_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;
}
.amar_tm_news_wrap ul li .inner:hover .descriptions_wrap:before{width: 50%;}
.amar_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;
}
.amar_tm_news_wrap ul li .inner:hover .descriptions_wrap:after{width: 50%;}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .date_wrap span{
	color: #fff;
	line-height: 1.7;
	display: inline-block;
	font-family: "Saira";
}
.amar_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;
}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .date_wrap span a:hover{color: #E9204F;}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .title{margin-bottom: 14px;}
.amar_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;
}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .title a:hover{color: #E9204F;}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .title h3{font-size: 22px;}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .text{margin-bottom: 23px;}
.amar_tm_news_wrap ul li .inner .descriptions_wrap .text p{color: #999;}

/*---------------------------------------------------*/

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

.amar_tm_contact_wrap.amar_tm_waypoint_effect.load .leftpart{
	opacity: 1;
	top: 0px;
}
.amar_tm_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 90px;
}
.amar_tm_contact_wrap .leftpart{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	opacity: 0;
	top: 30px;
	padding-bottom: 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;
}
.amar_tm_contact_wrap .leftpart ul{
	margin: 0px;
	list-style-type: none;
}
.amar_tm_contact_wrap .leftpart ul li{
	margin: 0px 0px 14px 0px;
	width: 33.3333%;
	float: left;
	text-align: center;
}
.amar_tm_contact_wrap .leftpart ul li:last-child{margin-bottom: 0px;}
.amar_tm_contact_wrap .leftpart ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.amar_tm_contact_wrap .leftpart ul li span{
	font-family: "Saira";
	display: block;
}
.amar_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;
}
.amar_tm_contact_wrap .leftpart ul li span a:hover{color: #E9204F;}
.amar_tm_contact_wrap .leftpart ul li .svg{
	width: 20px;
	height: 20px;
	color: #E9204F;
}

/*---------------------------------------------------*/

/*	07) AMAR COPYRIGHT
/*---------------------------------------------------*/

.amar_tm_copyright_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #060606;
	padding: 70px 20px;
}
.amar_tm_copyright_wrap .inner_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.copyright{
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.copyright a{color:#fff;}

.amar_tm_main_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
	padding-bottom: 90px;
}
.amar_tm_main_title.hero{padding-bottom: 0px;}
.amar_tm_main_title span{
	text-transform: uppercase;
	color: #E9204F;
	font-size: 14px;
	font-weight: 600;
	font-family: "Saira";
}

/*---------------------------------------------------*/

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

@media (max-width: 1200px) {
	.amar_tm_services ul li{width: 50%;}
	.amar_tm_portfolio_list > li{width: 50%;}
	.amar_tm_news_wrap ul li{width: 50%;}
}
@media (max-width: 1040px) {
	.amar_tm_menu .nav_list ul li a{font-size: 20px;line-height: 1;}
	.amar_tm_all_wrap .header_wrap .logo_image img{max-width: 70px;max-height: 50px;}
	.amar_tm_contact_wrap{flex-direction: column;}
	.amar_tm_contact_wrap .leftpart{padding-right: 0px;width: 100%;margin-bottom: 40px;}
	.amar_tm_all_wrap .header_wrap{background-color: rgba(0,0,0,1.00);top: 0px;padding: 20px 40px;border-bottom: 1px solid rgba(255,255,255,.2);}
	.amar_tm_loader-wrapper{display: none;}
}
@media (max-width: 768px) {
	.amar_tm_services ul li{width: 100%;}
	.amar_tm_portfolio_list > li{width: 100%;}
	.amar_tm_news_wrap ul li{width: 100%;}
	.amar_tm_main_title h3{font-size: 25px;}
	.amar_tm_menu{right: -400px;}
	.amar_tm_menu .nav_list{padding-right: 40px;}
	.amar_tm_wrap_inner{padding: 0px;}
	.amar_tm_services ul li .inner{padding: 40px 30px;}
	.amar_tm_news_wrap ul li .inner .descriptions_wrap{padding: 20px 30px 40px 30px;}
	.amar_tm_hero_wrap .texts_wrap .name_holder h3{font-size: 50px;}
	.copyright{padding-top: 0px;}
	.amar_tm_contact_wrap .leftpart ul li{width: 100%;}
}
@media (max-width: 480px) {
	.amar_tm_hero_wrap .texts_wrap .name_holder h3{font-size: 35px;}
}