body{
	font-family:Arial;
	margin:0;
	padding:0;
}
#tempAlertMessage{
	background-color:white;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px;
	font-family:Arial;
	left:calc(50% - 200px);
	margin:auto;
	opacity:1;
	padding:25px;
	position:fixed;
	text-align:center;
	top:10%;
	transition:all 0.5s;
	width:400px;
}
.testClass div{
	height:100px;
}
.testClass:hover{
	background:#27b;
}
.testClassdiv{
	height:100px;
}
.testClass{
	background-color:#046;
	background-image:linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),                  linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px),                  linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),                  linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	height:500px;
	width:500px;
}
#container{
	linear-gradient(135deg,rgba(255,255,255,0)0%,rgba(0,5,138,0.83)39%,rgba(255,0,255,0.68)46%,#ff000066%,rgba(0,0,0,0.73)68%,rgba(255,255,255,0)100%)50%50%,radial-gradient(#fff0000%,#10c20043%,#ffffff55%,#c8f0073%)5px20px/25px25px:undefined;
	min-width:1000px;
}
#webDesigner_tempAlertMessage{
	background-color:white;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px;
	color:rgb(51, 51, 51);
	font-family:Arial;
	left:calc(50% - 200px);
	margin:auto;
	opacity:1;
	padding:25px;
	position:fixed;
	text-align:center;
	top:10%;
	transition:all 0.5s;
	width:400px;
}
.wdtA_bluePrint{
}
#menu{
	height:100px;
	margin:auto;
	overflow:hidden;
	width:500px;
}
#menuContainer{
	background:#d20;
	color:#fff;
	overflow:hidden;
}
#menuHeader{
}
.menuBtn{
	cursor:pointer;
	float:left;
	height:100px;
	line-height:100px;
	overflow:hidden;
	text-align:center;
	transition:all .3s;
	width:100px;
}
#footerCenter{
	color:#fff !important;
	line-height:40px;
	margin:auto;
	overflow:hidden;
	text-align:center;
	width:500px;
}
.contentContainer{
	min-height:calc(100vh - 150px) !important;
	overflow:hidden;
	position:relative;
	width:100%;
}
.center{
	margin:auto;
	min-height:100%;
	overflow:hidden;
	width:1000px;
}
.footerContainer{
	background:#e88282;
	border-top:3px solid #d30;
	font-size:12px;
	height:40px;
	overflow:hidden;
}
.menuBtn:before{
}
.menuBtn:hover{
	border-top:10px solid #f30;
	text-decoration:underline;
	text-shadow:0 0 10px #fff;
}
#logo{
	left:calc(50% - 430px);
	position:absolute;
	top:15px;
	width:120px;
}
a{
	color:inherit;
}
.articlesContainer{
	background:linear-gradient(90deg, #ededed 0%, rgba(189,189,189,0.63) 54%, #ededed 99%) 0 0, linear-gradient(45deg, rgba(191,191,191,0.73) 0%, #ffffff 100%) 0 0 / 3px 3px;
	border-top:15px solid #ff5e5e;
}
.articleLinkTitle{
	background:rgba(0,0,0,.5);
	color:#fff;
	padding:10px;
	position:absolute;
	width:100%;
	z-index:99;
}
.articleContainer{
	float:left;
	height:200px;
	margin-right:1px;
	overflow:hidden;
	position:relative;
	width:calc(33.33% - 1px);
}
.articleThumb{
	bottom:-100%;
	left:-100%;
	margin:auto;
	max-height:130%;
	max-width:130%;
	min-height:100%;
	min-width:100%;
	position:absolute;
	right:-100%;
	top:-100%;
	transition:all .7s;
}
.articleThumb:hover{
	min-height:110%;
	min-width:110%;
}
.imageGallContainer{
	border:10px Solid #fff;
	box-shadow:rgba(0, 0, 0, 0.0980392) -1px 1px 2px, rgba(0, 0, 0, 0.0980392) -3px 2px 4px, rgba(0, 0, 0, 0.0980392) -7px 4px 8px, rgba(0, 0, 0, 0.0980392) -14px 8px 16px;
	float:left;
	height:150px;
	margin:10px;
	overflow:hidden;
	position:relative;
	width:150px;
}
.imagesConainer{
	border-top:5px solid #ff5e5e;
	overflow:hidden;
	padding:16px;
}
.imageGallThumb{
	bottom:-100%;
	left:-100%;
	margin:auto;
	max-height:130%;
	max-width:130%;
	min-height:100%;
	min-width:100%;
	position:absolute;
	right:-100%;
	top:-100%;
	transition:all .7s;
}
.imageGallThumb:hover{
	transform:scale(1.2);
}
#galleryDivContainer{
	background:rgba(0, 0, 0, 0.8);
	height:0%;
	overflow:hidden;
	position:fixed;
	top:0px;
	transition:height 0.3s;
	width:100%;
}
#galleryImgImg{
	bottom:-1000%;
	display:block !important;
	left:-1000%;
	margin:auto;
	max-height:100%;
	max-width:100%;
	position:absolute;
	right:-1000%;
	top:-1000%;
}
#imgContainer{
	:undefined;
	border:1px dashed #fff;
	box-sizing:border-box;
	height:calc(100vh - 100px);
	left:-1000%;
	margin:auto;
	padding:10px;
	position:absolute;
	right:-1000%;
	top:50px;
	width:calc(100vh - 100px);
}
#imgInnerContainer{
	:undefined;
	background:#fff;
	box-sizing:border-box;
	height:100%;
	overflow:hidden;
	padding:10px;
	width:100%;
}
#prevArrow{
	:undefined;
	background:#fff;
	color:#333;
	cursor:pointer;
	font-size:48px;
	font-weight:bold;
	height:50px;
	line-height:40px;
	position:absolute;
	right:10px;
	text-align:center;
	top:50%;
	width:50px;
}
.imagesCenter{
}
.articlesAllContainer{
	padding-top:25px;
}

