@font-face
{
	font-family: "hrgicons";
	src: url("../../../assets/fonts/icons/hrg-icons.eot");
	src: url("../../../assets/fonts/icons/hrg-icons.eot?#iefix") format("embedded-opentype"),
	url("../../../assets/fonts/icons/hrg-icons.woff") format("woff");
}

/* Main Template Corrections - Start */

body {
	line-height: 2;
	font-family: yekan, sans-serif;
}

.fs2r   { font-size: 2rem; }
.fs1-5r { font-size: 1.5rem; }
.br5px  { border-radius: 5px; }
.br10px { border-radius: 10px; }
.br15px { border-radius: 15px; }
.br20px { border-radius: 20px; }
.ofh    { overflow: hidden !important; }
.tcF00  { color: #FF0000; }

/* Main Template Corrections - End */

/* Template Corrections - Start */

.text-left
{
	text-align: left !important;
}

.text-right
{
	text-align: right !important;
}

.carousel-control-prev {
	left: 0;
	right: unset;
}

.carousel-control-next {
	right: 0;
	left: unset;
}

.carousel-control-prev,
.carousel-control-next {
	width: 20%;
}

.breadcrumb .divider:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f100";
}

.t4-section.t4-breadcrumbs {
	border: none;
	padding: 0;
	background-color: #ffffff;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.t4-section .container {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Template Corrections - End */

/* Footer Template - Start */

.footer-container {
	background-color: #f9f9f9;
	color: #222222;
}

.footer-brand {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #aaaaaa;
}

.footer-brand > img {
	height: 60px;
	width: auto;
}

.footer-address,
.footer-contact {
	overflow: hidden;
	margin-bottom: 1rem;
}

.footer-address > img,
.footer-contact > img {
	display: none;
}
.footer-address:before,
.footer-contact:before {
	float: right;
	font-family: "hrgicons";
	background-color: #eaeaea;
	border-radius: 1rem;
	margin-left: 1rem;
	width: 60px;
	height: 80px;
	text-align: center;
	font-size: 1.5rem;
	line-height: 80px;
	color: #b22930;
}
.footer-address:before {
	content: "\e921";
}
.footer-contact:before {
	content: "\e920";
}
.footer-social-icons a {
	padding: 0.5rem 0;
	margin-left: 0.5rem;
}

.module-title {
	border-bottom: 1px solid #aaaaaa;
}

.module-title span {
	height: calc(60px + 2rem);
	margin: 0;
	padding: 25px 0 0;
	border: none;
}

.footer-menu .nav > li::before,
.footer-menu .nav li::before,
.footer-menu .nav li.nav-item::before {
	display: inline-block;
	content: "oo";
	width: 20px;
	height: 15px;
	margin: 0 0 0 5px;
	background-color: #dddddd;
	border-radius: 5px;
	font-size: 8px;
	font-weight: bold;
	color: #b22930;
	padding: 0 5px 0 0;
}

.navbar {
	padding: 0;
}

.footer-menu .nav li a:hover,
.footer-menu .nav li a:focus,
.footer-menu .nav li a:active,
.footer-menu .nav li .nav-link:hover,
.footer-menu .nav li .nav-link:focus,
.footer-menu .nav li .nav-link:active {
	color: #000000;
	border: none;
}

@media (max-width: 991px) {
	.module-title span {
		height: auto;
		padding: 0.8rem 0;
	}
}

/* Footer Template - End */

/* Carousel Slideshow - Start */

.carousel.slideshow div.carousel-item {
	background-size: cover;
}

.carousel.slideshow div.carousel-item .container {
	position: absolute;
	top: 0;
	height: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.carousel.slideshow div.carousel-item .container .row {
	height: calc(100% - 100px);
}

.slideshow-pattern {
	width: 100%;
	height: 100%;
	opacity: 0.2;
}

.carousel.slideshow .slideshow-object {
	/*
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	padding: 5% 10% 5% 5%;
	*/
	width: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel.slideshow .slideshow-object img {
	max-width: 100%;
	max-height: 100%;
}

.carousel.slideshow .slideshow-text {
	/*
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 180px 0 15% 10%;
	*/
	width: 50%;
	color: #ffffff;
	font-size: 1.3rem;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	justify-content: center;
}

.carousel.slideshow .slideshow-text.without-object {
	width: 100%;
	height: 100%;
	padding: 280px 5% 5% 10%;
	text-align: center;
	font-size: 1.5rem;
}

.carousel.slideshow .slideshow-text .slide-text {
	padding: 2rem 0 3rem;
}

.carousel.slideshow .slideshow-text.without-object .slide-text {
	padding: 0 0 3rem;
}

.carousel.slideshow a.read-more {
	background-color: #b30000;
	padding: 10px 25px;
	border-radius: 100px 0 100px 100px;
	text-decoration: none;
	font-size: 1.1rem;
	color: #ffffff;
	font-weight: 200;
}

.carousel.slideshow h4 a {
	color: #ffffff;
	font-size: 2rem;
}

.carousel.slideshow .slideshow-text.without-object h4 a {
	font-size: 2.2rem;
	background-color: #00000033;
	padding: 1rem 2rem;
}

.slideshow-curve {
	position: absolute;
	bottom: 0;
}

.slideshow-curve img {
	width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	.carousel.slideshow .slideshow-text.without-object h4 a {
		font-size: 1.5rem;
		padding: 1rem;
	}

	.carousel.slideshow .slideshow-text .slide-text {
		display: none;
	}

	.carousel.slideshow .slideshow-text {
		width: 100%;
		align-items: center;
		text-align: center;
	}

	.carousel.slideshow .slideshow-object {
		width: 100%;
		align-items: flex-end;
	}

	.carousel.slideshow .slideshow-object img {
		width: 50vw;
		height: 50vw;
	}
}

/* Carousel Slideshow - End */

/* Main Menu - Start */

p
{
	text-align: justify;
}

.mainnav-container {
	z-index: 10000;
	width: 100%;
	background: none;
}

@media (max-width: 1199px) {
	.mainnav-container {
		position: fixed;
		top: 0; /* no Ads */
		/* top: 30px; /* With Ads */
		right: 0;
	}

	.mainnav-logo-container {
		flex: 8;
	}

	.mainnav-menu-container {
		flex: 2;
	}

	.mainnav-tel-container {
		flex: 3;
		display: none;
	}

	.mainnav-container > div.container {
		border-radius: 0;
	}

	.navbar .navbar-toggler {
		float: left;
		margin-left: 20px;
	}

	.mainnav-menu-container .t4-megamenu {
		background-color: #000000;
		padding: 0 15px;
	}
}

@media (min-width: 1200px) {
	.mainnav-container {
		position: absolute;
		top: 30px; /* No Ads */
		/* top: 70px; */ /* With Ads */
	}

	.mainnav-container.not-at-top {
		position: fixed;
		top: 0;
	}

	.mainnav-logo-container {
		flex: 5;
	}

	.mainnav-menu-container {
		flex: 16;
	}

	.mainnav-tel-container {
		flex: 4;
	}

	.mainnav-container > div.container {
		border-radius: 100px;
	}
}

.mainnav-container > div.container {
	background-color: #000000aa;
	padding-top: 15px;
	padding-bottom: 7px;
	transition: all 1s;
}

.mainnav-container > div.container.not-at-top {
	background-color: rgba(0, 0, 0, 0.8);
	max-width: 100%;
	border-radius: 0;
	transition: all 1s;
}

/* .mainnav-container > div.container .nav > li .nav-link { */
.mainnav-container ul.level0 a.nav-link {
	color: #ffffff;
	padding: 0.5rem;
	font-size: 14px;
	font-weight: 300;
}

.navbar-nav.level0 > li.show > a,
.navbar-nav.level0 > li.show > .nav-link
{
	color: #FFFFFF;
}

.mainnav-container .nav > .dropdown > .dropdown-toggle .item-caret {
	display: none;
}

.mainnav-container div.company-logo {
	display: inline-block;
	float: right;
	border-left: 1px solid #ffffff;
	padding-left: 10px;
	overflow: hidden;
}

.mainnav-container div.company-logo img {
	max-width: 100%;
	width: 50px;
	height: 45px;
}

.mainnav-container div.company-name {
	display: inline-block;
	float: right;
	color: #ffffff;
	margin: 0 10px 0 0;
	font-weight: 300;
}

.mainnav-container .company-name-prefix {
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
	padding: 0;
	margin: 0;
	margin-bottom: 12px;
}

.mainnav-container .company-name-prefix a,
.mainnav-container .company-name-prefix a:hover {
	text-decoration: none;
	color: #ffffff;
}

.mainnav-container .company-name-main {
	font-size: 12px;
	font-weight: 200;
	line-height: 1;
	padding: 0;
	margin: 0;
	color: #EFEFEF;
}

.mainnav-menu-container .nav li.active li.active > a,
.mainnav-menu-container .nav li.active li a:hover {
	color: #000000 !important;
}

@media (min-width: 1200px) {
	div.products-submenu {
		width: 800px;
	}

	div.products-submenu div.row > div:nth-child(1) {
		background-color: #eeeeee;
		flex: 2;
		max-width: unset;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a {
		background-color: #ffffff;
		margin-bottom: 1rem;
		border-radius: 10px;
		padding: 2rem 1rem;
		font-weight: 500;
		font-size: 1.05rem;
	}

	div.products-submenu div.row > div:nth-child(1) ul li + li {
		padding-top: 1rem;
		border-top: 1px solid #d4d4d4;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a:before {
		content: "";
		display: block;
		width: 50px;
		height: 50px;
		float: right;
		/* background: url(../images/template/icon-default.svg) no-repeat center center; */ /* correct later */
		margin-left: 10px;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a:after {
		display: block;
		font-size: 10px;
		color: #777777;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.enterprise-business-menu {
		color: #000000;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.enterprise-business-menu:hover,
	div.products-submenu div.row > div:nth-child(1) ul li a.medium-business-menu:hover,
	div.products-submenu div.row > div:nth-child(1) ul li a.municipalities-menu:hover
	{
		color: #bb0000 !important;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.enterprise-business-menu:before {
		background: url(../../../images/template/assets/icon-enterprise-business.svg) no-repeat center center;
		background-size: contain;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.enterprise-business-menu:after {
		/* content: "محصولات ویژه کسب و کارهای بزرگ"; */
		content: "\0645\062d\0635\0648\0644\0627\062a\0020\0648\06cc\0698\0647\0020\06a9\0633\0628\0020\0648\0020\06a9\0627\0631\0647\0627\06cc\0020\0628\0632\0631\06af";
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.medium-business-menu {
		color: #005522;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.medium-business-menu:before {
		background: url(../../../images/template/assets/icon-medium-business.svg) no-repeat center center;
		background-size: contain;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.medium-business-menu:after {
		/* content: "محصولات ویژه کسب و کارهای متوسط" */
		content: "\0645\062d\0635\0648\0644\0627\062a\0020\0648\06cc\0698\0647\0020\06a9\0633\0628\0020\0648\0020\06a9\0627\0631\0647\0627\06cc\0020\0645\062a\0648\0633\0637";
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.municipalities-menu {
		color: #ff5500;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.municipalities-menu:before {
		background: url(../../../images/template/assets/icon-municipalities.svg) no-repeat center center;
		background-size: contain;
	}

	div.products-submenu div.row > div:nth-child(1) ul li a.municipalities-menu:after {
		/* content: "سیستم های ویژه شهرداری های کشور"; */
		/* content: "نرم افزارهای ویژه شهرداری ها"; */
		/*content: "\0633\06cc\0633\062a\0645\0020\0647\0627\06cc\0020\0648\06cc\0698\0647\0020\0634\0647\0631\062f\0627\0631\06cc\0020\0647\0627\06cc\0020\06a9\0634\0648\0631";*/
		content: "\0646\0631\0645\020\0627\0641\0632\0627\0631\0647\0627\06cc\020\0648\06cc\0698\0647\020\0634\0647\0631\062f\0627\0631\06cc\020\0647\0627";
	}

	div.products-submenu div.row > div:nth-child(2) {
		background-color: #ffffff;
		flex: 4;
		max-width: unset;
	}

	div.products-submenu div.row > div:nth-child(2) ul li {
		width: 33.33%;
		padding: 5px;
		float: right;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a {
		background-color: #f5f5f5;
		text-align: center;
		height: 130px;
		padding: 0.5rem 0.5rem;
		font-size: 0.8rem;
	}

	div.products-submenu div.row > div:nth-child(2) li.active > a,
	div.products-submenu div.row > div:nth-child(2) li > a:hover {
		color: #000000 !important;
	}
	/* 
	div.products-submenu div.row > div:nth-child(2) ul li a:before {
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		background-color: #eeeeee;
		margin: 0 auto;
		background: url(../images/template/icon-default.svg) no-repeat center center;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a.governmental-accounting-menu:before {
		background: url(../images/template/icon-governmental-accounting.svg) no-repeat center center;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a.power-industry-menu:before {
		background: url(../images/template/icon-power-industry.svg) no-repeat center center;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a.business-intelligence-menu:before {
		background: url(../images/template/icon-business-intelligence.svg) no-repeat center center;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a.dashboard-menu:before {
		background: url(../images/template/icon-dashboard.svg) no-repeat center center;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a.ticketing-menu:before {
		background: url(../images/template/icon-ticketing.svg) no-repeat center center;
	}

	div.products-submenu div.row > div:nth-child(2) ul li a.crm-menu:before {
		background: url(../images/template/icon-crm.svg) no-repeat center center;
	} */

	div.solutions-submenu div.row > div:nth-child(1):after,
	div.solutions-submenu div.row > div:nth-child(2):after {
		border-left: 1px solid #e0dfdf;
		content: "";
		height: 90%;
		margin: 5% 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	div.solutions-submenu div.row > div ul li {
		width: 50%;
		padding: 5px;
		float: right;
	}

	div.solutions-submenu div.row > div ul li a {
		background-color: #f5f5f5;
		text-align: center;
		font-size: 14px;
		height: 130px;
		padding: 0.5rem 0.5rem;
		font-size: 0.8rem;
	}

	div.solutions-submenu div.row > div ul li.active > a,
	div.solutions-submenu div.row > div ul li > a:hover {
		color: #000000 !important;
	}

	div.solutions-submenu div.row > div ul li a:before {
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		background-color: #eeeeee;
		margin: 0 auto;
		background: url(../images/template/icon-default.svg) no-repeat center center;
	}

	div.solutions.menustyle2 div.row > div ul li a.municipalities-solution-menu:before,
	div.solutions-submenu div.row > div ul li a.municipalities-solution-menu:before {
		background: url(../images/template/icon-municipalities-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.banking-solution-menu:before {
		background: url(../images/template/icon-banking-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.productive-industrial-solution-menu:before {
		background: url(../images/template/icon-productive-industrial-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.business-solution-menu:before {
		background: url(../images/template/icon-business-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.contracting-solution-menu:before {
		background: url(../images/template/icon-contracting-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.service-providers-solution-menu:before {
		background: url(../images/template/icon-service-providers-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.tile-ceramic-solution-menu:before {
		background: url(../images/template/icon-tile-ceramic-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.paint-resin-solution-menu:before {
		background: url(../images/template/icon-paint-resin-solution.svg) no-repeat center center;
	}

	div.solutions-submenu div.row > div ul li a.mineral-stone-solution-menu:before {
		background: url(../images/template/icon-mineral-stone-solution.svg) no-repeat center center;
	}
}

@media (min-width: 1200px) {
	.t3-mainnav .container {
		width: 1160px;
		height: 75px;
		padding: 15px;
	}

	.t3-mainnav div.t3-megamenu {
		clear: none;
	}
}

.t3-mainnav ul.nav.navbar-nav {
	display: inline-block;
}

.t3-mainnav .navbar-nav > li {
	font-weight: 300;
}

.t3-mainnav .t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
	display: none;
}

.company-tel {
	color: #ffffff;
	float: left;
}

.company-tel-main,
.company-tel-prefix {
	display: inline-block;
}

.company-tel-main {
	font-size: 25px;
	font-weight: 200;
	padding: 0 0 7px 7px;
	display: inline-block;
	overflow: hidden;
	line-height: 1;
}

.company-tel-prefix {
	display: inline-block;
	padding: 0;
	overflow: hidden;
	border-right: 1px solid #ffffff;
}

.company-tel-prefix img {
	width: 30px;
	height: auto;
	margin: 10px 15px 4px 0;
}

.navbar-toggle {
	padding: 0 10px;
	width: 90%;
	color: #efefef;
	margin: 10px 5%;
}

a.company-tel-main,
a.company-tel-main:visited {
	color: #ffffff;
}

a.company-tel-main:hover {
	color: #ff0000;
}

/* Main Menu - End */

/* home page - stats - start */

.honors-stats-module .custom
{
	position: relative;
}

@media only screen and (max-width: 767px)
{
	.honors-stats-module .custom
	{
		height: 500px;
	}

	.honors-stats-module .honors-stats .row > div:nth-child(2n + 1) 
	{
		border-left: 2px solid #dddddd;
	}
}

@media only screen and (min-width: 768px) 
{
	.honors-stats-module .custom
	{
		height: 350px;
	}

	.honors-stats-module .honors-stats .row > div:nth-child(2n + 1) 
	{
		border: none;
	}

	.honors-stats-module .honors-stats .row > div:nth-child(3n + 2) 
	{
		border-right: 2px solid #dddddd;
		border-left: 2px solid #dddddd;
	}
}

@media (min-width: 992px) 
{
	.honors-stats-module .custom
	{
		height: 70px;
	}
}

@media (min-width: 1200px) 
{
	.custom.honors-stats-module 
	{
		height: 100px;
	}

	.honors-stats-module .honors-stats .row > div:nth-child(3n + 2) 
	{
		border: none;
	}

	.honors-stats-module .honors-stats .row > div:nth-child(n + 2) 
	{
		border-right: 2px solid #dddddd;
	}
}

.honors-stats-module .honors-stats {
	text-align: center;
	position: absolute;
	width: 100%;
	margin: 0;
	top: -190px;
	z-index: 10;
}

.honors-stats-module .container {
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0 0 30px #00000022;
	padding-top: 0;
	padding-bottom: 0;
}

.honors-stats-module .honors-stats .row {
	padding: 0 15px;
}

.honors-stats-module .honors-stats .row > div {
	margin: 30px 0;
}

.honors-stats-module .honors-stats .stats-icon {
	padding: 0 0 20px;
}

.honors-stats-module .honors-stats .stats-data-2 {
	font-size: 12px;
}

@media (max-width: 991px) {
	.honors-stats-module .honors-stats {
		width: 90%;
		margin: 0 5%;
		top: -80px;
	}
}

.honors-stats a {
	color: inherit;
}

/* home page - stats - end */

/* home page - products - start */

.products-content img.content-icon {
	border: 1px solid #dddddd;
	border-radius: 400px;
	padding: 25px;
	width: 85px;
	height: 85px;
	float: right;
	vertical-align: middle;
	margin-left: 40px;
}

.products-content div {
	overflow: hidden;
	margin-bottom: 30px;
}

.products-content > div div {
	margin: 1rem 0;
}

.products-content p {
	margin-top: 20px;
}

.products-image img 
{
	width: 100%;
	height: auto;
}

.products-module {
	margin: 0 0 70px 0;
}

/*.products-module .container
{
	padding: 0;
}*/

@media only screen and (min-width: 768px) {
	div.products-content {
		float: right;
	}

	div.products-image {
		float: left;
	}
}

/* home page - products - end */

/* home page - news and articles - start */

div.t4-module.module.news-articles-module {
	background-color: #f8f8f8;
	padding: 80px 0 70px;
}

.moduletable.news-module,
.moduletable.articles-module {
	background-color: #ffffff;
	padding: 15px 15px 30px;
	box-shadow: 0 0 30px #00000011;
	overflow: hidden;
}

ul.category-module.news-module,
ul.category-module.articles-module {
	overflow: hidden;
	padding: 0;
}

.category-module.news-module li,
.category-module.articles-module li {
	width: 50%;
	float: right;
	padding: 0 15px;
	border: none;
	text-align: justify;
	font-size: 14px;
}

.category-module.news-module li a,
.category-module.articles-module li a {
	color: #222222;
}

.category-module.news-module li img.thumbimage,
.category-module.articles-module li img.thumbimage {
	width: 100%;
	height: auto;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
}

.moduletable.news-module h3:before,
.moduletable.articles-module h3:before {
	content: ".";
	color: #dddddd00;
	font-size: 1px;
	display: block;
	width: 12px;
	background-color: #dddddd;
	height: 12px;
	float: right;
	border-radius: 3px;
	margin: 5px 0 0 5px;
}

.moduletable.news-module h3,
.moduletable.articles-module h3 {
	font-size: 18px;
	font-weight: 400;
	color: #b01f2e;
	margin: 0 15px 15px;
}

.moduletable.news-module h3:before,
.moduletable.articles-module h3:before {
	content: ".";
	color: #dddddd00;
	font-size: 1px;
	display: block;
	width: 12px;
	background-color: #dddddd;
	height: 12px;
	float: right;
	border-radius: 3px;
	margin: 13px 0 0 15px;
}

.news-articles-archive {
	text-align: left;
}

.t4-module.module.news-articles-module .category-module li a::before {
	display: none;
}

.t4-module.module.news-articles-module .category-module li a {
	padding: 0;
}

@media (max-width: 991px) {
	.category-module.news-module li,
	.category-module.articles-module li {
		width: 100%;
		margin-bottom: 1rem;
	}

	div.t4-module.module.news-articles-module {
		padding: 40px 0 30px;
	}
}

/* home page - news and articles - end */

/* home page - map-iran - start */

.t4-module.module.map-module {
	margin: 100px 0;
}

@media only screen and (min-width: 992px) {
	.map-iran .map-content {
		float: right;
		padding: 90px 0 0 0;
	}

	.map-iran .map-image {
		float: left;
		text-align: left;
	}
}

.map-iran .map-content {
	margin-bottom: 30px;
}

.map-iran .map-image {
	margin-bottom: 30px;
}

.map-iran .customer-count {
	width: 20%;
	float: right;
	padding: 10px;
	position: relative;
	text-align: center;
	font-size: 35px;
	color: #b01f2e;
	height: 80px;
	line-height: 1.3;
	z-index: 2;
}

.map-iran .customer-count::before {
	content: ".";
	display: inline-block;
	width: 90px;
	height: 45px;
	background-color: #eeeeee;
	border-radius: 100px;
	position: absolute;
	left: 49%;
	transform: translateX(-50%);
	color: #eeeeee;
	top: 11%;
	z-index: -1;
}

.map-iran .customer-name {
	width: 80%;
	float: right;
	padding: 10px;
	font-size: 20px;
	height: 80px;
}

.map-iran .map-image img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	.map-iran .customer-count {
		width: 30%;
	}

	.map-iran .customer-name {
		width: 70%;
	}

	.t4-module.module.map-module {
		margin: 40px 0 0;
	}
}

/* home page - map-iran - end */

/* home page - quotes - start */

div.t4-module.module.customer-quotes {
	padding: 100px 0;
	background-color: #f8f8f8;
}

.moduletable.customer-quotes {
	border: none;
	padding: 0;
	border-radius: 0;
	margin: 0;
}

div.t4-module.module.customer-quotes .carousel-control.right,
div.t4-module.module.customer-quotes .carousel-control.left {
	background-image: none;
}

div.t4-module.module.customer-quotes .carousel-control {
	color: #000000;
}

.t4-module.module.customer-quotes blockquote {
	position: relative;
	background-color: #ffffff;
	padding: 100px;
	margin: 40px 0;
	text-align: justify;
	border-radius: 20px;
	box-shadow: 5px 10px 20px #00000022;
	line-height: 2;
}

.t4-module.module.customer-quotes blockquote:before {
	content: '"';
	position: absolute;
	font-size: 120px;
	font-family: fantasy;
	left: 20px;
	top: -25px;
	color: #b01f2e;
	line-height: 1;
}

.t4-module.module.customer-quotes blockquote img.customer-avatar {
	float: right;
	border-radius: 200px;
	margin: 0 0 90px 30px;
}

.t4-module.module.customer-quotes blockquote h4.customer-title {
	color: #b01f2e;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.t4-module.module.customer-quotes blockquote {
		padding: 20px;
		margin: 40px 15px;
	}

	div.t4-module.module.customer-quotes {
		padding: 40px 0;
	}
}

/* home page - quotes - end */

/* home page - shared parts - start */

.t4-module.module.news-articles-module h3.module-title span::before,
.t4-module.module.news-articles-module h3.module-title span::after,
.t4-module.module.map-module h3.module-title span::before,
.t4-module.module.map-module h3.module-title span::after,
.t4-module.module.customer-quotes h3.module-title span::before,
.t4-module.module.customer-quotes h3.module-title span::after {
	content: ".";
	display: inline-block;
	width: 100px;
	height: 3px;
	border-radius: 10px;
	background-color: #dddddd;
	color: #f8f8f800;
	line-height: 0;
}

.t4-module.module.news-articles-module h3.module-title span::before,
.t4-module.module.map-module h3.module-title span::before,
.t4-module.module.customer-quotes h3.module-title span::before {
	margin: 20px 0 20px 30px;
}

.t4-module.module.news-articles-module h3.module-title span::after,
.t4-module.module.map-module h3.module-title span::after,
.t4-module.module.customer-quotes h3.module-title span::after {
	margin: 20px 30px 20px 0;
}

.t4-module.module.news-articles-module h3.module-title,
.t4-module.module.map-module h3.module-title,
.t4-module.module.customer-quotes h3.module-title {
	color: #b01f2e;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 30px 0;
	border: none;
}

h1.seo-h1 {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	display: inline;
}

.top-header-container {
	background-color: #5b2080;
}

@media (max-width: 991px) {
	.t4-module.module.news-articles-module h3.module-title span::before,
	.t4-module.module.news-articles-module h3.module-title span::after,
	.t4-module.module.map-module h3.module-title span::before,
	.t4-module.module.map-module h3.module-title span::after,
	.t4-module.module.customer-quotes h3.module-title span::before,
	.t4-module.module.customer-quotes h3.module-title span::after {
		width: 0;
	}

	.t4-module.module.news-articles-module h3.module-title,
	.t4-module.module.map-module h3.module-title,
	.t4-module.module.customer-quotes h3.module-title,
	.t4-module.module.news-articles-module h3.module-title span::before,
	.t4-module.module.map-module h3.module-title span::before,
	.t4-module.module.customer-quotes h3.module-title span::before,
	.t4-module.module.news-articles-module h3.module-title span::after,
	.t4-module.module.map-module h3.module-title span::after,
	.t4-module.module.customer-quotes h3.module-title span::after {
		margin: 0;
	}
}

/* home page - shared parts - end */

/* Master Head - Start */

div.master-head-container {
	background-color: #aaaaaa;
	padding-top: 300px;
	height: 500px;
	background-size: cover;
}

div.master-head-container::before,
div.master-head-container::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

div.master-head-container::before {
	top: 0;
	background-image: linear-gradient(-90deg, #d21919ff, #80101b87, #ffaa0000);
}

/*
div.master-head-container::after {
	top: 0;
	background: url(../../../images/template/assets/pattern1.png);
	opacity: 0.2;
}
*/

div.master-head {
	position: absolute;
	z-index: 2;
	color: #ffffff;
}

@media (max-width: 991px) {
	div.master-head-container {
		padding-top: 100px;
		height: 250px;
	}

	div.master-head-container h1 {
		font-size: 28px;
	}
}

/* Master Head - End */

/* Float Menu - Start */

/*
div.floatmenu-container 
{
	position: fixed;
	width: 200px;
	top: 200px;
	left: calc(100% - 200px);
	z-index: 2000;
}
*/

div.floatmenu-container 
{
	position: fixed;
	width: 80px;
	top: 150px;
	left: calc(100% - 110px);
	z-index: 2000;
}

/*
a.sidelink {
	position: absolute;
	display: block;
	background-color: #b10a32;
	width: 100%;
	height: 50px;
	padding: 11px 18px 0;
	color: #ffffff;
	transition: all 0.5s 0.5s;
	left: calc(100% - 50px);
}
*/

a.sidelink 
{
	position: absolute;
	display: block;
	background-color: #b10a32;
	width: 100%;
	height: 70px;
	padding: 11px 5px 0;
	color: #ffffff;
	left: calc(100% - 50px);
	text-align: center;
	font-size: 11px;
}

/*
a.sidelink:hover {
	left: calc(100% - 200px);
	transition: all 0.5s;
}
*/

div.sidelinks-container a.sidelink:nth-child(2) {
	margin-top: 80px;
}

div.sidelinks-container a.sidelink:nth-child(3) {
	margin-top: 160px;
}

div.sidelinks-container a.sidelink:nth-child(4) {
	margin-top: 240px;
}

a.sidelink::before {
	content: "\e91f";
	font-family: "hrgicons";
	display: block;
	font-size: 25px;
	line-height: 30px;
}


a.sidelink-automation::before {
	content: "\e902";
}


a.sidelink-ticketing::before {
	content: "\e901";
}

a.sidelink-demo-request::before {
	content: "\e922";
}

/*
@media (max-width: 991px) {
	div.floatmenu-container {
		display: none;
	}
}
*/

@media (max-width: 991px) {
	a.sidelink 
	{
		display: none;
	}
}


/* Float Menu - End */

/* Articles Category View - Start */

@media (max-width: 991px) {
}

@media (min-width: 992px) {
	.layout-layout-fa-pages.view-category figure.pull-none.item-image {
		float: right;
		width: 300px;
		margin-left: 15px;
	}
}

/* Articles Category View - Start */

.flex {
	display: flex;
}
ol li {
	list-style: unset;
}
ul li {
	list-style: none;
}
ul[style] li {
		list-style: inherit;
}
.custom.news-articles-module .container > .row {
	background: #fff;
	border-radius: 10px;
}
.moduletable {
	border: none !important;
	box-shadow: none !important;
}

.products-content img.content-icon {
	border-radius: 20px !important;
	padding: 15px !important;
}
.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}
/*
.dotbg {
	background: url(../../../images/contents/dot_bg.png);
}
*/
a:hover {
	text-decoration: none;
}
.nofloat {
	float: unset !important;
}
.h-auto {
	min-height: auto !important;
}
.w-80 {
	width: 80% !important;
}
.w-100 {
	width: 100% !important;
}
.mh-180 {
	min-height: 180px !important;
	display: flex;
}
.d-block {
	display: block !important;
}
.right {
	float: right !important;
}
.padding-10 {
	padding: 10px !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.ml-15 {
	margin-left: 15px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt1r {margin-top: 1rem !important;}
.mt2r {margin-top: 2rem !important;}
.mt3r {margin-top: 3rem !important;}
.mt4r {margin-top: 4rem !important;}
.mt5r {margin-top: 5rem !important;}
.mt6r {margin-top: 6rem !important;}
.mt7r {margin-top: 7rem !important;}
.mt8r {margin-top: 8rem !important;}
.mt9r {margin-top: 9rem !important;}
.mt10r {margin-top: 10rem !important;}
.mb1r {margin-bottom: 1rem !important;}
.mb2r {margin-bottom: 2rem !important;}
.mb3r {margin-bottom: 3rem !important;}
.mb4r {margin-bottom: 4rem !important;}
.mb5r {margin-bottom: 5rem !important;}
.mb6r {margin-bottom: 6rem !important;}
.mb7r {margin-bottom: 7rem !important;}
.mb8r {margin-bottom: 8rem !important;}
.mb9r {margin-bottom: 9rem !important;}
.mb10r {margin-bottom: 10rem !important;}
.pt1r {padding-top: 1rem !important;}
.pt2r {padding-top: 2rem !important;}
.pt3r {padding-top: 3rem !important;}
.pt4r {padding-top: 4rem !important;}
.pt5r {padding-top: 5rem !important;}
.pt6r {padding-top: 6rem !important;}
.pt7r {padding-top: 7rem !important;}
.pt8r {padding-top: 8rem !important;}
.pt9r {padding-top: 9rem !important;}
.pt10r {padding-top: 10rem !important;}
.pb1r {padding-bottom: 1rem !important;}
.pb2r {padding-bottom: 2rem !important;}
.pb3r {padding-bottom: 3rem !important;}
.pb4r {padding-bottom: 4rem !important;}
.pb5r {padding-bottom: 5rem !important;}
.pb6r {padding-bottom: 6rem !important;}
.pb7r {padding-bottom: 7rem !important;}
.pb8r {padding-bottom: 8rem !important;}
.pb9r {padding-bottom: 9rem !important;}
.pb10r {padding-bottom: 10rem !important;}

.padding-0 {
	padding: 0 !important;
}
.fixed-content {
	position: sticky;
	top: 130px;
}
.box-gray {
	box-shadow: 0 0 0 2px #ddd;
}
.hrg-list li {
	list-style: none;
}
.left {
	float: left;
}
.centerFixd {
	display: flex;
	justify-content: center;
	align-items: center;
}
.clear {
	clear: both;
}
.fw-bold {
	font-weight: bold;
}
[class^="col-"] > img {
	margin: auto;
	display: block;
	border-radius: 10px;
}
.black-text {
	color: #333;
}
.green-text {
	color: #399a72 !important;
}
.red-text {
	color: #ee3535 !important;
}
.orange-text {
	color: #ee8935 !important;
}
.blue-text {
	color: #537ecf !important;
}
.purple-text {
	color: #7f51bd !important;
}
.hrg-title {
	font-size: 1.4rem;
	color: #b22930;
	margin: 1.4rem 0;
}
.hrg-subtitle {
	color: rgb(57, 154, 114);
	font-size: 22px;
	margin-top: 0;
	line-height: 25px;
	margin-bottom: 20px;
	position: relative;
}
@media (min-width: 992px) {
	.hrg-subtitle.dotelm:before {
		content: "";
		background: url("../../../images/contents/pages/dotelm.svg");
		background-repeat: repeat;
		background-size: auto;
		transform: translateX(50%);
		position: absolute;
		top: 0;
		right: -6rem;
		width: 12rem;
		height: 19rem;
		z-index: 0;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}
.hrg-paragraph {
	text-align: justify;
	letter-spacing: 0;
	font-size: 0.9rem !important;
}

.hrg-main-img img {
	width: 100%;
	border-radius: 12px;
}

.hrg-seprator {
	margin: 4rem auto;
	height: 1px;
	border-bottom: 2px dotted #e5e5e5;
	position: relative;
}

.hrg-seprator .hrg-title {
	position: absolute;
	top: -34px;
	background: #fff;
	color: #b22930;
	font-size: 1rem;
}

.hrg-seprator .hrg-title.center-title {
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	padding: 0 1.3rem;
}

.hrg-seprator .hrg-title.right-title {
	right: 0;
	padding: 0 0 0 1.3rem;
}

.hrg-seprator .hrg-title.left-title {
	left: 0;
	padding: 0 1.3rem 0 0;
}

.linkBox {
	width: 80%;
	padding: 1rem 2rem;
	margin: 20px auto 55px auto;
	background: rgb(247, 247, 247);
	border-radius: 12px;
}

.hrg-big-btn {
	padding: 0.6rem 2rem;
	background: #b22930;
	color: #fff !important;
	border-radius: 500px;
	float: left;
	text-align: center;
	white-space: nowrap;
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
	transition: all 0.3s;
}
@media only screen and (max-width: 768px) {
	.hrg-big-btn.w-80 {
		width: 100% !important;
	}
}
.hrg-big-btn:hover {
	background: #db3941;
	color: #fff;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.linkBox.sideParagraph {
	border-top-width: initial;
	border-bottom-width: initial;
	border-left-width: initial;
	border-top-color: initial;
	border-bottom-color: initial;
	border-left-color: initial;
	width: 100%;
	border-style: none solid none none;
	border-image: initial;
	border-right: 5px solid rgb(141, 206, 161);
	border-radius: 0px;
	margin: 10px 0px;
	background: rgb(249, 249, 249);
}
.linkBox.sideParagraph p {
	font-weight: normal;
	color: rgb(104, 125, 150);
}
.linkBox p {
	padding-top: 1rem;
	font-weight: 600;
	font-style: italic;
	color: rgb(83, 150, 104);
}

[class^="col-"].linkBox p {
	padding-top: 0;
	font-style: normal;
}
span.hyperTxt {
	font-weight: 600;
	color: rgb(122, 193, 144);
	font-style: normal;
}
.panel-group.hrg-panelGroup {
	margin-bottom: 0;
	padding: 0 30px;
	width: 100%;
}

#accordion .panel {
	border: medium none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 0 15px 10px;
}

#accordion .panel-heading {
	border-radius: 30px;
	padding: 0;
}

@media only screen and (max-width: 992px) {
	.hrg-subtitle {
		font-size: 18px !important;
	}
	#accordion .panel {
		margin: 0 !important;
	}
	.panel-group.hrg-panelGroup {
		padding: 0 !important;
	}
}
#accordion .panel-title a {
	background: #fff;
	border-bottom: 1px solid transparent;
	border-radius: 10px;
	color: #b22930;
	display: block;
	font-size: 1rem;
	padding: 18px 50px 18px 20px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#accordion .panel-title a.collapsed {
	background: #f4f4f4;
	border-bottom: 1px solid #eee;
	color: #414c57;
}

#accordion .panel-title a::after,
#accordion .panel-title a.collapsed::after {
	background: #b22930;
	border: 1px solid transparent;
	border-radius: 25%;
	color: #fff;
	content: "\f078";
	font-family: fontawesome;
	font-size: 1rem;
	height: 55px;
	right: -20px;
	line-height: 52px;
	position: absolute;
	text-align: center;
	top: 0px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 55px;
}

#accordion .panel-title a.collapsed::after {
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #b22930;
	content: "\f053";
	line-height: 55px;
	border: 1px solid #eee;
}

#accordion .panel-body {
	background: transparent;
	border-top: medium none;
	padding: 10px 52px 10px 9px;
	position: relative;
	font-size: 13px;
}

#accordion .panel-body p {
	border-left: 1px dashed #8c8c8c;
	padding-left: 25px;
}

.hilight.orange {
	-webkit-animation: hilight-orange 5s infinite ease-in-out;
	animation: hilight-orange 5s infinite ease-in-out;
}

.hilight.yellow {
	-webkit-animation: hilight-yellow 5s infinite ease-in-out;
	animation: hilight-yellow 5s infinite ease-in-out;
}

.hilight.pink {
	-webkit-animation: hilight-pink 5s infinite ease-in-out;
	animation: hilight-pink 5s infinite ease-in-out;
}

@-webkit-keyframes hilight-orange {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ffcb8f inset;
		box-shadow: 0 0 0 0 #ffcb8f inset;
	}
	50% {
		-webkit-box-shadow: -300px 0 0 0 #ffcb8f inset;
		box-shadow: -300px 0 0 0 #ffcb8f inset;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 #ffcb8f inset;
		box-shadow: 0 0 0 0 #ffcb8f inset;
	}
}

@keyframes hilight-orange {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ffcb8f inset;
		box-shadow: 0 0 0 0 #ffcb8f inset;
	}
	50% {
		-webkit-box-shadow: -300px 0 0 0 #ffcb8f inset;
		box-shadow: -300px 0 0 0 #ffcb8f inset;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 #ffcb8f inset;
		box-shadow: 0 0 0 0 #ffcb8f inset;
	}
}

@-webkit-keyframes hilight-yellow {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ffff00 inset;
		box-shadow: 0 0 0 0 #ffff00 inset;
	}
	50% {
		-webkit-box-shadow: -300px 0 0 0 #ffff00 inset;
		box-shadow: -300px 0 0 0 #ffff00 inset;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 #ffff00 inset;
		box-shadow: 0 0 0 0 #ffff00 inset;
	}
}

@keyframes hilight-yellow {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ffff00 inset;
		box-shadow: 0 0 0 0 #ffff00 inset;
	}
	50% {
		-webkit-box-shadow: -300px 0 0 0 #ffff00 inset;
		box-shadow: -300px 0 0 0 #ffff00 inset;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 #ffff00 inset;
		box-shadow: 0 0 0 0 #ffff00 inset;
	}
}

@-webkit-keyframes hilight-pink {
	0% {
		-webkit-box-shadow: 0 0 0 0 #f8dbff inset;
		box-shadow: 0 0 0 0 #f8dbff inset;
	}
	50% {
		-webkit-box-shadow: -300px 0 0 0 #f8dbff inset;
		box-shadow: -300px 0 0 0 #f8dbff inset;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 #f8dbff inset;
		box-shadow: 0 0 0 0 #f8dbff inset;
	}
}

@keyframes hilight-pink {
	0% {
		-webkit-box-shadow: 0 0 0 0 #f8dbff inset;
		box-shadow: 0 0 0 0 #f8dbff inset;
	}
	50% {
		-webkit-box-shadow: -300px 0 0 0 #f8dbff inset;
		box-shadow: -300px 0 0 0 #f8dbff inset;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 #f8dbff inset;
		box-shadow: 0 0 0 0 #f8dbff inset;
	}
}

/* -------------------------------------- */
/* nemberList							 */
.nemberList,
.hrg-List {
	margin: 0 0 3.5rem 0;
}

.nemberList ul {
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
	padding-right: 3.5rem;
}
@media only screen and (max-width: 768px) {
	.nemberList ul,
	.hrg-List ul {
		padding-right: 1rem !important;
	}
}

.nemberList ul > li {
	position: relative;
	margin: 0 0 6px 2em;
	padding: 4px 8px;
	list-style: none;
}

.nemberList ul > li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: 0;
	right: -2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	margin-left: 8px;
	padding: 4px;
	color: #888;
	background: #f0f0f0;
	font-weight: bold;
	text-align: center;
}

.nemberList li ul {
	margin-top: 6px;
}

.nemberList ul ul li:last-child {
	margin-bottom: 0;
}
.list-title {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
.hrg-List ul,
ul[style="list-style-type: square;"] {
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
	padding-right: 3.5rem;
}

.hrg-List ul > li,
ul[style="list-style-type: square;"] > li {
	position: relative;
	margin: 0 30px 6px 2em;
	padding: 0 8px 4px;
	list-style: none;
	display: block;
	vertical-align: top;
}

.hrg-List ul > li:before,
ul[style="list-style-type: square;"] > li:before {
	content: "\f053";
	font-family: fontawesome;
	position: absolute;
	top: 0;
	right: -3em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-left: 8px;
	padding: 0;
	color: #888;
	background: #f0f0f0;
	font-weight: bold;
	font-family: fontawesome;
	text-align: center;
	font-size: 0.6rem;
}

.hrg-List li ul,
ul[style="list-style-type: square;"] li ul {
	margin-top: 6px;
}

.hrg-List ul ul li:last-child,
ul[style="list-style-type: square;"] ul li:last-child {
	margin-bottom: 0;
}

.hrg-List.inlineItem li {
	display: inline-block;
	min-width: 180px;
}

/* hasIcon list */
.hasIcon-list li {
	padding: 0;
	margin: 3px 0;
	border-radius: 8px;
	color: #707b91;
	display: flex;
	align-items: center;
}
.hasIcon-list li:before {
	float: right;
	background: #f4f4f4;
	width: 50px;
	height: 50px;
	margin-left: 10px;
	min-width: 50px;
	border-radius: 6px;
	font-family: "hrgicons";
	font-size: 2rem;
	text-align: center;
	line-height: 47px;
	color: #b10a32;
}
.hasIcon-list li p {
	margin: 0;
}

.icon-competition:before {
	content: "\e904";
}

.icon-accessibility:before {
	content: "\e903";
}

.icon-supportCustomers:before {
	content: "\e905";
}

.icon-more:before {
	content: "\e906";
}
.icon-estate:before {
	content: "\e908";
}
.icon-payment:before {
	content: "\e907";
}

/*# sourceMappingURL=css.css.map */

/* flip card */

.card-title {
	font-size: 15px;
	color: #b22930;
	margin: 1.4rem 0;
}
.card-subtitle {
	font-size: 12px;
	color: #777;
	margin: -20px 0 10px 0;
}
.flip-card {
	border: 1px solid #eee;
	padding: 2rem;
	border-radius: 12px;
	transition: all 0.2s ease-in;
	perspective: 1000px;
	height: 500px;
	margin-bottom: 25px;
}
.flip-card * {
	transition: all 0.2s ease-in;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:focus {
	outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	backface-visibility: hidden;
	top: 15px;
	bottom: 15px;
	right: 0;
	left: 0;
	box-shadow: 0 0 0 8px #fff;
	text-align: justify;
}

.flip-card-front {
	background-color: #fff;
	z-index: 2;
}

.flip-card-back {
	background-color: #fff;
	transform: rotateY(180deg);
	z-index: 2;
	line-height: 22px;
}

.flip-card:hover .hrg-main-img img {
	transform: scale(1.1) rotate(5deg);
}

.flip-card:hover {
	box-shadow: 0 50px 25px rgba(0, 0, 0, 0.226);
	transform: scale(1.05);
}

div.flipCard.flip-card.fulImage-mode {
	overflow: hidden;
	border-radius: 14px;
}

div.flipCard.fulImage-mode .minim-img {
	width: auto !important;
}
div.flipCard.fulImage-mode .front {
	padding: 0 !important;
	overflow: hidden;
}
div.flipCard.fulImage-mode .list-heading {
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
	background: #000000b5;
	left: 0;
	padding: 10px 0 30px 0;
	color: #fff;
	font-weight: 700;
	margin: 0;
	line-height: 50px;
}
div.flipCard.fulImage-mode .list-subtitle {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
}
div.flipCard.fulImage-mode .minim-img img {
	min-width: 100%;
	min-height: 100%;
	max-width: unset;
	height: unset;
	width: unset;
}
.hrg-main-img img {
	width: 100%;
}
.hrg-main-img {
	margin-bottom: 25px;
}

/* Page Styles - Start */

.color-style1 div.master-head-container::before {
	background-image: linear-gradient(-90deg, #ff0000ff, #ff000044, #ff000000);
}

.color-style2 div.master-head-container::before {
	background-image: linear-gradient(-90deg, #ffaa00ff, #ffaa0044, #ffaa0000);
}
.purple-style div.master-head-container::before {
	background-image: linear-gradient(-90deg, #7d3cff, #513cff44, #ffaa0000);
}

.red-style div.master-head-container::before {
	background-image: linear-gradient(-90deg, #d21919, #80101b87, #ffaa0000);
}

.black-style div.master-head-container::before {
	background-image: linear-gradient(-90deg, #000000fa, #000000a6, #00000017);
}

.pattern-style1 div.master-head-container::after {
	background: url(../../../images/template/assets/pattern1.png);
}

.pattern-style2 div.master-head-container::after {
	background: url(../../../images/template/assets/pattern2.png);
}

/* Page Styles - End */

/* Page Headers - Start */

.crm-page div.master-head-container {
	background-image: url("../../../images/template/headers/crm-page-header.jpg");
}
.municipalities-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/municipalities-solution-page-header-2.jpg");
}
.paint-resin-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/paint-resin-solution-page-header.jpg");
}
.municipalities-page div.master-head-container {
	background-image: url("../../../images/template/headers/municipalities-page-header.jpg");
}
.governmental-accounting-page div.master-head-container {
	background-image: url("../../../images/template/headers/governmental-accounting-page-header-2.jpg");
}
.banking-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/banking-solution-page-header-2.jpg");
}
.power-industry-page div.master-head-container {
	background-image: url("../../../images/template/headers/power-industry-page-header.jpg");
}
.business-intelligence-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-business-intelligence-page-header-2.jpg");
}
.dashboard-page div.master-head-container {
	background-image: url("../../../images/template/headers/dashboard-page-header-2.jpg");
}
.ticketing-page div.master-head-container {
	background-image: url("../../../images/template/headers/ticketing-page-header-2.jpg");
}
.automation-page div.master-head-container {
	background-image: url("../../../images/template/headers/automation-page-header-2.jpg");
}
.crm-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-crm-page-header-2.jpg");
}
.government-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/government-solution-page-header-2.jpg");
}
.power-industries-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/power-industries-solution-page-header-2.jpg");
}
.productive-industrial-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/productive-industrial-solution-page-header-2.jpg");
}
.business-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/business-solution-page-header-2.jpg");
}
.contracting-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/contracting-solution-page-header-2.jpg");
}
.service-providers-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/service-providers-solution-page-header-2.jpg");
}
.university-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/university-solution-page-header.jpg");
}
.tile-ceramic-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/tile-ceramic-solution-page-header.jpg");
}
.mineral-stone-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/mineral-stone-solution-page-header.jpg");
}
.about-page div.master-head-container {
	background-image: url("../../../images/template/headers/about-page-header-2.jpg");
}
.managers-page div.master-head-container {
	background-image: url("../../../images/template/headers/managers-page-header-2.jpg");
}
.support-page div.master-head-container {
	background-image: url("../../../images/template/headers/support-page-header.jpg");
}
.honors-page div.master-head-container {
	background-image: url("../../../images/template/headers/honors-page-header-2.jpg");
}
.financial-consulting-page div.master-head-container {
	background-image: url("../../../images/template/headers/financial-consulting-page-header-2.jpg");
}
.offices-page div.master-head-container {
	background-image: url("../../../images/template/headers/offices-page-header.jpg");
}
.partner-companies-page div.master-head-container {
	background-image: url("../../../images/template/headers/partner-companies-page-header.jpg");
}
.agents-page div.master-head-container {
	background-image: url("../../../images/template/headers/agents-page-header.jpg");
}
.agents-partners-page div.master-head-container {
	background-image: url("../../../images/template/headers/agents-partners-page-header-2.jpg");
}
.referrers-page div.master-head-container {
	background-image: url("../../../images/template/headers/referrers-page-header.jpg");
}
.contact-page div.master-head-container {
	background-image: url("../../../images/template/headers/contact-page-header-2.jpg");
}
.enterprise-business-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-enterprise-business-page-header-2.jpg");
}
.medium-business-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-medium-business-page-header-2.jpg");
}
.financial-accounting-page div.master-head-container {
	background-image: url("../../../images/template/headers/financial-accounting-page-header.jpg");
}
.accumulative-accounting-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.credits-software-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.budget-credits-software-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-budget-credits-software-page-header.jpg");
}
.connection-request-page div.master-head-container {
	background-image: url("../../../images/template/headers/connection-request-page-header.jpg");
}
.treasury-page div.master-head-container {
	background-image: url("../../../images/template/headers/treasury-page-header.jpg");
}
.contract-manager-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.customer-voice-page div.master-head-container {
	background-image: url("../../../images/template/headers/customer-voice-page-header-2.jpg");
}
.jobs-page div.master-head-container {
	background-image: url("../../../images/template/headers/jobs-page-header-2.jpg");
}
.sales-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-sales-page-header.jpg");
}
.purchasing-page div.master-head-container {
	background-image: url("../../../images/template/headers/purchasing-page-header.jpg");
}
.purchasing-logitics-page div.master-head-container {
	background-image: url("../../../images/template/headers/purchasing-logitics-page-header.jpg");
}
.employment-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.property-page div.master-head-container {
	background-image: url("../../../images/template/headers/property-page-header.jpg");
}
.production-page div.master-head-container {
	background-image: url("../../../images/template/headers/production-page-header.jpg");
}
.accumulative-budget-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.products-page div.master-head-container {
	background-image: url("../../../images/template/headers/products-page-header.jpg");
}
.solutions-page div.master-head-container {
	background-image: url("../../../images/template/headers/solutions-page-header.jpg");
}
.revenue-software-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.commision-77-page div.master-head-container {
	background-image: url("../../../images/template/headers/software-page-header-2.jpg");
}
.warehouse-page div.master-head-container {
	background-image: url("../../../images/template/headers/warehouse-page-header.jpg");
}
.report-builder-page div.master-head-container {
	background-image: url("../../../images/template/headers/product-report-builder-page-header.jpg");
}
.news-page div.master-head-container {
	background-image: url("../../../images/template/headers/news-page-header-2.jpg");
}
.education-page div.master-head-container {
	background-image: url("../../../images/template/headers/education-page-header.jpg");
}
.request-demo-page div.master-head-container {
	background-image: url("../../../images/template/headers/request-demo-page-header-2.jpg");
}
.microsoft-sql-server-database-service-page div.master-head-container {
	background-image: url("../../../images/template/headers/microsoft-sql-server-database-service-page-header.jpg");
}
.ha-high-availability-page div.master-head-container {
	background-image: url("../../../images/template/headers/microsoft-sql-server-database-service-page-header.jpg");
}
.private-sector-solution-page div.master-head-container {
	background-image: url("../../../images/template/headers/private-sector-solution-page-header-2.jpg");
}
.immovable-software-page div.master-head-container {
	background-image: url("../../../images/template/headers/immovable-software-page-header.jpg");
}
.events-page div.master-head-container {
	background-image: url("../../../images/template/headers/events-page-header-2.jpg");
}
.podcasts-page div.master-head-container {
	background-image: url("../../../images/template/headers/podcasts-page-header-2.jpg");
}
.videos-page div.master-head-container {
	background-image: url("../../../images/template/headers/videos-page-header-2.jpg");
}
.tender-management-software div.master-head-container {
	background-image: url("../../../images/template/headers/medium-business-page-header.jpg");
}
.books-page div.master-head-container {
	background-image: url("../../../images/template/headers/books-page-header.jpg");
}
.articles-page div.master-head-container {
	background-image: url("../../../images/template/headers/articles-page-header.jpg");
}

/* Page Headers - End */

/* system card */
.sys-card {
	width: 100%;
	min-height: 390px;
	border: 1px solid #e5e5e5;
	text-align: center;
/*	align-content: center;
	align-items: center; */
	flex-direction: column;
	justify-content: center;
	margin-bottom: 2rem;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	transition: all 0.3s;
	border-radius: 12px;
	overflow: hidden;
}
.sys-card:hover {
	box-shadow: 0 0 28px rgba(25, 50, 73, 0.05);
	transform: scale(1.05);
}
.sys-title {
	font-size: 1rem;
	margin-top: 1rem;
	color: #399a72;
	padding: 0 24px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sys-title ~ p {
	color: #444;
	font-size: 13px;
	text-align: center;
	padding: 0 28px;
	display: -webkit-box;
	max-width: 400px;
	height: 55px;
	margin: 0 auto;
	/*-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;*/
}
.sys-icon {
	padding: 5px;
	overflow: hidden;
	transition: all 0.3s;
	border-radius: 12px;
}
.sys-icon * {
	transition: all 0.3s;
}
.sys-card:hover .sys-icon img {
	transform: scale(1.2);
}
.sys-icon img {
	border-radius: 6px;
}
.feature-item {
	border: none !important;
}
.feature-item:hover {
	box-shadow: none !important;
	transform: none !important;
}

.feature-item .sys-title {
	color: #646464;
}
.feature-item .sys-icon {
	width: 60%;
}
.feature-item .sys-icon img {
	width: 80%;
}
/* contact us */

.contact-section {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e9e8;
}

.contact-section .contact-icon {
	float: right;
	margin-bottom: 20px;
	font-size: 24px;
	color: #6bb592;
	position: relative;
	width: 40px;
	background: #f5f5f5;
	border-radius: 6px;
	text-align: center;
	height: 40px;
	line-height: 44px;
	margin-left: 13px;
	top: -8px;
}
.contact-icon.map::before {
	content: "\f041 ";
	font-family: fontawesome;
	font-size: 1.5rem;
	display: block;
	margin: auto;
}
.contact-icon.post::before {
	content: "\f08d ";
	font-family: fontawesome;
	font-size: 1.5rem;
	display: block;
	margin: auto;
}
.contact-icon.phone::before {
	content: "\f095";
	font-family: fontawesome;
	font-size: 1.5rem;
	display: block;
	margin: auto;
}
.contact-icon.sms::before {
	content: "\f27a	";
	font-family: fontawesome;
	font-size: 1.5rem;
	display: block;
	margin: auto;
}
.contact-icon.site::before {
	content: "\f0ac ";
	font-family: fontawesome;
	font-size: 1.5rem;
	display: block;
	margin: auto;
}
.contact-section .contact-info {
	font-weight: 700;
}

.contact-social ul li {
	float: left;
}

.contact-social ul li a {
	font-size: 16px;
	padding-right: 10px;
	color: #6b6c6d;
}

.contact-social ul li a:hover {
	color: #0084bf;
}

.location-block {
	border-radius: 2px;
	border: 1px solid #eaeaea;
	padding: 30px;
	margin-bottom: 20px;
	background-color: #fff;
}

.location-block ul li {
	line-height: 2.2;
	font-size: 15px;
}

.location-icon {
	color: #0084bf;
	padding-right: 10px;
	font-size: 15px;
}

/* tab panel */
.tab-pane .hrg-List ul {
	padding-right: 0.5rem;
}
.tab-pane .hrg-List {
	margin-top: 1rem;
}
div.card {
	border: 0;
	margin-bottom: 30px;
	margin-top: 30px;
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
	width: 100%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

div.card.card-plain {
	background: transparent;
	box-shadow: none;
}
div.card .card-header {
	border-radius: 3px;
	padding: 1rem 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -30px;
	border: 0;
	background: linear-gradient(60deg, #eee, #bdbdbd);
}

.card-plain .card-header:not(.card-avatar) {
	margin-left: 0;
	margin-right: 0;
}

.div.card .card-body {
	padding: 15px 30px;
}
.card-body {
	overflow: auto;
	height: 450px;
	/* border: 1px solid #dedede; */
}

div.card .card-header-primary {
	background: linear-gradient(60deg, #ab47bc, #7b1fa2);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6);
}

div.card .card-header-danger {
	background: linear-gradient(60deg, #b22930, #b22930);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgb(255, 145, 151);
}

.card-nav-tabs .card-header {
	margin-top: -30px !important;
}

.card .card-header .nav-tabs {
	padding: 0;
}

.nav-tabs {
	border: 0;
	border-radius: 3px;
	padding: 0 15px;
}

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav-link p:last-child {
	color: #b10a32;
}
.nav-tabs .nav-item {
	margin-bottom: -1px;
}

.nav-tabs .nav-item .nav-link.active {
	background-color: hsla(0, 0%, 100%, 0.2);
	transition: background-color 0.3s 0.2s;
}

.nav-tabs .nav-item .nav-link {
	/* border: 0 !important; */
	color: #fff !important;
	font-weight: 500;
}

.nav-tabs .nav-item .nav-link {
	color: #fff;
	border: 0;
	margin: 0;
	border-radius: 3px;
	line-height: 24px;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 15px;
	background-color: transparent;
	transition: background-color 0.3s 0s;
}

.nav-link {
	display: block;
}

.nav-tabs .nav-item .material-icons {
	margin: -1px 5px 0 0;
	vertical-align: middle;
}

.nav .nav-item {
	position: relative;
}

/*tab-card*/
.tab-card {
	background: #fff !important;
}

.tab-card-cnt {
	text-align: center;
}
.tab-card-img {
	width: 80px;
	margin: auto;
}
.tab-card-img img {
	height: 72px;
	width: auto;
}
div.tab-card a.nav-link {
	border-top: 7px solid #ff6161 !important;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in;
}
div.tab-card a.nav-link:hover {
	transform: scale(1.05);
}
.tab-card-cnt p {
	color: #666;
	font-size: 13px;
	padding: 25px;
	text-align: center;
	font-weight: normal;
}

/* tag style */
.tagStyle {
	margin: 0 2px;
	padding: 5px 20px;
	background: #f5f5f5;
	font-size: 13px;
	border-radius: 36px;
	font-weight: normal;
	color: #575757;
}
.tagStyle i {
	vertical-align: middle;
	margin: 10px 0 10px 10px;
	font-size: 19px;
	transform: scale(1, 1);
}

.btn-floating i,
.tagStyle i {
	transform: scale(1, 1);
}

/* carousel */
.carousel-inner .active.left {
	left: -33%;
}
.carousel-inner .next {
	left: 33%;
}
.carousel-inner .prev {
	left: -33%;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
}
.carousel-multi .carousel-inner > .item {
	transition: 500ms ease-in-out left;
}
.carousel-multi .carousel-inner > .item > .media-card {
	background: #333;
	border-right: 10px solid #fff;
	display: table-cell;
	width: 1%;
}
.carousel-item .card {
	margin-top: 10px;
}
.carousel-multi .carousel-inner > .item > .media-card:last-of-type {
	border-right: none;
}
.carousel-multi .carousel-inner .active {
	display: table;
}
.carousel-multi .carousel-inner .active.left {
	left: -33%;
}
.carousel-multi .carousel-inner .active.right {
	left: 33%;
}
.carousel-multi .carousel-inner .next {
	left: 33%;
}
.carousel-multi .carousel-inner .prev {
	left: -33%;
}
.controls-top a {
	width: 50px;
	display: inline-block;
	padding: 0;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #f5f5f5;
	color: #acacac;
	transition: all 0.3s;
}
.controls-top a:hover {
	background: #f5f5f5;
	transform: scale(1.2);
}
.controls-top a:active {
	transform: scale(1.1);
}
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-multi .carousel-inner > .item {
		transition: 500ms ease-in-out all;
		backface-visibility: visible;
		transform: none !important;
	}
}

/*page Menu*/
div.pageMenu {
	width: 100% !important;
}
.pageMenu .row {
	display: block;
}
div.pageMenu div {
	background: #fff !important;
}
div.pageMenu .nav-item {
	display: inline-block;
	border: none !important;
	width: 32% !important;
	text-align: center;
}
@media only screen and (max-width: 992px) {
	div.pageMenu .nav-item {
		display: block;
		width: 100% !important;
	}
	.pageMenu {
		max-width: 100% !important;
	}
}
/* STRUCTURE */

.wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 650px;
	min-height: 100%;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}

#formContent {
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: #fff;
	padding: 30px;
	width: 100%;
	position: relative;
	padding: 0px;
	-webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
	text-align: center;
}

#formFooter {
	background-color: #f6f6f6;
	border-top: 1px solid #dce8f1;
	padding: 25px;
	text-align: center;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

/* TABS */

h2.inactive {
	color: #cccccc;
}

h2.active {
	color: #0d0d0d;
	border-bottom: 2px solid #5fbae9;
}

/* FORM TYPOGRAPHY*/

input[type="button"],
input[type="submit"],
input[type="reset"] {
	background-color: #56baed;
	border: none;
	color: white;
	padding: 15px 80px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
	box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 5px 20px 40px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 80%;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background-color: #39ace7;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

input[type="text"],
textarea {
	background-color: #f6f6f6;
	border: none;
	color: #0d0d0d;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 5px;
	width: 85%;
	border: 2px solid #f6f6f6;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

input[type="text"]:focus,
textarea:focus {
	background-color: #fff;
	border-bottom: 2px solid #5fbae9;
}

input[type="text"]:placeholder,
textarea:placeholder {
	color: #cccccc;
}

/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}

.fadeIn.first {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.fadeIn.second {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.fadeIn.third {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.fadeIn.fourth {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
	display: block;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 2px;
	background-color: #56baed;
	content: "";
	transition: width 0.2s;
}

.underlineHover:hover {
	color: #0d0d0d;
}

.underlineHover:hover:after {
	width: 100%;
}

/*mega-Menu*/
div.solutions-submenu div.row > div:first-child ul li.nav-item {
	width: 100%;
}
div.solutions-submenu div.row > div:first-child ul li a {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: green !important;
	height: 57px !important;
	padding: 0 !important;
	text-align: right !important;
}

div.solutions-submenu div.row > div:first-child ul li a::before {
	display: inline-block !important;
	width: 55px !important;
	height: 55px !important;
	vertical-align: middle !important;
	background-size: 60% !important;
}

div.solutions-submenu div.row > div ul li a.government-solution-menu:before {
	background: url(../../../images/template/organization.svg) no-repeat center center !important;
	background-size: 70% !important;
}
div.solutions-submenu div.row > div ul li a.government-solution-menu {
	color: #57ab5b !important;
	background: #fbfffb;
	box-shadow: 0 0 0 2px #e2f9ed;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
}
/*بانکها*/
div.solutions-submenu div.row > div ul li a.banking-solution-menu:before {
	background: url(../../../images/template/bank.svg) no-repeat center center !important;
	background-size: 70% !important;
}
div.solutions-submenu div.row > div ul li a.banking-solution-menu {
	color: #f29334 !important;
	background: #fffdfa;
	box-shadow: 0 0 0 2px #ffeed9;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
}

/*صنعت برق*/
div.solutions-submenu div.row > div ul li a.power-industries-solution-menu:before {
	background: url(../../../images/template/elec.svg) no-repeat center center !important;
	background-size: 70% !important;
}
div.solutions-submenu div.row > div ul li a.power-industries-solution-menu {
	color: #876bc1 !important;
	background: #f6f3ff;
	box-shadow: 0 0 0 2px #eae2f9;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
}

/*شهرداری‌ها*/
div.solutions-submenu div.row > div ul li a.municipalities-solution-menu:before {
	background: url(../../../images/template/municip.svg) no-repeat center center !important;
	background-size: 70% !important;
}
div.solutions-submenu div.row > div ul li a.municipalities-solution-menu {
	color: #599cd8 !important;
	background: #f3f8ff;
	box-shadow: 0 0 0 2px #e2eaf9;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
}
div.solutions-submenu div.row > div ul li a.government-solution-menu:hover {
	background: #fff !important;
	color: #57ab5b !important;
}
div.solutions-submenu div.row > div ul li a.banking-solution-menu:hover {
	background: #fff !important;
	color: #f29334 !important;
}
div.solutions-submenu div.row > div ul li a.power-industries-solution-menu:hover {
	background: #fff !important;
	color: #876bc1 !important;
}
div.solutions-submenu div.row > div ul li a.municipalities-solution-menu:hover {
	background: #fff !important;
	color: #599cd8 !important;
}

div.products-submenu div.row > div:nth-child(2) ul li a:before {
	background-size: 26% !important;
}
div.products-submenu div.row > div:nth-child(2) ul li a {
	height: 123px !important;
	padding: 1.2rem 0.5rem !important;
}
div.solutions-submenu div.row > div ul li a:before {
	background-size: 26% !important;
}
div.solutions-submenu div.row > div ul li a {
	padding: 1.2rem 0.5rem !important;
}

.sys-card.upper-card {
	height: auto !important;
}

/*system cards*/
.iconic-list-name {
	color: #231f20;
	font-size: 0.9rem;
	transition: all 0.2s ease-in;
}
.iconic-list-name:hover {
	color: #ff6161;
}
.iconic-list-img {
	width: 34px;
	margin: 0 0 0 10px;
	border-left: 3px solid #e6e6e6;
	padding: 2px 0 2px 9px;
}
.iconic-list ul li a {
	display: flex;
	align-items: center;
	margin: 16px 0;
	transition: all 0.2s ease-in;
}
.iconic-list ul li a:hover {
	transform: translateX(-5px);
}
.iconic-list ul {
	padding: 0;
}

/*qoute*/

.quote {
	color: #f3f3f3;
	text-align: justify;
	border: 2px solid #eee;
	padding: 20px;
	position: relative;
	margin: 20px auto;
	border-radius: 20px;
	background-color: #fcfcfc;
	width: 80%;
}
@media only screen and (max-width: 992px) {
	.quote {
		width: 100% !important;
	}
}
.quote:before,
.quote:after {
	position: absolute;
	font-size: 105px;
	font-family: "Mulish", sans-serif;
	background: #fff;
	display: block;
	height: 30px;
	width: 45px;
	text-align: center;
	color: #f35449;
}

.quote:before {
	content: "“";
	top: -25px;
	left: 20px;
	line-height: 100px;
}

.quote:after {
	content: "”";
	bottom: -25px;
	right: 20px;
	line-height: 60px;
}
.quote.noqoute:before,
.quote.noqoute:after {
	display: none;
}

.quote .first {
	text-transform: uppercase;
	font-weight: bold;
	color: #ec3434;
}

.quote p {
	margin: 10px 0px;
	color: #333;
	text-align: justify;
	padding: 0 2rem;
}

.quote .from {
	text-align: center;
	font-family: "Mulish", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 100;
	color: #516da8;
}

.quote .credit {
	font-size: 9px;
	letter-spacing: 1px;
	color: #333;
	display: block;
	position: absolute;
	bottom: 0px;
}

/*group list*/
.group-items-cnt {
	padding: 0 25px;
	border: 2px solid #eee;
	border-radius: 42px;
	margin-top: 60px;
	margin-bottom: 60px;
	position: relative;
	width: 100%;
}
.group-items-cnt .hrg-big-btn {
	position: absolute;
	right: 50%;
	bottom: -17px;
	transform: translateX(50%);
	z-index: 1;
	box-shadow: 0 0 0 8px #fff;
	padding: 0.6rem 2.5rem;
	background: #e8e8e8;
	color: #777 !important;
	border-radius: 500px;
	text-align: center;
	font-size: 13px;
	transition: all 0.2s ease-in;
}
.group-items-cnt .hrg-big-btn::before {
	content: "\f063";
	display: inline-block;
	margin-left: 5px;
	font-family: fontawesome;
}

.group-items-cnt a.group-item {
	transform: translateY(-50px);
	text-align: center;
	display: block;
	margin: auto;
}
.group-items-cnt a.group-item img {
	height: 90px;
	background-color: #fff;
	border: 5px solid #fff;
}
.group-items-cnt a.group-item .card-title {
	margin: 0 auto;
}

/*flip card*/
.flipCard {
	width: 100%;
	position: relative;
	margin: 20px auto;
	text-align: center;
	color: #333;
	cursor: pointer;
}

.flipCard .front {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	backface-visibility: hidden;
	transform: perspective(600px) rotateY(0deg);
	transition: transform 0.3s linear;
	border: 1px solid #ddd;
	border-radius: 18px;
	padding: 15px;
	height: 320px;
	display: flex;
	align-items: center;
}
.flipCard .front > div {
	width: 100%;
}
.flipCard .back {
	width: 100%;
	height: 100%;
	background: #fff;
	backface-visibility: hidden;
	transform: perspective(600px) rotateY(180deg);
	transition: transform 0.3s linear;
	border: 1px solid #eee;
	border-radius: 18px;
	padding: 15px;
	height: 320px;
}

.flipCard:hover .front {
	transform: perspective(600px) rotateY(-180deg);
}

.flipCard:hover .back {
	transform: perspective(600px) rotateY(0deg);
	box-shadow: 0 40px 35px rgba(0, 0, 0, 0.05);
}

ul.minimal-list {
	color: #444;
	font-size: 14px;
	line-height: 33px;
	text-align: right;
	padding: 20px;
	columns: unset !important;
	height: 160px;
	overflow: auto;
}
ul.minimal-list li {
	color: #707b91;
}
ul.minimal-list li:before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #eee;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}
.minimlist-title {
	position: relative;
	color: #707b91;
	text-align: right;
	margin: 15px 16px 15px 16px;
}
.minimlist-title::before {
	content: "";
	width: 58px;
	height: 4px;
	background-color: #53c570;
	position: absolute;
	bottom: -8px;
	border-radius: 8px;
}
.list-heading {
	color: #ec3434;
	font-size: 18px;
	margin-top: 15px;
}
.list-subtitle {
	color: #aaa;
	text-align: center;
}
.minim-img {
	width: 120px;
	margin: auto;
}
.minim-img img {
	width: 100%;
}

/* Agents & Partner Map - Start */

.selectormap .mapstyle1 {
	fill: #efefef;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	cursor: pointer;
	transition: 0.7s;
}

.selectormap .mapstyle1:hover {
	fill: #b10a32;
	transition: 0.7s;
}

.selectormap .mapstyle2 {
	fill: #cccccc;
}

.selectormap svg {
	height: auto;
	width: 90%;
	margin: 0 auto;
	display: block;
}

#selectedprovince {
	position: fixed;
	color: white;
	background: #6195ff;
	padding: 4px 7px;
	border-radius: 4px;
	pointer-events: none;
	transform: scaleX(0);
	transition: transform 0.5s;
	max-width: 150px;
	white-space: normal;
	height: auto;
	font-size: 1.2rem;
	text-align: right;
	line-height: 3rem;
}

#selectedprovince.visible {
	transform: scaleX(1);
	transition: transform 0.5s;
}

#selectedprovince:after {
	content: " ";
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #6195ff transparent transparent;
}

.subjects-links a {
	border: 1px solid #e5e5e5;
	padding: 1.5rem;
	margin-bottom: 2rem;
	border-radius: 7px;
	display: block;
}

.subjects-links a i {
	color: #efefef;
	margin-left: 1.5rem;
}

.subjects-links a:hover {
	background-color: #fafafa;
}

.mt15 {
	margin-top: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	div.subjects-links {
		padding-top: 2rem;
	}
}

@media (min-width: 992px) {
	div.subjects-links {
		padding-top: 3rem;
	}
}

@media (min-width: 1200px) {
	div.subjects-links {
		padding-top: 4rem;
	}
}

div.agents-table-title {
	padding: 15px;
	font-weight: 600;
}

.agents-table-title div {
	padding: 15px 0;
}

.agents-table-row {
	border: 1px solid #eeeeee;
	background-color: #fefefe;
	overflow: hidden;
	padding: 15px;
	margin: 0;
	margin-bottom: 15px;
	border-radius: 12px;
}

div.agent-details a {
	background-color: #b2343d;
	color: #ffffff;
	padding: 7px 25px 6px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	border-radius: 6px;
	margin: 15px 0;
}

div.agent-data {
	padding: 10px 0;
}

.has-list-item i {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	border-radius: 13px;
	margin: 6px 0 0 12px;
	float: right;
}

.has-list-item i.fa-podcast {
	background: #f0fffa;
	color: #7dd3b6;
}

.has-list-item i.fa-building {
	background: #fff5ed;
	color: #eab182;
}

.has-list-item i.fa-map-marker {
	background: #f8f8ff;
	color: #8282ea;
}

.has-list-item i.fa-phone {
	background: #f1fae8;
	color: #8ad883;
}

.has-list-item i.fa-user {
	background: #fdf5ff;
	color: #e7aaf3;
}

div.agents-location {
	float: right;
}

span.agents-location-title,
span.agents-type-title,
div.agents-contact span.filed-title,
div.agents-name span.filed-title {
	display: block;
	font-size: 11px;
	color: #aaaaaa;
}

/* Agents & Partner Map - End */
.iconic-list-img {
	width: 34px;
	margin: 0 0 0 10px;
	border-left: 3px solid #e6e6e6;
	padding: 2px 0 2px 9px;
}
.iconic-list ul li a {
	display: flex;
	align-items: center;
	margin: 16px 0;
	transition: all 0.2s ease-in;
}
.iconic-list ul li a:hover {
	transform: translateX(-5px);
}
.iconic-list ul {
	padding: 0;
}

/*qoute*/

.quote {
	color: #f3f3f3;
	text-align: justify;
	border: 2px solid #eee;
	padding: 20px;
	position: relative;
	margin: 20px auto;
	border-radius: 20px;
	background-color: #fcfcfc;
	width: 80%;
}

.quote:before,
.quote:after {
	position: absolute;
	font-size: 105px;
	font-family: "Mulish", sans-serif;
	background: #fff;
	display: block;
	height: 30px;
	width: 45px;
	text-align: center;
	color: #f35449;
}

.quote:before {
	content: "“";
	top: -25px;
	left: 20px;
	line-height: 100px;
}

.quote:after {
	content: "”";
	bottom: -25px;
	right: 20px;
	line-height: 60px;
}
.quote.noqoute:before,
.quote.noqoute:after {
	display: none;
}

.quote .first {
	text-transform: uppercase;
	font-weight: bold;
	color: #ec3434;
}

.quote .from {
	text-align: center;
	font-family: "Mulish", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 100;
	color: #516da8;
}

.quote .credit {
	font-size: 9px;
	letter-spacing: 1px;
	color: #333;
	display: block;
	position: absolute;
	bottom: 0px;
}

/* smallMode qoute */
.quote.smallMode {
	width: 100%;
}
.quote.noqoute.smallMode p {
	padding: 0;
}

/*group list*/
.group-items-cnt {
	padding: 0 25px;
	border: 2px solid #eee;
	border-radius: 42px;
	margin-top: 60px;
	margin-bottom: 60px;
	position: relative;
	width: 100%;
}
.group-items-cnt .hrg-big-btn {
	position: absolute;
	right: 50%;
	bottom: -17px;
	transform: translateX(50%);
	z-index: 1;
	box-shadow: 0 0 0 8px #fff;
	padding: 0.6rem 2.5rem;
	background: #e8e8e8;
	color: #777;
	border-radius: 500px;
	text-align: center;
	font-size: 13px;
	transition: all 0.2s ease-in;
}
.group-items-cnt .hrg-big-btn::before {
	content: "\f063";
	display: inline-block;
	margin-left: 5px;
	font-family: fontawesome;
}

.group-items-cnt a.group-item {
	transform: translateY(-50px);
	text-align: center;
	display: block;
	margin: 0 auto 25px auto;
}
.group-items-cnt a.group-item img {
	height: 90px;
	background-color: #fff;
	border: 5px solid #fff;
}
.group-items-cnt a.group-item .card-title {
	margin: 0 auto;
}

/*flip card*/
.flipCard {
	width: 100%;
	position: relative;
	margin: 20px auto;
	text-align: center;
	color: #333;
	cursor: pointer;
}

.flipCard .front {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	backface-visibility: hidden;
	transform: perspective(600px) rotateY(0deg);
	transition: transform 0.3s linear;
	border: 1px solid #ddd;
	border-radius: 18px;
	padding: 15px;
	height: 320px;
	display: flex;
	align-items: center;
}
.flipCard .front > div {
	width: 100%;
}
.flipCard .back {
	width: 100%;
	height: 100%;
	background: #fff;
	backface-visibility: hidden;
	transform: perspective(600px) rotateY(180deg);
	transition: transform 0.3s linear;
	border: 1px solid #eee;
	border-radius: 18px;
	padding: 15px;
	height: 320px;
}

.flipCard:hover .front {
	transform: perspective(600px) rotateY(-180deg);
}

.flipCard:hover .back {
	transform: perspective(600px) rotateY(0deg);
	box-shadow: 0 40px 35px rgba(0, 0, 0, 0.05);
}

ul.minimal-list {
	color: #444;
	font-size: 14px;
	line-height: 33px;
	text-align: right;
	padding: 20px;
	columns: 2;
}
@media only screen and (max-width: 992px) {
	ul.minimal-list {
		columns: 1;
	}
}
ul.minimal-list li {
	color: #707b91;
}
ul.minimal-list li:before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #eee;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}
.minimlist-title {
	position: relative;
	color: #707b91;
	text-align: right;
	margin: 15px 16px 15px 16px;
}
.minimlist-title::before {
	content: "";
	width: 58px;
	height: 4px;
	background-color: #53c570;
	position: absolute;
	bottom: -8px;
	border-radius: 8px;
}
.list-heading {
	color: #ec3434;
	font-size: 18px;
	margin-top: 15px;
}
.list-subtitle {
	color: #aaa;
	text-align: center;
}
.minim-img {
	width: 120px;
	margin: auto;
}
.minim-img img {
	width: 100%;
}

.sidelinks-container a:after {
	font-size: 2rem;
	line-height: 27px;
	margin-left: -8px;
}

/* Request Demo Button - Start */

#demorequestbutton {
	position: fixed;
	top: 10px;
	left: 10px;
	display: block;
	overflow: hidden;
	color: rgb(255, 255, 255);
	z-index: 1000;
	background-color: #b10a32;
	padding: 8px 16px;
	border-radius: 40px;
}

a#demorequestbutton:hover {
	text-decoration: none;
	color: #ffff00;
	background-color: #a0082d;
}

/* Request Demo Button - End */

/* صفحه راهکارها */
.page_item_li {
	display: inline-block;
	width: calc(25% - 20px);
	text-align: right;
	margin: 5px;
	vertical-align: top;
	border-radius: 6px;
}
.page_item_li a {
	border: none;
	text-align: right;
	font-size: 12px;
	font-weight: 700;
	height: 120px;
	padding: 0;
	padding-right: 0px;
	text-align: center;
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	background-color: transparent;
}
.page_item .page_item_li .municipalities-solution {
	color: #599cd8 !important;
	/* background: #f3f8ff; */
	box-shadow: 5px -7px 0 2px #e2eaf9;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
	border: 1px solid #e2eaf9;
}

.page_item .page_item_li .municipalities-solution:before {
	background: url(../../../images/template/municip.svg) no-repeat center !important;
	background-size: 70% !important;
}
.page_item .page_item_li .banking-solution:before {
	background: url(../../../images/template/bank.svg) no-repeat center !important;
	background-size: 70% !important;
}
.page_item .page_item_li .government-solution:before {
	background: url(../../../images/template/organization.svg) no-repeat center !important;
	background-size: 70% !important;
}
.page_item .page_item_li .power-industries-solution:before {
	background: url(../../../images/template/elec.svg) no-repeat center !important;
	background-size: 70% !important;
}

.municipalities-solution:before,
.banking-solution:before,
.government-solution:before,
.power-industries-solution:before,
.productive-industrial-solution:before,
.business-solution:before,
.contracting-solution:before,
.service-providers-solution:before,
.tile-ceramic-solution:before,
.paint-resin-solution:before,
.mineral-stone-solution:before {
	content: "";
	background-size: auto;
	display: block !important;
	width: 55px !important;
	height: 55px !important;
	margin: auto;
	font-family: "hrgicons";
	font-size: 2.2rem;
	color: #b10a32;
}

.page_item_li.box-gray a {
	color: #777;
}
.page_item .page_item_li {
	transition: all 0.2s;
}
.page_item .page_item_li:hover {
	transform: scale(1.05);
}

@media only screen and (max-width: 992px) {
	.page_item_li {
		width: calc(50% - 20px) !important;
	}
}

.page_item .page_item_li .banking-solution {
	color: #f29334 !important;
	box-shadow: 5px -7px 0 2px #ffeed9;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
	border: 1px solid #ffeed9;
}
.page_item .page_item_li .government-solution {
	color: #57ab5b !important;
	/* background: #fbfffb; */
	box-shadow: 5px -7px 0 2px #e2f9ed;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
	border: 1px solid #e2f9ed;
}
.page_item .page_item_li .power-industries-solution {
	color: #876bc1 !important;
	/* background: #f6f3ff; */
	box-shadow: 5px -7px 0 2px #eae2f9;
	border-radius: 4px;
	font-size: 14px !important;
	padding-right: 8px !important;
	border: 1px solid #eae2f9;
}

.page_item .page_item_li .productive-industrial-solution:before {
	content: "\e909";
}
.page_item .page_item_li .business-solution:before {
	content: "\e90a";
}
.page_item .page_item_li .contracting-solution:before {
	content: "\e917";
}
.page_item .page_item_li .service-providers-solution:before {
	content: "\e90b";
}
.page_item .page_item_li .tile-ceramic-solution:before {
	content: "\e90c";
}
.page_item .page_item_li .paint-resin-solution:before {
	content: "\e90d";
}

.page_item .page_item_li .mineral-stone-solution:before {
	content: "\e90e";
}

/* product page */
.page_item .enterprise-business:before,
.page_item .medium-business:before,
.page_item .municipalities:before {
	content: "\e923";
	background-size: auto;
	display: block !important;
	width: 75px !important;
	height: 75px !important;

	font-family: "hrgicons";
	font-size: 3.2rem;
	margin: -8px auto;
}
.page_item .page_item_li .enterprise-business {
	color: #b22930 !important;
	border-radius: 18px;
	font-size: 18px !important;
	padding-right: 8px !important;
	border: 5px solid rgb(240, 240, 240);
	background: #fbfbfb;
	font-weight: 700;
}
.page_item .page_item_li .medium-business {
	color: #052 !important;
	border-radius: 18px;
	font-size: 18px !important;
	padding-right: 8px !important;
	border: 5px solid rgb(240, 240, 240);
	background: #fbfbfb;
	font-weight: 700;
}
.page_item .page_item_li .municipalities {
	color: #f58d17 !important;
	border-radius: 18px;
	font-size: 18px !important;
	padding-right: 8px !important;
	border: 5px solid rgb(240, 240, 240);
	background: #fbfbfb;
	font-weight: 700;
}

.governmental-accounting-product:before,
.power-industry-product:before,
.business-intelligence-product:before,
.dashboard-product:before,
.ticketing-product:before,
.automation-product:before,
.crm-product:before {
	content: "";
	background-size: auto;
	display: block !important;
	width: 55px !important;
	height: 55px !important;
	margin: auto;
	font-family: "hrgicons";
	font-size: 2.2rem;
	color: #28428b;
}
.page_item .page_item_li .governmental-accounting-product:before {
	content: "\e918";
}
.page_item .page_item_li .power-industry-product:before {
	content: "\e91e";
}
.page_item .page_item_li .business-intelligence-product:before {
	content: "\e91a";
}
.page_item .page_item_li .dashboard-product:before {
	content: "\e91b";
}
.page_item .page_item_li .ticketing-product:before {
	content: "\e91d";
}
.page_item .page_item_li .automation-product:before {
	content: "\e919";
}

.page_item .page_item_li .crm-product:before {
	content: "\e91c";
}

/* Homepage Map - Start */

.map-container {
	position: relative;
}

.map-container .map img {
	height: auto;
}

.glower-container {
	position: absolute;
	width: 15%;
	height: 15%;
}

.glower-container1 {
	left: 26%;
	top: 24%;
}

.glower-container2 {
	left: 14.2%;
	top: 17%;
}

.glower-container3 {
	left: 75.2%;
	top: 59%;
}

.glower-container4 {
	left: 23.7%;
	top: 64%;
}

.glower-container5 {
	left: 68.3%;
	top: 19.4%;
}

.glower {
	position: absolute;
	border-radius: 100%;
	animation-name: glower-animation;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
}

.glower2 {
	animation-delay: 0.3s;
}

.glower3 {
	animation-delay: 0.6s;
}

.glower-container2 .glower1 {
	animation-delay: 0.9s;
}
.glower-container2 .glower2 {
	animation-delay: 1s;
}
.glower-container2 .glower3 {
	animation-delay: 1.3s;
}

.glower-container3 .glower1 {
	animation-delay: 1.4s;
}
.glower-container3 .glower2 {
	animation-delay: 1.7s;
}
.glower-container3 .glower3 {
	animation-delay: 2s;
}

.glower-container4 .glower1 {
	animation-delay: 2.1s;
}
.glower-container4 .glower2 {
	animation-delay: 2.4s;
}
.glower-container4 .glower3 {
	animation-delay: 2.7s;
}

.glower-container5 .glower1 {
	animation-delay: 2.8s;
}
.glower-container5 .glower2 {
	animation-delay: 3.1s;
}
.glower-container5 .glower3 {
	animation-delay: 3.4s;
}

@keyframes glower-animation {
	0% {
		left: 50%;
		top: 50%;
		width: 0%;
		height: 0%;
		background-color: #ff0000ff;
	}

	30% {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #ff000000;
	}
}

.po-container {
	position: absolute;
	width: 40%;
	text-align: justify;
	opacity: 0;
	animation-name: mapdata-animation;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
}

@media (min-width: 992px)
{
	@keyframes mapdata-animation
	{
		0%
		{
			opacity: 0;
		}

		3%
		{
			opacity: 1;
		}

		7%
		{
			opacity: 1;
		}

		10%
		{
			opacity: 0;
		}
	}

	.po-tehran
	{
		top: 31%;
		left: 36%;
		animation-delay: 0s;
	}

	.po-isfahan
	{
		top: 50%;
		left: 36%;
		animation-delay: 3s;
	}

	.po-lorestan
	{
		top: 43%;
		left: 19.5%;
		animation-delay: 6s;
	}

	.po-azarbayejangharbi
	{
		top: 19%;
		left: 7.7%;
		animation-delay: 9s;
	}

	.po-sistanbaloochestan
	{
		top: 66%;
		left: 82.7%;
		animation-delay: 12s;
	}

	.po-markazi
	{
		top: 40%;
		left: 26.7%;
		animation-delay: 15s;
	}

	.po-khoozestan
	{
		top: 57.5%;
		left: 21.8%;
		animation-delay: 18s;
	}

	.po-khorasanrazavi
	{
		top: 26%;
		left: 75.9%;
		animation-delay: 21s;
	}

	.po-mazandaran
	{
		top: 26%;
		left: 43%;
		animation-delay: 24s;
	}

	.po-khorasanjonoobi
	{
		top: 26%;
		left: 75.9%;
		animation-delay: 27s;
	}
}

.po-content:after
{
	content: "";
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-5px) translateY(-4px) rotate(45deg);
	border: 1px solid #999999;
	border-left: none;
	border-top: none;
}

.po-content
{
	width: 100%;
	transform: translateY(-110%) translateX(-50%);
	background-color: #ffffff;
	padding: 10px 15px;
	border-radius: 10px;
	border: 1px solid #999999;
	font-size: 0.9rem;
	bottom: 0;
}

/* Homepage Map - End */

/* honors - start */

.timeline_wrapper {
	margin: 0 auto;
	/* padding: 0 26.66% 50px 10%; */
	width: 100%;
	box-sizing: border-box;
}

article.timeline {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

.milestone {
	border-top: 1px dashed #ddd;
	padding: 70px 0 0;
	margin-top: 15px;
}

.milestone:first-child {
	border: none;
	padding: 0;
}

.timeline__nav {
	position: sticky;
	top: 100px;
	-webkit-transition: top 0.3s ease-out;
	transition: top 0.3s ease-out;
}

.timeline__nav ul {
	list-style: none;
	list-style-position: inside;
	margin: 15px 0;
	padding: 0;
}

.timeline__nav ul li {
	/* margin: 15px 0; */
	padding-left: 0;
	list-style-type: none;
	color: #bfc1c3;
	/* border-bottom: 1px dotted rgba(0, 0, 0, 0.3); */
	margin-bottom: 2px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.timeline__nav ul li.active {
	font-weight: bold;
	color: #f94125;
	border-bottom: 1px dotted transparent;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.timeline__nav ul li:hover {
	color: #000;
}

nav.timeline__nav a
{
	display: block;
	width: 100%;
	color: #000000;
	border: none;
	background-color: #EEEEEE;
	padding: 0.1rem;
	text-align: center;
	border-radius: 10rem;
	border-top-right-radius: 0;
}

.shelfcontent {
	position: relative;
	overflow: hidden;
}

.shelf {
	width: 100%;
	margin-top: 27%;
}

.shelf-item {
	position: absolute;
	height: 45%;
	bottom: 19%;
}

.shelfw33 {
	width: 33.33%;
}

.shelfw50 {
	width: 50%;
}

.shelfw100 {
	width: 100%;
	bottom: 89%;
	height: 12%;
	max-height: 30%;
}

.shelfw100-2 {
	width: 100%;
	bottom: 38% !important;
	height: 70%;
	max-height: 70%;
}

.shelf-item img {
	width: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.shelf-item:nth-child(3) {
	left: 0;
}

.shelf-item:nth-child(2) {
	right: 0;
}

.shelf-item:nth-child(4) {
	left: 34%;
}

.shelf-item p {
	display: none;
	text-align: center;
	position: absolute;
	top: -70px;
	right: 0;
	left: 0;
}

.shelf-item .honorimage:hover {
	cursor: pointer;
}

@media only screen and (min-width: 568px) {
	.shelf-item img:hover + p {
		display: block;
		font-size: 14px;
	}
}

@media only screen and (max-width: 567px) {
	.shelf-item p {
		display: block;
		font-size: 8px;
	}
}

/* honors - end */

.jobs-menu {
	color: orange !important;
	font-weight: bold !important;
}

@keyframes ticker-kf {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-108rem, 0, 0);
	}
}

.img-ticker {
	animation: ticker-kf 35s linear infinite;
	direction: ltr !important;
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem;
}
.flex {
	display: flex;
}
.w-64 {
	width: 16rem;
	padding: 0 65px;
	margin: 0 -15px !important;
}
.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}
.flex-none {
	flex: none;
}
.self-start {
	align-self: flex-start;
}

.moduletable.news-module,
.moduletable.articles-module {
	min-height: 375px;
}

.bg-green {
	background: #50976f;
}
.bg-orange {
	background: #ea804d;
}
.bg-blue {
	background: #5188b9;
}
.bg-red {
	background: #b22930;
}
.side-banner {
	padding: 15px;
	padding-right: 15px;
	border-radius: 6px;
	width: 48%;
	display: inline-block;
	transition: all 0.2s;
	margin-bottom: 5px;
	text-align: center;
	line-height: 37px;
}
.side-banner:hover {
	box-shadow: 0 0 0 80px rgba(0, 0, 0, 0.1) inset;
}
@media only screen and (max-width: 1100px) {
	.side-banner {
		width: 100% !important;
	}
}
.banner-icon {
	display: inline-block;
	vertical-align: middle;
}
.banner-icon i {
	color: #fff;
}
.catalogue-dn:before {
	content: "\e902";
	font-family: "hrgicons";
	font-style: normal;
	font-size: 2.2rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}
.banner-txt {
	display: block;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
}

div.solutions-submenu div.row > div ul li a.business-solution-menu:before {
	background: none !important;
	content: "\e90a";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}

div.solutions-submenu div.row > div ul li a.tile-ceramic-solution-menu:before {
	background: none !important;
	content: "\e90c";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}

div.solutions-submenu div.row > div ul li a.paint-resin-solution-menu::before {
	background: none !important;
	content: "\e90d";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}

div.solutions-submenu div.row > div ul li a.contracting-solution-menu::before {
	background: none !important;
	content: "\e917";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}
div.solutions-submenu div.row > div ul li a.productive-industrial-solution-menu::before {
	background: none !important;
	content: "\e909";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}
div.solutions-submenu div.row > div ul li a.service-providers-solution-menu::before {
	background: none !important;
	content: "\e90b";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}
div.solutions-submenu div.row > div ul li a.mineral-stone-solution-menu::before {
	background: none !important;
	content: "\e90e";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
}

/*محصولات منو*/
div.products-submenu div.row > div:nth-child(2) ul li a.governmental-accounting-menu::before {
	/* سیستم ذیحسابی */
	background: none !important;
	content: "\e918";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}

div.products-submenu div.row > div:nth-child(2) ul li a.power-industry-menu::before {
	/* سیستم برق */
	background: none !important;
	content: "\e91e";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}

div.products-submenu div.row > div:nth-child(2) ul li a.business-intelligence-menu::before {
	/* سیستم هوش تجاری */
	background: none !important;
	content: "\e91a";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}

div.products-submenu div.row > div:nth-child(2) ul li a.dashboard-menu::before {
	/* سیستم داشبورد مدیرتی */
	background: none !important;
	content: "\e91b";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}
div.products-submenu div.row > div:nth-child(2) ul li a.ticketing-menu::before {
	/* تیکتینگ */
	background: none !important;
	content: "\e91d";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}
div.products-submenu div.row > div:nth-child(2) ul li a::before {
	/* اتوماسیون اداری */
	background: none !important;
	content: "\e919";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}
div.products-submenu div.row > div:nth-child(2) ul li a.crm-menu::before {
	/* crm */
	background: none !important;
	content: "\e91c";
	font-family: "hrgicons";
	font-size: 2.4rem;
	transform: translateY(-12px);
	display: block;
	margin-bottom: -22px;
}

/*homepage*/
h3.module-title.lightStyle {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 30px 0;
	border: none;
}

h3.module-title.lightStyle span::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 3px;
	border-radius: 10px;
	background-color: #dddddd;
	color: #f8f8f800;
	line-height: 0;
	margin: 20px 0 20px 30px;
	vertical-align: middle;
}

h3.module-title.lightStyle span::after {
	content: ".";
	display: inline-block;
	width: 100px;
	height: 3px;
	border-radius: 10px;
	background-color: #dddddd;
	color: #f8f8f800;
	line-height: 0;
	margin: 20px 30px 20px 0;
	vertical-align: middle;
}
.solutions-module h3.module-title {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 30px 0;
	border: none;
}
.module-title.lightStyle {
	color: #fff !important;
	z-index: 100;
	position: relative;
}
.module-title.lightStyle span::before {
	background: #fff !important;
}
.section {
	position: relative;
}

.section.products-section:before,
.section.solution-section:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #80001f;
	opacity: 0.6;
}
.section.solution-section {
	background: url("../../../images/contents/pages/solutionSectionBg.jpg");
	background-size: auto;
	background-size: cover;
	min-height: 75vh;
	background-position: bottom;
	display: flex;
	align-items: center;
}
.section.products-section {
	background: url("../../../images/contents/pages/solution.jpg");
	background-size: auto;
	background-size: cover;
	min-height: 75vh;
	background-position: bottom;
	display: flex;
	align-items: center;
}
/* learning-section */
.section.learning-section {
	background: url("../../../images/contents/pages/learning-bg.jpg");
	background-size: auto;
	background-size: cover;
	min-height: 75vh;
	background-position: top;
	display: flex;
	align-items: center;
}

.t4-module.module.map-module {
	background: url("../../../images/contents/pages/mapSection-bg.jpg");
	background-size: auto;
	background-size: cover;
}
.section .sys-card {
	background: #fff;
	/*min-height: 320px !important;*/
}
.solution-section .sys-card,
.products-section .sys-card {
	overflow: unset !important;
}
@media only screen and (max-width: 992px) {
	.solution-section .sys-card,
	.products-section .sys-card {
		margin-bottom: 4rem !important;
	}
	.solution-section .sys-card img,
	.products-section .sys-card img {
		width: 100% !important;
	}
}
.solution-section .sys-card .municipalities-solution:before {
	background: #fff url(../../../images/template/municip.svg) no-repeat center center !important;
	position: absolute;
	border-radius: 20px;
	padding: 45px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
}
.solution-section .sys-card .banking-solution:before {
	background: #fff url(../../../images/template/bank.svg) no-repeat center center !important;
	position: absolute;
	border-radius: 20px;
	padding: 45px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
}

.solution-section .sys-card .government-solution:before {
	background: #fff url(../../../images/template/organization.svg) no-repeat center center !important;
	position: absolute;
	border-radius: 20px;
	padding: 45px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
}

.solution-section .sys-card .power-industries-solution:before {
	background: #fff url(../../../images/template/elec.svg) no-repeat center center !important;
	position: absolute;
	border-radius: 20px;
	padding: 45px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
}

.products-section .sys-card .enterprise-business:before {
	content: "\e923";
	background: #fff !important;
	background-size: auto;
	position: absolute;
	color: #b22930;
	font-family: "hrgicons";
	font-size: 4.2rem;
	border-radius: 20px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
	font-style: normal;
	line-height: 80px;
	width: 80px !important;
	height: 80px !important;
	padding-left: 7px;
}
.products-section .sys-card .medium-business:before {
	content: "\e923";
	background: #fff !important;
	background-size: auto;
	position: absolute;
	color: #177d40;
	font-family: "hrgicons";
	font-size: 4.2rem;
	border-radius: 20px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
	font-style: normal;
	line-height: 80px;
	width: 80px !important;
	height: 80px !important;
	padding-left: 7px;
}

.products-section .sys-card .municipalities-business:before {
	content: "\e923";
	background: #fff !important;
	background-size: auto;
	position: absolute;
	color: #ea8135;
	font-family: "hrgicons";
	font-size: 4.2rem;
	border-radius: 20px;
	background-size: 50% !important;
	top: -29px;
	right: 50%;
	transform: translateX(50%);
	box-shadow: 0 0 0 8px #ffffff38;
	z-index: 100;
	font-style: normal;
	line-height: 80px;
	width: 80px;
	height: 80px;
	padding-left: 7px;
}

.t4-module.module.map-module {
	margin: 0 !important;
	padding: 60px 0 !important;
}
.t4-module {
	margin-top: 0 !important;
}

.module.news-articles-module .module-title {
	margin: 0 !important;
}

.inline-block-item {
	display: inline-block;
	width: 18.555%;
	padding: 0;
	text-align: center;
	margin: 25px 2px 2px 2px;
	border-radius: 15px;
	vertical-align: top;
}
.map-iran .customer-count {
	width: 100% !important;
	float: none !important;
	font-size: 28px !important;
	padding: 0 !important;
	line-height: 66px !important;
	color: #fff !important;
}
.map-iran .customer-name {
	width: 100% !important;
	float: none !important;
	font-size: 12px !important;
	padding: 0 !important;
}
.map-iran .customer-count::before {
	top: 0% !important;
	background-color: #3c444f !important;
	width: 64px !important;
	height: 64px !important;
	content: "" !important;
	border-radius: 17px !important;
}

.t4-module.module.customer-quotes blockquote {
	padding: 0 110px !important;
	height: 390px;
	overflow: auto;
	margin: 0 0 35px 0 !important;
	color: #fff !important;
	box-shadow: none !important;
	background: transparent !important;
	text-align: center !important;
}
.t4-module.module.customer-quotes blockquote img.customer-avatar {
	margin: auto !important;
	display: block;
	float: unset !important;
	box-shadow: 0 0 0 13px rgba(255, 255, 255, 0.1), 0 0 0 7px rgba(255, 255, 255, 0.1);
	margin-top: 14px !important;
}
.t4-module.module.customer-quotes blockquote h4.customer-title {
	color: orange !important;
	margin: 30px 0;
	text-align: center;
	font-size: 1.3rem;
	line-height: 29px;
}
div.t4-module.module.customer-quotes {
	padding: 0 !important;
}

div.t4-module.module.customer-quotes {
	padding-top: 135px !important;
	background: url("../../../images/contents/pages/commentsSection.jpg");
	background-size: cover;
	min-height: 75vh;
	background-position: center;
}
.t4-module.module.customer-quotes blockquote::before {
	display: none !important;
}

.blockLinks .sys-card {
	min-height: unset !important;
}
.news-articles-archive {
	padding: 0 30px;
	position: absolute;
	top: 35px;
	left: 20px;
	font-size: 13px;
}
.news-articles-archive a {
	color: #777;
}
.news-articles-archive a:after {
	content: "\f053";
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	font-family: fontawesome;
	text-align: center;
	font-size: 0.6rem;
}

.honors-stats a .stats-icon img {
	transition: all 0.2s;
}
.honors-stats a:hover {
	color: #b22930;
}
.honors-stats a:hover .stats-icon img {
	transform: scale(1.2) translateY(-10px);
}

.demo-banner {
	display: flex;
	background: #3c506a;
	padding: 15px;
	border-radius: 16px;
	color: #fff;
}
.demo-banner-img i {
	font-size: 3rem;
	line-height: 4rem;
	padding: 0 26px;
}

/* forms - start */

.default-form.inline-form {
	margin: 3rem;
	margin-top: 1rem;
}

.default-form.inline-form .control-group .controls div,
.default-form.inline-form .form-actions button {
	width: 100%;
}

.default-form.inline-form .control-group .control-group {
	margin-bottom: 0;
}

.default-form.inline-form .bfElemWrap.control-group {
	margin-bottom: 10px;
}

.default-form.inline-form .control-group .controls,
.default-form.inline-form .control-group .controls input[type="text"],
.default-form.inline-form .control-group .controls textarea {
	margin: 0;
}

.default-form.inline-form form .control-group .controls input[type="text"],
.default-form.inline-form form .control-group .controls textarea,
.default-form.inline-form form .control-group .controls select,
.default-form.inline-form .form-actions button {
	background-color: #f6f6f6;
	padding: 10px;
	border: none;
	outline: none;
	height: auto;
	text-align: right;
	color: #777777;
}

.default-form.inline-form .form-actions button {
	background-color: #56baed !important;
	color: #ffffff;
	text-align: center;
	-webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
	box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.default-form.inline-form i.icon-upload::before {
	content: "ارسال فایل";
	padding: 10px;
	display: inline-block;
	font-style: normal;
}

.recruitment-request-form.default-form.inline-form i.icon-upload::before {
	content: "ارسال فایل رزومه (pdf, zip, rar)";
	padding: 10px;
	display: inline-block;
	font-style: normal;
}

.default-form.inline-form div#newrecaptcha div {
	margin: 0 auto;
}

/* forms - end */
.t4-palette-dark .nav > li.active li a {
	color: rgba(0, 0, 0, 0.7) !important;
}




/* List Styles (UL & OL) - Start */

/* Style 1 - Start */

.list-style-1
{
	margin-right: 2.5rem;
	position: relative;
}

.list-style-1::before
{
	position: absolute;
	right: -2.5rem;
	content: "\f053";
	top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-left: 8px;
	padding: 0;
	color: #888;
	background-color: #f0f0f0;
	font-weight: 700;
	font-family: fontawesome;
	text-align: center;
	font-size: 0.6rem;
}

/* Style 1 - End */



/* Style 2 - Start */

ol.list-style-2
{
	counter-reset: item;
	list-style-type: none;
}

.list-style-2 li
{
	position: relative;
}

.list-style-2 li::before
{
	content: counter(item);
	counter-increment: item;
	position: absolute;
	right: -2.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2rem;
	height: 2rem;
	line-height: 2.2rem;
	color: #888;
	background: #f0f0f0;
	font-weight: 700;
	text-align: center;
}

/* Style 2 - End */

/* List Styles (UL & OL) - End */





/*ledf side titles style*/
.t4-module.relate div,.t4-module.useful div,.t4-module.relate span,.t4-module.useful span {
    margin: 0;
    padding: 0;
    line-height: 50px;
    height: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
}
.t4-module.relate .module-title > span::before {
  content: "\e924";
    display: inline-block;
    
    font-family: "hrgicons";
    margin: 0 0 0 8px;
    font-size: 1.5rem;
    font-weight: normal;
    color: #cd1b1b;
    vertical-align: middle;
}
.t4-module.relate .module-title, .t4-module.useful .module-title {
    background: #fff;
    padding: 0 10px;
    margin: 0;
    height: 50px;
    position: relative;
    border-bottom: 1px dotted #bbb;
}
.t4-module.useful .module-title>span:before{
 	content:'';
}



.mostread li a, .latestnews li a, .relateditems li a, .tagssimilar ul li a {
padding: 8px;
    padding-right: 8px;
line-height: 22px;
margin: 5px 0;
padding-right: 60px;
transition: all 0.3s;
color: #3b495b;
background: #f7f7f7;
border: 1px solid #e1e1e1;
font-size: 13px;
border-radius: 6px;
  min-height:62px;
}
.mostread li a:hover, .latestnews li a:hover, .relateditems li a:hover, .tagssimilar ul li a:hover {

	padding-right: 64px;
  background:#fff;
}
.mostread li a::before, .latestnews li a::before, .relateditems li a::before, .tagssimilar ul li a::before {
content: '';
width: 45px;
height: 45px;
background: #ddd;
    background-image: none;
    background-size: auto;
display: inline-block;
text-align: center;
background-size: cover;
background-image: url(/images/contents/pages/banks.jpg);
position: absolute;
right: 7px;
top: 8px;
border-radius: 4px;
transition: all 0.3s;
}
.mostread li a:hover:before, .latestnews li a:hover:before, .relateditems li a:hover:before, .tagssimilar ul li a:hover:before {
  box-shadow:0 0 0 4px rgba(0,0,0,0.1);
  right: 7px;
  transform:scale(1.1);

}



/* Top Ad - Start */

.top-ad > a
{
	display: block;
	width: 100%;
}

/* Top Ad - End */



/* Popup Ads - Start */
.popup-ad
{
	position: fixed;
	display: flex;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	transition: opacity 1s;
}

.popup-ad.show-popup
{
	z-index: 11000;
	opacity: 1;
	transition: opacity 1s;
}

/* Popup Ads - End */














/* New Style 1 - Start */

.my-layout-blog-layout-2 .mainnav-container .company-name-prefix {	font-size: 17px; }
.my-layout-blog-layout-2 .mainnav-container .company-name-main { font-size: 10px; }
.my-layout-blog-layout-2 .mainnav-container ul.level0 a.nav-link { font-size: 12px; }
.my-layout-blog-layout-2 .company-tel-main { font-size: 21px; }

.my-layout-blog-layout-2 .vacenter 
{
	align-items: center;
}

.my-layout-blog-layout-2 .t4-main-body 
{
	padding: 0;
}

.my-layout-blog-layout-2 .article-aside,
.my-layout-blog-layout-2 .item-page [itemprop=articleBody] 
{
	margin: 0;
}

.my-layout-blog-layout-2 .section-red 
{
	color: #FFFFFF;
	background-image: url('../../../images/template/backgrounds/back4.jpg');
	background-size: cover;
	background-position-y: top;
	background-attachment: fixed;
	position: relative;
}

.my-layout-blog-layout-2 .section-red::before 
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #b10a32cc;
}

