/* my rules - start */

:root
{
	--brand-col-1: #2C83B0;
	--brand-col-2: #FF2200;
	--brand-col-3: #00baba;
	--brand-col-4: #285096;
}

.bct1 { color: var(--brand-col-1); }
.bct2 { color: var(--brand-col-2); }
.bct3 { color: var(--brand-col-3); }
.bct4 { color: var(--brand-col-4); }
.bcb1 { background-color: var(--brand-col-1); }
.bcb2 { background-color: var(--brand-col-2); }
.bcb3 { background-color: var(--brand-col-3); }
.bcb4 { background-color: var(--brand-col-4); }

.tar { text-align:  right !important; }
.tac { text-align:  center !important; }
.tal { text-align:  left !important; }
.taj { text-align:  justify !important; }
.rac { align-items: center !important; }
.aic { align-items: center !important; }
.vam { vertical-align: middle; }

.mb0  { margin-bottom: 0    !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; }

.mt0  { margin-top: 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; }

.pb-5r { padding-bottom: 0.5rem !important; }
.pb0   { padding-bottom: 0    !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: 9rem !important; }
.pb11r { padding-bottom: 9rem !important; }
.pb12r { padding-bottom: 9rem !important; }

.pb-5r { padding-top: 0.5rem !important; }
.pt0   { padding-top: 0    !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: 9rem !important; }
.pt11r { padding-top: 9rem !important; }
.pt12r { padding-top: 9rem !important; }

.pl1r { padding-left:  1rem !important; }
.pl2r { padding-left:  2rem !important; }
.pl3r { padding-left:  3rem !important; }
.pr1r { padding-right: 1rem !important; }
.pr2r { padding-right: 2rem !important; }
.pr3r { padding-right: 3rem !important; }

.ml1r { margin-left: 1rem !important; }
.ml2r { margin-left: 2rem !important; }
.ml3r { margin-left: 3rem !important; }

.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

.fs-1r  { font-size: 0.1rem !important; }
.fs-2r  { font-size: 0.2rem !important; }
.fs-3r  { font-size: 0.3rem !important; }
.fs-4r  { font-size: 0.4rem !important; }
.fs-5r  { font-size: 0.5rem !important; }
.fs-6r  { font-size: 0.6rem !important; }
.fs-7r  { font-size: 0.7rem !important; }
.fs-8r  { font-size: 0.8rem !important; }
.fs-9r  { font-size: 0.9rem !important; }
.fs1r   { font-size: 1rem !important;   }
.fs1-1r { font-size: 1.1rem !important; }
.fs1-2r { font-size: 1.2rem !important; }
.fs1-3r { font-size: 1.3rem !important; }
.fs1-4r { font-size: 1.4rem !important; }
.fs1-5r { font-size: 1.5rem !important; }
.fs1-6r { font-size: 1.6rem !important; }
.fs1-7r { font-size: 1.7rem !important; }
.fs1-8r { font-size: 1.8rem !important; }
.fs1-9r { font-size: 1.9rem !important; }
.fs2r   { font-size: 2rem !important;   }
.fs2-1r { font-size: 2.1rem !important; }
.fs2-2r { font-size: 2.2rem !important; }
.fs2-3r { font-size: 2.3rem !important; }
.fs2-4r { font-size: 2.4rem !important; }
.fs2-5r { font-size: 2.5rem !important; }
.fs2-6r { font-size: 2.6rem !important; }
.fs2-7r { font-size: 2.7rem !important; }
.fs2-8r { font-size: 2.8rem !important; }
.fs2-9r { font-size: 2.9rem !important; }
.fs3r   { font-size: 3rem !important;   }
.fs3-1r { font-size: 3.1rem !important; }
.fs3-2r { font-size: 3.2rem !important; }
.fs3-3r { font-size: 3.3rem !important; }
.fs3-4r { font-size: 3.4rem !important; }
.fs3-5r { font-size: 3.5rem !important; }
.fs3-6r { font-size: 3.6rem !important; }
.fs3-7r { font-size: 3.7rem !important; }
.fs3-8r { font-size: 3.8rem !important; }
.fs3-9r { font-size: 3.9rem !important; }
.fs4r   { font-size: 4rem !important; }
.fs5r   { font-size: 5rem !important; }
.fs6r   { font-size: 6rem !important; }
.fs7r   { font-size: 7rem !important; }
.fs8r   { font-size: 8rem !important; }
.fs9r   { font-size: 9rem !important; }
.fs10r  { font-size: 10rem !important; }

