/* my rules - start */

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

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

.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; }

.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; }

.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; }

.pl3r { padding-left: 3rem !important; }
.pr3r { padding-right: 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; }
.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; }
.br1000 { border-radius: 1000px; }

.ofh { overflow: hidden; }
.dh160px { height: 160px !important; }
	
@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; }

	.mpl3r { padding-left: 3rem !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; }
.blog-list .item-image img { border-radius: 0 !important; }
.module-title 
{
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0 0 2rem 0;
	text-transform: inherit;
	color: #666666;
}

.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;
}

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

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

.t4-offcanvas-toggle 
{
	color: #FFFFFF;
}

.t4-offcanvas-toggle:hover
{
	color: #AAEEFF;
}

/* corrections - end */



.bs5520 { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }


.my-header-logo 
{
	width: 125px;
}

.my-header-logo img
{
	filter: brightness(20);
}

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



li.blog-mehdy1-content-container 
{
	display: block;
	position: relative;
	overflow: hidden;
}

.blog-mehdy1-content-container a.item-image 
{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	transition: all 0.5s;
}

.blog-mehdy1-content-container:hover a.item-image 
{
	width: 110%;
	transition: all 0.5s;
}

.blog-mehdy1-content-container h3.item-title 
{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	font-weight: 600;
	background-color: rgba(0, 40, 100, 0);
	transition: all 0.5s;
}

.blog-mehdy1-content-container h3.item-title:hover 
{
	background-color: rgba(0, 40, 100, 0.55);
	transition: all 0.5s;
}

.blog-mehdy1-content-container h3.item-title a
{
	color: #FFFFFF;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: end;
	padding: 30px 40px;
	transition: all 0.3s;
}

.blog-mehdy1-content-container h3.item-title a:hover
{
	color: #AAFFFA;
	padding-bottom: 50px;
	transition: all 0.3s;
}

.blog-mehdy1-content-container h3.item-title a:focus
{
	color: #AAFFFA;
}

.special-content-1 li.blog-mehdy1-content-container 
{
	height: 240px;
	margin-bottom: 15px;
	border-radius: 10px;
}

.special-content-2 li.blog-mehdy1-content-container 
{
	height: 240px;
	margin-bottom: 15px;
	border-radius: 10px;
}

.special-content-1 li.blog-mehdy1-content-container::before, 
.special-content-2 li.blog-mehdy1-content-container::before 
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0,25,35,0.9), transparent 85%);
	top: 0;
	z-index: 1;
}

@media (min-width: 576px) 
{
}

@media (min-width: 768px) 
{
}

@media (min-width: 992px) 
{
	.special-content-1 li.blog-mehdy1-content-container { height: 450px; }
	.special-content-2 li.blog-mehdy1-content-container { height: 210px; }
	.special-content-1 li.blog-mehdy1-content-container, 
	.special-content-2 li.blog-mehdy1-content-container { margin-bottom: 30px; }

}

@media (min-width: 1200px) 
{
	.special-content-1 li.blog-mehdy1-content-container { height: 500px; }
	.special-content-2 li.blog-mehdy1-content-container { height: 235px; } 
}

@media (min-width: 1400px) 
{
	.special-content-1 li.blog-mehdy1-content-container { height: 550px; }
	.special-content-2 li.blog-mehdy1-content-container { height: 260px; } 
}













.blog-mehdy2-content-container a.item-image 
{
	display: block;
	position: relative;
	margin-bottom: 0;
}

.blog-mehdy2-content-container a.item-image::before 
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 50, 100, 0);
	border-radius: 10px;
	transition: all 0.3s
}

.blog-mehdy2-content-container a.item-image:hover::before 
{
	background-color: rgba(0, 50, 100, 0.5);
	transition: all 0.3s
}

div.blog-mehdy2-content-container 
{
	margin-bottom: 2rem;
}

.blog-mehdy2-content-container h3 
{
	font-size: 1rem;
}

.blog-mehdy2-content-container h3 a 
{
	color: #000000;
	transition: all 0.5s;
	font-weight: 600;
}

.blog-mehdy2-content-container h3 a:hover 
{
	color: #0077AA;
	transition: all 0.5s
}
















.section-dark-style-1 
{
	background-color: #005674;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.section-dark-style-1::before 
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../../../images/template/backgrounds/background-2.jpg);
	background-size: cover;
	background-attachment: fixed;
	top: 0;
	opacity: 0.6;
}
















.footer-container 
{
	background-image: url(../../../images/template/backgrounds/background-5.jpg);
	background-size: cover;
	background-attachment: fixed;
}

.footer-container nav.navbar, 
.footer-container nav.navbar a 
{
	padding: 0;
	line-height: 2;
}

.footer-container nav.navbar li 
{
	margin-bottom: 0.75rem;
}

.footer-container .nav > li:before 
{
	display: none;
}

.footer-container .nav > li > a:hover, 
.footer-container .nav > li > a:active, 
.footer-container .nav > li > a:focus
{
	border: none;
	color: #CCFF88 !important;
}









.layout-mehdy-layout-blog .blog .blog-items figure.item-image  
{
	width: 250px;
	border-radius: 10px;
}

.layout-mehdy-layout-blog-post .t4-content .page-header, 
.layout-mehdy-layout-page .t4-content .page-header, 
.page-title-container 
{
	display: flex;
	height: 160px;
	align-items: center;
	margin-bottom: 2rem;
}

.layout-mehdy-layout-blog-post .t4-content 
{
	position: relative;
}

.layout-mehdy-layout-blog-post .t4-content::before, 
.layout-mehdy-layout-blog-free .t4-content::before, 
.layout-mehdy-layout-blog .t4-content::before, 
.layout-mehdy-layout-page .t4-content::before {
	content: "";
	background-color: #F5F5F5;
	width: 100%;
	height: 240px;
	position: absolute;
	top: 0;
	background-size: cover;
}

.layout-mehdy-layout-blog-post .t4-content::before {
	background-image: url(../../../images/template/backgrounds/background-7.jpg);
	background-position: 0 20%;
}

.layout-mehdy-layout-blog-free .t4-content::before {
	background-image: url(../../../images/template/backgrounds/background-12.jpg);
	background-position: 0 70%;
}

.layout-mehdy-layout-page .t4-content::before {
	background-image: url(../../../images/template/backgrounds/background-10.jpg);
	background-position: 0 40%;
}

.layout-mehdy-layout-blog .t4-content::before {
	background-image: url(../../../images/template/backgrounds/background-10.jpg);
	background-position: 0 40%;
}

.layout-mehdy-layout-blog-post .page-header h1, 
.layout-mehdy-layout-blog-post .page-header .h1, 
.layout-mehdy-layout-blog-post .categories-list h1, 
.layout-mehdy-layout-blog-post .categories-list .h1 
{
	font-size: 20px;
	line-height: 2;
}
.layout-mehdy-layout-page .page-header h1 
{
	font-size: 2rem;
	line-height: 2;
}

h1.my-page-title.page-title-name 
{
	line-height: 1;
	font-size: 2rem;
	font-weight: 600;
	padding-top: 1rem;
}

h2.my-page-title.page-title-description 
{
	line-height: 1;
	font-size: 1rem;
	font-weight: 300;
}









.module.module-style-1 
{
	background-color: #F5FBFF;
	padding: 1.5rem 2rem;
	border: 1px solid #E5EBFF;
	border-radius: 10px;
}

.module.module-style-1 a 
{
	color: #333333;
}

.module.module-style-1 .module-title 
{
	color: #000000;
}