.my-layout-blog-layout-2 h1 
{
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.my-layout-blog-layout-2 h2 
{
	font-weight: 500;
}

.my-layout-blog-layout-2 .request-form > div
{
	background-color: #FFFFFF;
	padding: 2rem;
	border-radius: 10px;
}

.my-layout-blog-layout-2 .request-form .rfbutton 
{
	padding: 7px;
	width: 100% !important;
	margin: 0 0 0.6rem 0;
	font-size: 14px;
	font-weight: 300;
}

.my-layout-blog-layout-2 .request-form .rftitle 
{
	color: #000000;
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}











.my-layout-blog-layout-2 .section-icon .icon-container
{
	margin-bottom: 1rem;
}

.my-layout-blog-layout-2 .section-icon .icon-container > div 
{
	text-align: center;
	display: inline-block;
}

.my-layout-blog-layout-2 .section-icon .icon-container > div img {
	filter: invert(0.4) sepia(1) hue-rotate(310deg);
	width: 64px;
	margin: 20px 0;
}

.my-layout-blog-layout-2 .section-icon .icon-container h4 
{
	font-size: 1.1rem;
	line-height: 2;
}

ul.liststyle1
{
	margin-bottom: 0;
}

ul.liststyle1 li::before 
{
	content: "\f00c";
	font-family: 'FontAwesome';
	font-size: 0.8rem;
	margin-left: 1rem;
	margin-right: -2rem;
}











.my-layout-blog-layout-2 .page-header h2,
.my-layout-blog-layout-2 .categories-list h2 
{
    font-size: 2.4rem;
    font-weight: 600;
}

.my-layout-blog-layout-2 .content-part p
{
	font-weight: 300;
	line-height: 1.7;
	margin-bottom: 2rem;
}

.my-layout-blog-layout-2 .items-row .item .item-image img 
{
	filter: brightness(1) saturate(1);
	transition: all 0.5s;
}

.my-layout-blog-layout-2 .items-row .item:hover .item-image img 
{
	filter: brightness(1.1) saturate(1.2);
	transition: all 0.5s;
}

.my-layout-blog-layout-2 .blog-items div.items-row .item > .item-image a
{
	display: block;
	position: relative;
	padding: 0 0 4rem 4rem;
}

.my-layout-blog-layout-2 .blog-items div.items-row .item > .item-image a::before
{
	content: "";
	width: 360px;
	height: 270px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: radial-gradient(#EFEFEF 20%, transparent 22%);
	background-size: 30px 30px;
	background-position: 0 100%;
}

.my-layout-blog-layout-2 .blog-items div.items-row 
{
	margin: 0 0 2rem 0;
}

.my-layout-blog-layout-2 .blog-items div.items-row .item > div.content-part
{
	padding: 0 0 3rem 0;
}

@media only screen and (min-width: 992px) 
{
	.my-layout-blog-layout-2 .blog-items 
	{
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row .item
	{
		padding-top: 0;
		display: flex;
		align-items: center;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row .item > div.content-part
	{
		width: 60%;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row:nth-child(odd) .item > div.content-part
	{
		padding: 0 0 3rem 6rem;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row:nth-child(even) .item > div.content-part
	{
		order: 2;
		padding: 0 6rem 3rem 0;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row .item > .item-image
	{
		width: 40%;
	}
}










.my-layout-blog-layout-2.view-category .hrg-page-heading
{
	position: relative;
	background-color: #b10a32;
	padding-top: 11rem;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}

.my-layout-blog-layout-2.view-category .hrg-page-heading h1,
.my-layout-blog-layout-2.view-category .hrg-page-heading h2
{
	color: #FAFAFA;
	font-weight: 600;
	font-size: 3rem;
	text-align: center;
}


ul.disc li 
{
	list-style: disc;
}

.news-page.view-article div.page-header
{
	display: none;
}

ol.persian 
{
	list-style: persian;
}

.mmt2r { margin-top: 2rem !important; }
.mtac { text-align: center !important; }
.mtai { text-align: initial !important; }
.mfsn { font-style: normal !important; }
.mfs1-2r { font-size: 1.2rem !important; }
.mfw6 { font-weight: 600 !important; }
.vac { align-items: center; }
ol.persian li { list-style: persian; }
.articles-page.view-article .article-body h2 { font-size: 23px; font-weight: 500; }
.articles-page.view-article .article-body h3 { font-size: 22px; font-weight: 400; }
.articles-page.view-article .article-body h4 { font-size: 21px; font-weight: 400; }

/* New Style 1 - End */


/* Slide Show Counter - Start */

.expocounter .expocounterpart span 
{
	background-color: rgba(0,0,0,0.3);
	display: block;
	padding: 30px 0;
	border-radius: 15px;
	font-size: 30px;
}

/* Slide Show Counter - End */


/* Blog Style 1 - Start */

.com-content-category-blog__items.blog-items 
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.blog-style-1 .blog-items .items-row 
{
	width: calc(calc(100% + 30px) / 3);
}

@media only screen and (max-width: 767px)
{
	.blog-style-1 .blog-items .items-row 
	{
		width: calc(100% + 30px);
	}
}

.blog-style-1 .blog-items .items-row .col .item 
{
	display: flex;
	flex-direction: column;
}

.blog-style-1 .blog-items .items-row .col .item div.page-header 
{
	order: 2;
}

.blog-style-1 .blog-items .items-row .col .item figure 
{
	order: 1;
	width: 100%;
	margin-left: 0;
}

.blog-style-1 .blog-items .items-row .col .item p 
{
	display: none;
}

.blog-style-1 .blog-items .items-row .col .item .page-header h2, 
.blog-style-1 .blog-items .items-row .col .item .categories-list h2 
{
	font-size: 1.4rem;
	line-height: 1.8;
}

/* Blog Style 1 - End */












.buttons1 
{
	background-color: #35aa53;
	padding: 10px 25px;
	border-radius: 100px 0 100px 100px;
	text-decoration: none;
	font-size: 1.1rem;
	color: #ffffff;
	font-weight: 200;
	margin-top: 15px;
	display: inline-block;
}

.footer-social-icons i 
{
	font-weight: 100;
	font-size: 1.5rem;
}

a.link-icon-social, 
a.link-icon-social:hover 
{
	transition: color;
	transition-duration: 0.3s;
}

a.link-icon-linkedin:hover { color: #007BB6; }
a.link-icon-instagram:hover { color: #EA1D5D; }
a.link-icon-telegram:hover { color: #007BB6; }
a.link-icon-twitter:hover { color: #55ACEE; }
a.link-icon-aparat:hover { color: #EA1D5D; }
a.link-icon-facebook:hover { color: #3B5998; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before 
{
	font-family: 'FontAwesome';
}

.c-offcanvas--overlay 
{
	z-index: 20000;
}

.slideblock 
{
	display: block;
	width: 100%;
	height: 100%;
}

.slideblock.slide-desktop, 
.slideblock.slide-mobile 
{
	background-size: cover;
}

.share-icon i 
{
	font-size: 1.5rem;
	vertical-align: sub;
}

.share-icon span 
{
	font-size: 1.1rem;
	margin: 0 0.6rem;
	font-weight: 500;
}

a.share-icon + a.share-icon 
{
	margin-right: 2rem;
}

.article-index {
	border: 1px solid #AAAAAA;
}

.article-index ul,
.article-index ol {
	padding: 0 1rem;
	list-style: persian;
	margin: 0 1rem 0;
}

.article-index ul a,
.article-index ol a {
	color: #19656c !important;
	font-size: 0.9rem;
}

.article-index ul a:hover,
.article-index ol a:hover {
	color: #FF4400 !important;
}

@media (min-width: 992px) 
{
	.video-post 
	{
		width: 50%;
		margin: 0 auto;
	}

	.slideblock.slide-desktop 
	{
		display: block;
	}

	.slideblock.slide-mobile 
	{
		display: none;
	}
	.homepage-slideshow .carousel-item 
	{
		height: 55vw !important;
	}
}

@media (max-width: 991px) 
{
	.page_item.solutions-submenu ul 
	{
		padding: 0 !important;
	}

	.page_item .page_item_li .municipalities-solution 
	{
		padding: 5px !important;
	}

	h3.module-title.lightStyle span::before, 
	h3.module-title.lightStyle span::after 
	{
		width: 30px;
	}

	.slideblock.slide-desktop 
	{
		display: none;
	}

	.slideblock.slide-mobile 
	{
		display: block;
	}

	.share-icon span 
	{
		display: none;
	}
}








.blog-module-style-2 .category-module li a:before { display: none; }
.blog-module-style-2 .category-module li a { padding: 0; }
.blog-module-style-2 ul li 
{
	display: flex;
	align-items: center;
	line-height: 1.5;
	padding: 1rem 0;
}
.blog-module-style-2 ul li > *:nth-child(1) { width: 30%; }
.blog-module-style-2 .module-title span 
{
	height: auto;
	padding-bottom: 1rem;
	font-size: 1.5rem;
}
.blog-module-style-2 ul li + li { border-top: 1px solid #EEEEEE; }








.item-page.articles-page { font-size: 17px; }
.item-page.articles-page p { margin-bottom: 2rem; }
.item-page.articles-page a { color: #FF0000; }
.item-page.articles-page a:hover { color: #00ADFF; }
.item-page.articles-page .share-icons a { color: #000000 !important; }
.blog.articles-page .items-row + .items-row 
{
	border-top: 1px solid #EEEEEE;
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.blog.articles-page .items-row .page-header { margin-bottom: 1rem; }
.news-page .page-header { margin-bottom: 1rem; }
.news-page .items-row { margin-bottom: 2rem; }


.wd300px .dropdown-menu.level1 { width:300px; }

.carousel-control-prev-icon, 
.carousel-control-next-icon 
{
	position: relative;
	opacity: 1;
}

.carousel-control-prev-icon:before, 
.carousel-control-next-icon:before 
{
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.2);
	top: -20px;
	left: -20px;
	border-radius: 100px;
}










.brands-container 
{
	position: relative;
}

.brands-slider 
{
	content: "";
	position: absolute;
	left: 13.5%;
	right: 13%;
	top: 5.5%;
	bottom: 27%;
	overflow: hidden;
	background-image: url(../../../../images/template/assets/brandcustomers6.jpg);
	background-size: cover;
	background-position: 1000%;
	animation: brandcustomers-animate 550s linear infinite;
}


@keyframes brandcustomers-animate {
	from {
		background-position: 1000%;
	}
	to {
		background-position: -1000%;
	}
}







.moving-logos-1 
{
	height: 200px;
	overflow: hidden;
	background-image: url(../../../../images/template/assets/brands-logos-municipalities.jpg);
	background-size: cover;
	background-position: 1000%;
	animation: moving-logos-1-animate 550s linear infinite;
}


@keyframes moving-logos-1-animate {
	from {
		background-position: 1000%;
	}
	to {
		background-position: -1000%;
	}
}

.moving-logos-banks 
{
	height: 200px;
	overflow: hidden;
	background-image: url(../../../../images/template/assets/brands-logos-banks-2.jpg);
	background-size: cover;
	background-position: 1000%;
	animation: moving-logos-banks-animate 550s linear infinite;
}


@keyframes moving-logos-banks-animate {
	from {
		background-position: 1000%;
	}
	to {
		background-position: -1000%;
	}
}

.moving-logos-universities 
{
	height: 200px;
	overflow: hidden;
	background-image: url(../../../../images/template/assets/brands-logos-universities.jpg);
	background-size: cover;
	background-position: 1000%;
	animation: moving-logos-universities-animate 550s linear infinite;
}


@keyframes moving-logos-universities-animate {
	from {
		background-position: 1000%;
	}
	to {
		background-position: -1000%;
	}
}

.moving-logos-government 
{
	height: 200px;
	overflow: hidden;
	background-image: url(../../../../images/template/assets/brands-logos-government.jpg);
	background-size: cover;
	background-position: 1000%;
	animation: moving-logos-government-animate 550s linear infinite;
}


@keyframes moving-logos-government-animate {
	from {
		background-position: 1000%;
	}
	to {
		background-position: -1000%;
	}
}






.form-style-1 
{
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1) !important;
	padding: 2rem;
	color: #000000;
	font-size: 1.1rem;
}

.form-style-1 select 
{
	background-color: #f6f6f6;
}

.form-style-1 input[type="text"], 
.form-style-1 textarea,
.form-style-1 input[type="button"], 
.form-style-1 input[type="submit"], 
.form-style-1 select, 
.form-style-1 input[type="reset"]
{
	padding: 10px 20px;
	margin: 5px;
	width: 85%;
	font-size: inherit;
	outline: none;
}

@media (max-width: 991px) 
{
	.form-style-1 input[type="text"], 
	.form-style-1 textarea,
	.form-style-1 input[type="button"], 
	.form-style-1 input[type="submit"], 
	.form-style-1 select, 
	.form-style-1 input[type="reset"]
	{
		width: 100%;
	}
}

.form-style-1 input[type="button"], 
.form-style-1 input[type="submit"], 
.form-style-1 select 
{
	padding: 12px 20px;
}

.form-style-1 input[type="text"]:focus, 
.form-style-1 textarea:focus,
.form-style-1 input[type="text"]:focus-visible, 
.form-style-1 textarea:focus-visible 
{
	outline: none;
	background-color: #FFFFFF;
	border: none;
	border-bottom: 2px solid #5fbae9;
}

.form-style-1 .reportfield, 
.form-style-1 span.field-stat 
{
	font-size: 90%;
	color: #FF6666;
}

div.card-1 > div, 
div.card-2 > div 
{
	background-color: #FFFFFF;
	box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 15px 30px;
	border-top: 10px solid #b10a32;
}

div.card-1 > div 
{
	height: 100%;
}



.t4-palette-dark2 .t4-megamenu .navbar-nav .dropdown-menu-inner li a:hover, 
.t4-palette-dark2 .t4-megamenu .navbar-nav .dropdown-menu-inner li a:focus 
{
	color: #B10A32;
}