.lh1 	{ line-height: 1 !important; }
.lh1-5 	{ line-height: 1.5 !important; }
.lh1-9 	{ line-height: 1.9 !important; }
.lh2 	{ line-height: 2 !important; }

.bcff { background-color: #FFFFFF; }
.bcfe { background-color: #FEFEFE; }
.bcfd { background-color: #FDFDFD; }
.bcfc { background-color: #FCFCFC; }
.bcfb { background-color: #FBFBFB; }
.bcfa { background-color: #FAFAFA; }
.bcf9 { background-color: #F9F9F9; }
.bcf8 { background-color: #F8F8F8; }
.bcf7 { background-color: #F7F7F7; }
.bcf6 { background-color: #F6F6F6; }
.bcf5 { background-color: #F5F5F5; }
.bcf4 { background-color: #F4F4F4; }
.bcf3 { background-color: #F3F3F3; }
.bcf2 { background-color: #F2F2F2; }
.bcf1 { background-color: #F1F1F1; }
.bcef { background-color: #EFEFEF; }
.bcee { background-color: #EEEEEE; }
.bced { background-color: #EDEDED; }
.bc00 { background-color: #000000; }

.tcf00 { color: #FF0000; }
.tc00  { color: #000000; }
.tcff  { color: #FFFFFF; }
.tcf0  { color: #FFFF00; }
.bc1   { color: #024a63; }
.bc2   { color: #3d9cc2; }
.bc3   { color: #00baba; }
.bc4   { color: #ff4200; }

.br5px  { border-radius:  5px; }
.br10px { border-radius: 10px; }
.br15px { border-radius: 15px; }
.br20px { border-radius: 20px; }
.br25px { border-radius: 25px; }
.br30px { border-radius: 30px; }
.br35px { border-radius: 35px; }
.br40px { border-radius: 40px; }

.wd100 { width: 100%; }
.wd90  { width: 90%; }
.wd80  { width: 80%; }
.wd70  { width: 70%; }
.wd60  { width: 60%; }
.wd50  { width: 50%; }
.wd40  { width: 40%; }
.wd30  { width: 30%; }
.wd20  { width: 20%; }
.wd10  { width: 10%; }

.ofh 		{ overflow: hidden; }
.dh160px 	{ height: 160px !important; }
.br1px0 	{ border: 1px solid #000000; }

@media (max-width: 991px) 
{
	.mmb0  { margin-bottom: 0 !important; }
	.mmb1r { margin-bottom: 1rem !important; }
	.mmb2r { margin-bottom: 2rem !important; }
	.mmb3r { margin-bottom: 3rem !important; }
	.mmb4r { margin-bottom: 4rem !important; }
	.mmb5r { margin-bottom: 5rem !important; }
	.mmb6r { margin-bottom: 6rem !important; }
	.mmb7r { margin-bottom: 7rem !important; }
	.mmb8r { margin-bottom: 8rem !important; }
	.mmb9r { margin-bottom: 9rem !important; }

	.mmt0  { margin-top: 0 !important; }
	.mmt1r { margin-top: 1rem !important; }
	.mmt2r { margin-top: 2rem !important; }
	.mmt3r { margin-top: 3rem !important; }
	.mmt4r { margin-top: 4rem !important; }
	.mmt5r { margin-top: 5rem !important; }
	.mmt6r { margin-top: 6rem !important; }
	.mmt7r { margin-top: 7rem !important; }
	.mmt8r { margin-top: 8rem !important; }
	.mmt9r { margin-top: 9rem !important; }

	.mpb0  { padding-bottom: 0 !important; }
	.mpb1r { padding-bottom: 1rem !important; }
	.mpb2r { padding-bottom: 2rem !important; }
	.mpb3r { padding-bottom: 3rem !important; }
	.mpb4r { padding-bottom: 4rem !important; }
	.mpb5r { padding-bottom: 5rem !important; }
	.mpb6r { padding-bottom: 6rem !important; }
	.mpb7r { padding-bottom: 7rem !important; }
	.mpb8r { padding-bottom: 8rem !important; }
	.mpb9r { padding-bottom: 9rem !important; }

	.mpt0  { padding-top: 0 !important; }
	.mpt1r { padding-top: 1rem !important; }
	.mpt2r { padding-top: 2rem !important; }
	.mpt3r { padding-top: 3rem !important; }
	.mpt4r { padding-top: 4rem !important; }
	.mpt5r { padding-top: 5rem !important; }
	.mpt6r { padding-top: 6rem !important; }
	.mpt7r { padding-top: 7rem !important; }
	.mpt8r { padding-top: 8rem !important; }
	.mpt9r { padding-top: 9rem !important; }

	.mpl0  { padding-left: 0 !important; }
	.mpl3r { padding-left: 3rem !important; }
	.mpr0  { padding-right: 0 !important; }
	.mpr3r { padding-right: 3rem !important; }

	.mfw100 { font-weight: 100 !important; }
	.mfw200 { font-weight: 200 !important; }
	.mfw300 { font-weight: 300 !important; }
	.mfw400 { font-weight: 400 !important; }
	.mfw500 { font-weight: 500 !important; }
	.mfw600 { font-weight: 600 !important; }
	.mfw700 { font-weight: 700 !important; }
	.mfw800 { font-weight: 800 !important; }
	.mfw900 { font-weight: 900 !important; }

	.mfs-1r  { font-size: 0.1rem !important; }
	.mfs-2r  { font-size: 0.2rem !important; }
	.mfs-3r  { font-size: 0.3rem !important; }
	.mfs-4r  { font-size: 0.4rem !important; }
	.mfs-5r  { font-size: 0.5rem !important; }
	.mfs-6r  { font-size: 0.6rem !important; }
	.mfs-7r  { font-size: 0.7rem !important; }
	.mfs-8r  { font-size: 0.8rem !important; }
	.mfs-9r  { font-size: 0.9rem !important; }
	.mfs1r   { font-size: 1rem !important; }
	.mfs1-1r { font-size: 1.1rem !important; }
	.mfs1-2r { font-size: 1.2rem !important; }
	.mfs1-3r { font-size: 1.3rem !important; }
	.mfs1-4r { font-size: 1.4rem !important; }
	.mfs1-5r { font-size: 1.5rem !important; }
	.mfs1-6r { font-size: 1.6rem !important; }
	.mfs1-7r { font-size: 1.7rem !important; }
	.mfs1-8r { font-size: 1.8rem !important; }
	.mfs1-9r { font-size: 1.9rem !important; }
	.mfs2r   { font-size: 2rem !important; }
	.mfs2-1r { font-size: 2.1rem !important; }
	.mfs2-2r { font-size: 2.2rem !important; }
	.mfs2-3r { font-size: 2.3rem !important; }
	.mfs2-4r { font-size: 2.4rem !important; }
	.mfs2-5r { font-size: 2.5rem !important; }
	.mfs2-6r { font-size: 2.6rem !important; }
	.mfs2-7r { font-size: 2.7rem !important; }
	.mfs2-8r { font-size: 2.8rem !important; }
	.mfs2-9r { font-size: 2.9rem !important; }
	.mfs3r   { font-size: 3rem !important; }
	.mfs4r   { font-size: 4rem !important; }
	.mfs5r   { font-size: 5rem !important; }
	.mfs6r   { font-size: 6rem !important; }
	.mfs7r   { font-size: 7rem !important; }
	.mfs8r   { font-size: 8rem !important; }

	.mtac   { text-align: center !important; }
	.mtal   { text-align: left !important; }
	.mtar   { text-align: right !important; }
	.mtaj   { text-align: justify !important; }

	.mlh1 	{ line-height: 1 !important; }
	.mlh1-9 { line-height: 1.9 !important; }
	.mlh2 	{ line-height: 2 !important; }

	.mh0px 	{ height: 0px !important; }
}

.mn-rounded { border-radius: 100%; }

/* my rules - end */



/* corrections - start */

.float-right { float: right !important; }
.float-left  { float: left !important; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5 !important; }
.blog-list .item-image img { border-radius: 0 !important; }
.module-title 
{
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0 0 2rem 0;
	text-transform: inherit;
	color: #222255;
}

.fa, .fab, .fal, .far, .fas 
{
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
}

.breadcrumb-container 
{
	background-color: #FAFAFA;
	padding: 0.8rem 0;
	border-top: 1px solid #DDDDDD;
}

.breadcrumb-container .breadcrumb .divider:before 
{
	color: #BBBBBB;
	content: ">";
}

.breadcrumb-container .breadcrumb .divider 
{
	padding: 0 0.4rem 0 0.5rem;
}

ol 
{
	list-style: persian;
}

p 
{
	text-align: justify;
}

input, 
textarea 
{
	border: solid;
	border: 1px solid #BBBBBB;
	border-radius: 5px;
}

input::placeholder, 
textarea::placeholder 
{
	color: #CCCCCC;
}

.t4-offcanvas-toggle 
{
	padding: 1rem;
}

.btn, 
.blog-list .item-readmore a 
{
	border-radius: 0.5rem;
}

/* corrections - end */




body, 
.t4-content 
{
	background-color: #F4F8F7 !important;
}

.btn.btn-green 
{
	background-color: #11A549;
    border-color: #11A549;
	box-shadow: 8px 8px 30px -10px #11A549;
	padding-left: 1rem;
	padding-right: 1rem;
}

.topmenubar 
{
	height: 90px;
	align-content: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	top: 0;
	z-index: 10000;
	background-color: #FFFFFF;
	position: sticky;
}

.topbar 
{
	height: 50px;
	background-color: #223540;
	align-content: center;
	color: #FFFFFF;
	font-weight: 200;
	font-size: 0.9em;
}

.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link 
{
	font-size: 1.1rem;
	font-weight: 400;
	color: #111111;
}

.t4-megamenu .dropdown-menu 
{
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}

.mainnav .t4-navbar > .navbar 
{
	float: left;
}

.dropdown-menu.mega-dropdown-menu.show 
{
	position: absolute;
	right: 0 !important;
	padding: 0;
}

@media (min-width: 1200px) 
{
	.dropdown-menu.mega-dropdown-menu.show 
	{
		width: 1140px !important;
		margin-right: calc(calc(100% - 1140px)/2 - 50px) !important;
	}
}

@media (min-width: 1400px) 
{
	.dropdown-menu.mega-dropdown-menu.show 
	{
		width: 1320px !important;
		margin-right: calc(calc(100% - 1320px)/2 - 100px) !important;
	}
	
	.dropdown-menu.mega-dropdown-menu.solutions-megamenu.show 
	{
		margin-right: calc(calc(100% - 1320px)/2 - 235px) !important;
	}
}

.t4-megamenu.animate .dropdown .dropdown-menu > div 
{
	margin-right: 0 !important;
}

.t4-megamenu.animate .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-1 
{
	flex: none !important;
	width: 400px !important;
}

.t4-megamenu.animate .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-1 .mega-col-module 
{
	padding: 0 2rem;
	background-color: #EFFFFA;
	height: 100%;
}

.t4-megamenu.animate .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-2 .mega-inner 
{
	display: flex !important;
	flex-wrap: wrap;
}

.t4-megamenu.animate .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-2 .mega-inner .t4-module.module li.nav-item a 
{
	font-size: 0.9rem !important;
	font-weight: 300 !important;
}

.t4-megamenu.animate .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-2 .mega-inner .t4-module.module 
{
	width: 50% !important;
	margin-top: 0 !important;
	margin-bottom: 2rem !important;
	padding-left: 2rem;
}


.image-style-1 
{
	position: relative;
	padding-bottom: 40px;
	aspect-ratio: 3 / 2;
}

.image-style-1 img 
{
	border-radius: 30px;
	width: calc(100% - 40px);
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}

.image-style-1 .frame  
{
	position: absolute;
	border-radius: 30px;
	aspect-ratio: 3/2;
	border: 3px solid rgba(34, 53, 64, 0.1); 
	width: calc(100% - 40px);
	left: 40px;
	top: 40px;
}

.image-style-2 
{
	position: relative;
	padding-bottom: 40px;
	aspect-ratio: 1 / 1;
}

.image-style-2 img 
{
	border-radius: 20px;
	width: calc(100% - 20px);
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}

.image-style-2 .frame  
{
	position: absolute;
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	border: 3px solid rgba(34, 53, 64, 0.1); 
	width: calc(100% - 20px);
	left: 20px;
	top: 20px;
}

.scrolling-logos-1 
{
	width: 100%;
    height: 140px;
	border-radius: 30px;
	box-shadow: 0 0 20px rgba(34, 53, 64, 0.05);
    background-color: #FFFFFF;
    background-image: url(../../../images/content/pages/home/customers-logo-1.jpg);
    background-repeat: repeat-x;
    background-position-y: center;
	animation: scrolling-logos-1-animation 20s infinite;
	animation-timing-function: linear;
}

@keyframes scrolling-logos-1-animation 
{
	0% 		{background-position-x : 0px;}
	100% 	{background-position-x : 1260px;}
}










.homepage-solutions 
{
	background-color: #e3e9e9;
	background-image: url(../../../images/template/backgrounds/background-03.jpg);
	background-size: cover;
	background-attachment: fixed;
}

.homepage-solution a 
{
	color: #223540;
}

.homepage-solution a:hover 
{
	color: #0055AA;
}


.rs-slider-frame 
{
	display: inline-block;
	height: 80px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

ul.rs-slides 
{
	list-style-type: none;
	transform: translateY(80px);
	padding:0;
}

.rs-slide 
{
	line-height: 80px;
	color: #FF0000;
}




.homepage-info-box 
{
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	margin-bottom: 2rem;
	justify-content: center;
}

.homepage-info-box .hi-text 
{
	color: #227069;
	padding: 15px;
}

.homepage-info-box .hi-title 
{
	font-size: 3rem;
	font-weight: 900;
}

.homepage-info-box .hi-desc 
{
	font-size: 1.48rem;
}

.homepage-info-box .hi-grl 
{
	color: #22CC99;
}

.homepage-info-box .hi-icon 
{
	filter: saturate(0.2) brightness(1.2);
	padding: 25px 0px;
}

.homepage-info-box .hi-icon img
{
	width: 100px;
	height: 100px;
}







/* Products - Start */

.product.core-management-system .article-aside 
{
	margin-bottom: 0;
}

.product.core-management-system .item-page [itemprop=articleBody] 
{
	margin-top: 0;
	margin-bottom: 0;
}

.product.core-management-system .product-intro 
{
	background-image: url(../../../images/content/pages/products/core-management-system/people-dashboard-2.jpg);
	background-size: cover;
	background-position: center;
	color: #FFFFFF;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.product.core-management-system .moduletable 
{
	border: none;
	padding: 0;
}

.product-navigation ul 
{
	list-style: none;
	padding: 0;
	display: flex;
	background-color: #1c4f7e;
	padding: 1rem 0;
	border-radius: 10px;
}

.product-navigation ul li 
{
	flex: 1;
	text-align: center;
}


.product-navigation ul li a 
{
	color: #FFFFFF;
}

.product-navigation ul li a:hover 
{
	color: #AAFFAA;
}

/* Products - End */