@charset "UTF-8";



header{z-index:2;float:left;height:auto;width:100%;	box-shadow:0px 0px 5px 0px #888;	}
	.header-top{position:relative;float:left;height:auto;width:100%;		background-color:var(--primary);	}
		.header-spacer{position:absolute;width:70px;height:auto; top:0px;bottom:0px;left:0px;					}
			.header-spacer p{position:absolute;height:auto;width:55px; top:0px;bottom:0px;left:0px;	background-color:#fff;		}
			.header-spacer b{float:right;height:0px;width:0px;border-left:15px solid #fff; border-top:50px solid transparent;border-bottom:0px solid transparent;	}

		.header-top-body{float:right;height:auto;width:90%;margin:9px 0px;				}
			.header-top-l{float:left;height:auto;width:auto;margin-top:8px;	color:#fff;	}
			.header-top-r{float:right;height:auto;width:auto;		}
				.header-top-r a{float:left;height:28px;width:28px; font-size:16px; margin-left:15px;	border:2px solid #fff; border-radius:25px;	color:#fff;		}
					.header-top-r a:hover{border-color:var(--secondary-darker); 	color:var(--secondary-darker);		}
					.header-top-r a i{float:left;height:100%;width:100%;line-height:28px; text-align:center;	}

	.header-body{float:left;height:auto;width:100%;padding:10px 0px;	background-color:#FFF;}
		.header-logo{float:left;height:auto;width:200px;							}
			.header-logo img{float:left;height:50px;width:50px;	margin-right:10px;	}
			.header-logo span{float:left;height:auto;width:auto;		}
				.header-logo span b, .header-logo span p{float:left;height:auto;width:auto;	text-transform:uppercase; clear:both;	}
				.header-logo span b{font-size:19px;margin-top:7px;			}
				.header-logo span p{font-size:15px; letter-spacing:2.8px;	}
		
		.signup-wrap{float:right;width:auto;height:auto;		}

		.navbar-wrap{float:left;height:auto;width:65%; width:calc(100% - 375px);margin:10px; text-align:center;		}
			.navbar-wrap a{display:inline-block;	height:auto;width:auto;margin:6px 12px; font-size:15px;		text-transform:uppercase; font-weight:bold; cursor:pointer;	 color:#555;	}
				.navbar-wrap .actNavbar, .navbar-wrap a:hover{color:var(--secondary);	}

.header-top-r a, .navbar-wrap a{transition:.5s all;}

/*.slideshow{z-index:1;position:relative;float:left;height:650px;width:100%; overflow:hidden; background-color:#ccc;}*/

.Header_fixed{z-index:2;position:fixed;top:0px;		}
	.Header_fixed .header-top{display:none;	}
	.Header_fixed ~ .slideshow{margin-top:70px;	}


@media screen and (max-width:1200px)
{
	.navbar-wrap a{margin-left:4px;margin-right:4px; font-weight:normal;		}
}
@media screen and (max-width:1000px)
{
	.header-logo{width:60px;			}
		.header-logo span{display:none;	}

	.navbar-wrap{width:70%;width:calc(100% - 215px);margin-left:0px;margin-right:0px;	}
		.navbar-wrap a{margin-left:3px;margin-right:3px;								}
}
@media screen and (max-width:800px)
{ 
	header{z-index:2;position:fixed;top:0px;}

	.header-top, .navbar-wrap, .signup-wrap{display:none;	}
	.header-logo{width:auto;				}
		.header-logo span{display:block;	}

	.header-body{padding:5px 0px;		}

	.slideshow{margin-top:60px;			}

}


.footer{float:left;height:auto;width:100%;padding:50px 0px;	font-size:.95em;		color:#fff;	background-color:var(--ui-bg);	}
	
	.footer-dvr{display:none;float:left;height:1px;width:100%;	background-color:transparent;		}
	
	.footer-col-a, .footer-col-b, .footer-col-c, .footer-col-d{float:left;height:auto;width:auto;margin-bottom:50px; margin-right:4%;	} 
		.footer-col-a{width:23%; width:calc(44% - 230px);	}
		.footer-col-b{width:18%; width:calc(160px);			}
		.footer-col-c{width:23%; width:calc(44% - 230px);	}
		.footer-col-d{width:24%; width:calc(300px);	margin:0px;		}


		.footer-logo{float:left;height:auto;width:100%;				}
			.footer-logo img{float:left;height:50px;width:50px;margin-right:10px;	padding:3px; border-radius:100%;	background-color:#fff;			}
			.footer-logo span{float:left;height:auto;width:70%;width:calc(100% - 66px);									}
				.footer-logo span b, .footer-logo span u{float:left;height:auto;width:100%; text-transform:uppercase; text-decoration:none; color:#fff;	}
				.footer-logo span b{font-size:25px;	margin-top:5px;	}
				.footer-logo span u{font-size:16px;	margin-top:-3px; letter-spacing:6.5px;	}

		.footer-col-a p{float:left;height:auto;width:100%;margin:30px 0px;line-height:25px;	text-align: justify;	color:#fff;	}

		.footer-col-a form{position:relative;float:left;height:auto;width:100%;			}
			.footer-col-a form input{float:left;height:auto;width:100%;	margin:0px;padding:15px 50px 15px 15px; border-radius:5px;		}
			.footer-col-a form button{position:absolute;width:40px;height:40px;right:5px;top:5px;	border-radius:4px; border:0px;box-shadow:none;	color:#fff;background-color:var(--secondary);		}
				.footer-col-a form button:hover{background-color:var(--secondary-darker);	}

	.footer-col-hdr{float:left;height:auto;width:100%;margin-bottom:10px;	font-size:25px; 	color:#fff;			}
	.footer-col-body{float:left;height:auto;width:100%;	list-style: none;	}
		.footer-col-body li{float:left;height:auto;width:100%;margin-top:20px;	}
			.footer-col-b li a{float:left;height:auto;width:auto;	color:#fff;	}
			.footer-col-b .actFootbar a, .footer-col-b li a:hover{padding-left:10px; color:var(--secondary);	}
			
				.footer-col-b li a i{float:left;height:15px;width:13px;	}

		.footer-col-d li i{float:left;height:45px;width:45px;margin-right:10px; font-size:35px; line-height:50px; text-align:center; color:var(--secondary); 	}
		.footer-col-d li span{float:left;height:auto;width:65%; width:calc(100% - 55px);		}
			.footer-col-d li span b, .footer-col-d li span p, .footer-col-d li span a{float:left;height:auto;width:100%;word-break:break-all;		}
			.footer-col-d li span b{font-size:20px;		}
			.footer-col-d li span p, .footer-col-d li span a{margin-top:5px;width:auto; clear:both;	color:#fff;	}

				.footer-col-d li span a:hover{color:var(--secondary);	}

		.footer-e-date{float:left;height:auto;width:41px;padding:10px 2px;margin-right:10px; text-align:center; border-radius:5px;	background-color:var(--secondary);		}
			.footer-e-date b{float:left;height:auto;width:100%; font-size:23px;		}
			.footer-e-date p{float:left;height:auto;width:100%; margin-top:-3px;	}

		.footer-e-info{float:left;height:auto;width:70%; width:calc(100% - 55px);			}
			.footer-e-info p, .footer-e-info a{float:left;height:auto;width:100%;		}
				.footer-e-info p i{margin-right:10px;	}

				.footer-e-info a{font-size:18px;margin-top:5px; font-weight:normal;  color:#fff;	}
					.footer-e-info a:hover{color:var(--secondary);}


	.footer-bottom{float:left;height:auto;width:92%;padding:25px 4%; width:calc(100% - 50px);padding:25px calc(25px - 0px); border-radius:5px;		background-color:rgba(255,255,255,.03);			}
		.footer-bottom p{float:left;width:auto;height:auto; line-height:20px;			}

		.footer-social{float:right;width:auto;height:auto;			}
			.footer-social a{float:left;width:20px;height:20px;margin-left:20px; font-size:17px; line-height:20px; text-align:center;	color:#fff;	}
				.footer-social a:hover{color:var(--secondary);		}


.footer-col-a form button, .footer-col-b li a, .footer-col-d li span a, .footer-social a, .footer-e-info a{transition:all .5s;	}


@media screen and (max-width:1200px)
{ 
	.footer-dvr{display:block;	}

	.footer-col-a, .footer-col-b, .footer-col-c, .footer-col-d{width:46%;margin-left:0px;margin-right:0px;	}
	.footer-col-b, .footer-col-d{float:right;		}

}
@media screen and (max-width:800px)
{
	.footer-col-a, .footer-col-b, .footer-col-c, .footer-col-d{width:100%;margin-left:0px;margin-right:0px;	}

	.footer-bottom{margin-top:50px;		}

		.footer-bottom p, .footer-social{width:100%; text-align:center;			}
			.footer-bottom p{margin-bottom:20px;	}
			.footer-social a{float:none; display:inline-block;margin:0px 20px;	}

}



/* Gallery */

.slideshow{z-index:1;position:relative;float:left;height:650px;width:100%; overflow:hidden; background-color:#0d0d0d;  }		
	
	.slider-track{width:100%;height:auto; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);	}
		.slideshow .item{z-index:1;position:relative;		overflow:hidden;		}
			.slideshow .item img{z-index:0;width:100%;height:100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); }
			 	.slick-active img{ transform: scale(1); }

			.slideshow .item .img-in{position:absolute;height:100%;width:100%;	top:0px;left:0px; opacity:.4;	background-color:#0f0f3e;}

.slide-prev, .slide-next{z-index:2;position:absolute;width:40px !important;height:53px !important;top:300px; font-size:50px;padding:0px; text-align:center;	cursor:pointer;	border:0px; opacity:.5;border-radius:3px;	color:white;background-color:transparent;	}
.slide-prev, .slide-next{width:50px !important;height:50px !important; font-size:40px; border:3px solid #fff; border-radius:100%;	color:#fff; background-color:transparent;	}
	.slide-prev, .slide-next{transition:.5s all;	}
	.slide-prev i, .slide-next i{float:left;height:100%;width:100%;line-height:43px; text-align:center;	}
	.slideshow:hover .slide-prev, .slideshow:hover .slide-next{opacity:1;		}
	.slideshow:hover .slide-prev:hover, .slideshow:hover .slide-next:hover{border-color:var(--secondary); background-color:var(--secondary);		}


.slide-info{z-index:2;position:absolute;height:auto;width:500px;max-width:100%;top:100px; 					}
	.slide-info h1{float:left;height:auto;min-height:140px;	width:100%;font-size:60px;		}
		.slide-info h1 i{ color:var(--secondary);		}
	
	.slide-info h5{float:left;height:auto;min-height:60;width:100%;margin:25px 0px 35px 0px; font-size:1em;line-height:30px;	font-weight:normal;	}
	.slide-info span{float:left;height:auto;min-height:50px;width:auto;				}
		
		.slide-info p, .slide-info pre{color:#fff;	}
	
.ui-effects-explode{z-index:100;}

.slideshow .slick-dots{display:flex;justify-content:center;margin:0px; padding:16px 0; list-style-type:none; }
	.slideshow .slick-dots li{margin:0 0.25rem; }	
		.slideshow .slick-dots li button{display: block;width:16px;height:16px;padding: 0; border: none;text-indent: -9999px; border-radius: 100%; background-color:rgba(255,255,255,.5); }
			.slideshow .slick-dots li.slick-active button{ background-color:#000; background-color:var(--secondary); }

.slideshow, .slider, .item{width:100%;height:650px; }
	.slideshow .slick-dots{bottom:30px;}
	.slide-info{left:120px;	}
	.slideshow .slide-prev{left:50px;	}
	.slideshow .slide-next{right:50px;	}


@media screen and (max-width:1000px)
{
	.slide-info h1{min-height:100px;font-size:40px;	}
}
@media screen and (max-width:800px)
{
	.slideshow{margin-top:60px;	 }
		.slideshow, .slider, .item{height:450px; }

		.slide-info{width:94%;left:3%;right:3%;	top:100px; text-align:center; 			}
			.slide-info h1{min-height:70px;font-size:30px;  							}
			.slide-info h5{min-height:60;margin:25px 0px 35px 0px; line-height:30px; 	}
			.slide-info span{width:100%;text-align:center;								}
				.slide-info span a{display:inline-block;float:none;						}

		.slide-prev, .slide-next{top:200px; 	}
		.slideshow .slide-prev{left:3%;			}
		.slideshow .slide-next{right:3%;		}
		.slideshow .slick-dots{bottom:0px;		}
}
/*graduation-cap, sitemap, id-card-o */

/* Gallery end */


.banner-about{background-image:url('../images/files/background/about.jpg');	}


.charity-type{z-index:1;position:relative;float:left;height:auto;width:96%;padding:10px 2%; width:calc(100% - 30px);padding:calc(15px - 0px);		margin-top:-100px;	border-radius:13px;	background-color:#fff;	}
	.charity-item{position:relative;float:left;height:350px;width:96%;margin:10px 2%; width:calc(100% - 20px);margin:calc(10px - 0px); border-radius:10px;	background-color:#ccc;		}
		.charity-a{background-image:url('../images/files/charity/a.jpg');	background-size:cover; background-repeat:no-repeat;	}
		.charity-b{background-image:url('../images/files/charity/b.jpg');	background-size:cover; background-repeat:no-repeat;	}
		.charity-c{background-image:url('../images/files/charity/c.jpg');	background-size:cover; background-repeat:no-repeat;	}


		.charity-item a{position:absolute;height:auto; width:90%;bottom:10px;left:5%;right:5%; width:calc(100% - 20px); left:calc(10px - 0px);right:calc(10px - 0px); border-radius:7px; 	color:#fff;	background-color:var(--ui-bg);		}
			.charity-txt{position:relative;float:left;height:auto;width:75%;margin-right:-5%; width:calc(100% - 80px);margin-right:calc(-10px - 0px);			}
				.charity-txt span{float:left;height:auto;width:80%; margin:0px 7%; width:calc(100% - 30px);margin:10px calc(10px - 0px);	}
					.charity-txt b, .charity-txt p{float:right;height:auto;width:90%; width:calc(100% - 20px); 	}
					.charity-txt b{font-size:22px;margin-top:10px;	}				
				.charity-txt u{float:right;height:0px;width:0px; border-left:10px solid var(--ui-bg); border-bottom:85px solid transparent;	}
			
			.charity-ico{position:relative;float:right;height:90px; width:30%; width:calc(90px - 0px);	background-color:#fff; border-radius:7px;	}
				.charity-ico i{z-index:1;position:absolute;width:30px;height:20px; top:35px;right:30px; font-size:20px; text-align:center; color:var(--secondary); }


		.charity-hover{visibility:hidden;opacity:0;	position:absolute;width:90px;height:110px; right:0px;bottom:-20px;	background-color:transparent;		}
			.charity-hover u{float:left;height:0px;width:0px;	border-left:12px solid transparent;border-bottom:100px solid var(--secondary);	}
			.charity-hover p{float:left;height:100px;width:78px; border-radius:0px 8px 0px 0px;	background-color:var(--secondary);	}
			.charity-hover b{float:left;height:10px;width:100%; border-radius:0px 0px 6px 6px;	background-color:var(--secondary);	}

.charity-type a:hover .charity-txt b{color:var(--secondary);	}
.charity-type a:hover .charity-ico i{color:#fff;				}
.charity-type a:hover .charity-hover{visibility:visible; opacity:1;	bottom:0px;		}

.charity-txt b, .charity-ico i, .charity-hover{transition:all .5s;	}

@media screen and (max-width:900px){ }




.i-about-img{position:relative;		}
	.i-about-ico{position:absolute;float:right;height:auto;width:auto; right:80px;			}
		.i-about-ico span{float:right;height:auto;width:120px; border:15px solid var(--secondary); border-radius:10px;	background-color:var(--secondary);				}
			.i-about-ico span p{float:left;height:auto;width:160px;padding:30px 15px;		color:#fff; border-radius:8px;	background-color:var(--ui-bg);		}
				.i-about-ico span p b{float:left;height:auto;width:60px;line-height:45px; font-size:55px; font-weight:bold; text-align:center;			}
				.i-about-ico span p i{float:left;height:auto;width:90px; margin-left:10px; font-size: 18px; line-height:23px; 	}
			
	.i-about-img img{float:left;height:auto;width:90%;margin-top:50px; width:calc(100% - 50px); border-radius:20px;	}


.i-about-txt ul{float:left;height:auto;width:100%;margin-top:30px;margin-bottom:10px;	list-style:none;		}
	.i-about-txt ul li{float:left;height:auto;width:100%;margin-bottom:20px;		}
		.i-about-txt ul li i{float:left;height:auto;width:10%; width:calc(50px - 0px);			}
			.i-about-txt ul li i u{float:left;width:10px;height:10px;margin-top:8px; border:3px solid #fff; box-shadow:0px 0px 0px 2px var(--primary);	border-radius:100%;	background-color:var(--primary);	}
		
		.i-about-txt ul li p{float:right;height:auto;width:90%;	width:calc(100% - 50px);			}


.join-us{color:#fff;background-color:var(--ui-bg);	}
	.join-us h1{float:left;height:auto;width:70%; width:calc(100% - 220px);	font-size:50px;	}
		.join-us h1 i{font-weight:normal; color:var(--secondary);		}
	.join-us span{float:right;height:auto;width:auto;margin-top:5px; 	}


@media screen and (max-width:1000px)
{ 
	.join-us{ text-align:center;	}
		.join-us h1{width:100%;margin-bottom:30px;		}
		.join-us span{float:none;display:inline-block;	}
}
@media screen and (max-width:800px)
{
	.join-us h1{font-size:35px;	}
}


.i-case-wrap{text-align:center; 	}
	.i-case-title{display:inline-block;height:auto;width:690px;max-width:100%;		}
		.i-case-title .ui-title h5{font-size:1em;		}


	.i-case-body{float:left;height:auto;width:100%;		}
		.i-case-item{position:relative;float:left;height:auto;width:96%;margin:20px 2%; width:calc(100% - 20px);margin:20px calc(10px - 0px); border-radius:20px;	background-color:#fff;	}
			.i-case-item-photo{float:left;width:100%;height:250px; overflow:hidden;	border-radius:20px;	background-color:#eee;		 }
				.i-case-item-photo img{float:left;width:100%;height:100%; 	 }

			.i-case-item-body{float:left;height:auto;width:80%;padding:0px 10%;	margin-top:-30px; text-align:left;			}
				.i-case-author{float:left;height:auto;width:90%;padding:10px 5%; width:calc(100% - 20px);padding:calc(10px - 0px);	border-radius:50px;	box-shadow:0px 0px 10px 0px #666;	background-color:#fff;		}
					.i-case-author img{float:left;width:40px;height:40px;	margin-right:10px;	border-radius:50px;					}
					.i-case-author h2{float:left;height:auto;width:40%;width:calc(100% - 160px);	margin-top:7px;	font-size:25px;	}
					.i-case-author a{float:right;margin:0px;	}

				.i-case-item-des{float:left;height:auto;width:100%;margin:30px 0px;			}
					.i-case-item-des a{float:left;height:auto;width:100%;margin-bottom:10px;	font-size:30px;	color:var(--ui-bg);		}
						.i-case-item-des a:hover{color:var(--secondary);	}
					

.i-case-item:hover .i-case-item-photo img{width:114%;height:114%;	margin:-7%;}

.i-case-item-des a{transition:.5s all;			}
.i-case-item-photo img{transition:.3s all;		}


.i-video{display:inline-block;height:500px;width:900px;max-width:100%; border-radius:20px;	background-color:#ccc; background-image:url('../images/files/content/video-bg.jpg');background-size:cover; background-repeat:no-repeat;	}
	.i-video a{display:inline-block; width:80px;height:78px;margin-top:210px; border-radius:100%; text-align:center;	background-color:#fff; 	}
		.i-video a i{float:left;height:0px;width:0px;margin:30px 0px 0px 33px; border-left:20px solid var(--secondary);border-top:10px solid transparent;border-bottom:10px solid transparent;	}
		.i-video a:hover{margin-top:200px; box-shadow:0px 0px 0px 1px #fff;	background-color:var(--primary);	}
			.i-video a:hover i{border-left-color:#fff; 	}

.i-video a, .i-video a i{transition:.5s all;			}




	.i-event-title{display:inline-block;height:auto;width:690px; max-width:100%;		}
		.i-event-title .ui-title h5{font-size:1em;		}

	.i-event-body{float:left;height:auto;width:100%; text-align:left;			}
		.i-event-item{float:left;height:auto;width:100%;margin-top:50px; box-shadow:0px 0px 5px 0px #ccc;	border-radius:10px; overflow:hidden; background-size:cover; background-repeat:no-repeat;	background-color:#fff;	}
			.i-event-item-in{float:left;height:auto;width:90%;padding:30px 5%; width:calc(100% - 60px);padding:calc(30px - 0px);	background-color:rgba(8, 14, 44, .7);		}
				.i-event-item span{float:left;height:auto;width:55%;width:calc(100% - 190px);		}
					.i-event-no-bg:hover span u,.i-event-item span u{float:left;height:auto;width:100%; font-size:.9em; text-transform:uppercase;	text-decoration:none; color:#fff;		}
						.i-event-no-bg:hover span u i, .i-event-item span u i{margin-right:10px;color:#fff;	}

					.i-event-no-bg:hover span h1, .i-event-item span h1{float:left;height:auto;width:100%;margin:15px 0px; font-size:23px;	color:#fff;		}
					.i-event-no-bg:hover span p, .i-event-item span p{float:left;height:auto;width:100%; line-height:25px; font-size:1em;	color:#fff;	}

				.i-event-item a{float:right;margin-top:60px;		}

		.i-event-item-a{background-image:url('../images/files/content/events/1.jpg');}
		.i-event-item-b{background-image:url('../images/files/content/events/2.jpg');}
		.i-event-item-c{background-image:url('../images/files/content/events/3.jpg');}
		.i-event-item-d{background-image:url('../images/files/content/events/4.jpg');}

	.i-event-no-bg{background-size:0px;		}
		.i-event-no-bg .i-event-item-in{background-color:transparent;		}
			.i-event-no-bg span u{color:#444;	}
				.i-event-no-bg span u i{color:var(--secondary);	}

			.i-event-no-bg span h1{color:var(--ui-bg);	}
			.i-event-no-bg span p{color:#444;			}


	.i-event-no-bg:hover{background-size:cover;		}
		.i-event-no-bg:hover .i-event-item-in{background-color:rgba(8, 14, 44, .7);	}


.i-event-item-in{transition:.3s all;	}
.i-event-item span h1, .i-event-item span p, .i-event-item span u, .i-event-item span u i{transition:.5s all;	}




.i-testimonial{background-image:url('../images/files/background/01.png'); background-attachment:fixed;background-position: center;background-size:100% auto;	background-repeat:no-repeat; 	}

.i-testi-title{float:left;height:auto;width:30%; width:calc(350px - 0px);	}
.i-testi-body{float:right;height:auto;width:65%; width:calc(100% - 400px);	}
	.i-testi-title h5{font-size:1em;	}


.i-testi-item{float:left;height:auto;width:50%;			}
	.i-testi-item-in{float:left;height:auto;width:90%;margin:10px 5%; 	width:calc(100% - 20px);margin:10px calc(10px - 0px); border-radius:20px; box-shadow:0px 0px 5px 0px #888;	background-color:#fff;		}
		.i-testi-info{float:left;height:auto;width:80%;margin:30px 10%; width:calc(100% - 60px);margin:calc(30px - 0px);			}
		
			.i-testi-info img{float:left;height:60px;width:60px;margin-right:10px;	border:5px solid #ccc;	border-radius:100%;	 }
			.i-testi-info span{float:left;height:auto;width:60%; width:calc(100% - 80px);	font-size:1em;		 }				
				.i-testi-info span h3{float:left;height:auto;width:100%; font-size:23px;	color:var(--ui-bg);		 }
				.i-testi-info span b{float:left;height:auto;width:100%;	margin-bottom:5px; color:var(--secondary);		 }
				.i-testi-info span i{float:left;height:auto;width:auto;margin-right:5px; font-size:15px;	color:var(--secondary);		 }


			.i-testi-info p{float:left;height:auto;width:100%;margin-top:30px;		}


@media screen and (max-width:1000px)
{ 
	.i-testi-title, .i-testi-body{width:100%;	}
		.i-testi-body{margin-top:40px;	}
}
@media screen and (max-width:800px)
{
	.i-testi-item{width:100%; }
}




.i-blog-title{display:inline-block;height:auto;width:690px; max-width:100%;		}
		.i-blog-title .ui-title h5{font-size:1em;		}


.i-blog-body{float:left;height:auto;width:100%;		}
		.i-blog-item{position:relative;float:left;height:auto;width:96%;margin:20px 2%; width:calc(100% - 20px);margin:20px calc(10px - 0px); border-radius:20px;	background-color:#fff;	}
			.i-blog-item-photo{float:left;width:100%;height:250px; overflow:hidden;	border-radius:20px;	background-color:#eee;		 }
				.i-blog-item-photo img{float:left;width:100%;height:100%; 	 }


		.i-blog-item-body{float:left;height:auto;width:80%;padding:0px 10%;	 text-align:left;			}

			.i-blog-item-des{float:left;height:auto;width:100%;margin:30px 0px;			}
				.i-blog-item-des a{float:left;height:auto;width:100%;margin-bottom:10px;	font-size:25px;	color:var(--ui-bg);		}
					.i-blog-item-des a:hover{color:var(--secondary);	}

				.i-blog-item-des p{float:left;height:auto;width:100%;		}
				.i-blog-item-des u{float:left;height:auto;width:auto;margin-bottom:20px; font-size:.9em; padding:5px 10px; border-radius:5px;	text-decoration:none; text-transform:uppercase; color:#fff; background-color:var(--primary);	}



			.i-blog-author{float:left;height:auto;width:100%;margin-bottom:30px;		}
				.i-blog-author img{float:left;width:40px;height:40px;	margin-right:10px;	border-radius:50px;				}
				.i-blog-author h2{float:left;height:auto;width:auto; margin-top:6px; color:var(--ui-bg);			}
				.i-blog-author u{float:right;height:auto;width:auto; margin-top:12px; font-size:15px;	text-decoration:none;	color:#444;	}
					.i-blog-author u i{margin-right:10px; color:var(--secondary);		}


.i-blog-item:hover .i-blog-item-photo img{width:114%;height:114%;	margin:-7%;}

.i-blog-item-des a{transition:.5s all;			}
.i-blog-item-photo img{transition:.3s all;		}
				





.ccc{background-color:#ccc;			}
.ddd{background-color:#ddd;			}
.eee{background-color:#eee;			}

.fff{background-color:#fff;			}
.red{background-color:red;			}
.blue{background-color:blue;		}
.black{background-color:#000;		}
.green{background-color:green;		}
.brown{background-color:brown;		}
.orange{background-color:orange;	}
.yellow{background-color:yellow;	}