/* $Id$ */
@font-face {
    font-family: 'lato';
    font-weight: 400;
    font-style: normal;
    src: url("https://webfonts.zohowebstatic.com/latoregular/font.eot");
    src: url("https://webfonts.zohowebstatic.com/latoregular/font.eot?#iefix") format("eot"),url("https://webfonts.zohowebstatic.com/latoregular/font.woff2") format("woff2"),url("https://webfonts.zohowebstatic.com/latoregular/font.woff") format("woff")
}

@font-face {
    font-family: 'lato';
    font-weight: 600;
    font-style: normal;
    src: url("https://webfonts.zohowebstatic.com/latobold/font.eot");
    src: url("https://webfonts.zohowebstatic.com/latobold/font.eot?#iefix") format("eot"),url("https://webfonts.zohowebstatic.com/latobold/font.woff2") format("woff2"),url("https://webfonts.zohowebstatic.com/latobold/font.woff") format("woff")
}
@font-face{
    font-family: 'lato';
    font-weight: 300;
    font-style: normal;
    src: url('https://webfonts.zohowebstatic.com/latolight/font.eot');
    src: url('https://webfonts.zohowebstatic.com/latolight/font.eot?#iefix') format('eot'), url(
             'https://webfonts.zohowebstatic.com/latolight/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/latolight/font.woff') format('woff');
}   

html, body, main, section, article, aside, header, footer, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tr, th, td,  button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: 'lato',Helvetica,sans-serif,Arial;
    font-weight: 400;
	font-size: 14px;
	box-sizing: border-box;
	font-weight: normal;
	color: #2d2d2d;
	-webkit-font-smoothing: antialiased;
}
input{
	box-sizing:border-box;
}
ol, ul {
	list-style: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
body, html {
	height: 100%;
	width: 100%;
	margin: 0;
	background: -webkit-radial-gradient(center, ellipse cover, #fefefe 0%, #eaeae9 100%);
}
html {
	overflow: hidden;
}
.errMain{
    max-width: 100%;
    width: 1000px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    height: 100%
}
.flxGrow{
    flex-grow: 1;
}
.dspFlex{
	display: flex;
	justify-content:center;
	align-items:center;
	height:100%;

}
/*@keyframes zoomIn{
	0%{
	opacity:0;
	transform:translateX(-30px)
	}
	50%
	{
		opacity: .4;
		transform:translateX(30px)
	}
	100%{
		opacity: 1;
		transform:translateX(0px)
	}
}*/
@keyframes zoomIn{
	0%{
	opacity:0;
	transform:translateY(50px) 
	}
	50%
	{
		opacity: .4;
	}
	100%{
		opacity: 1;
		transform:translateX(0px)
	}
}
.zoomIn{animation:zoomIn .7s linear;position: relative;margin-top: -50px;}
.qustCtn{
	position: relative;
	height:400px;
	float: left;
    width: 370px;
    animation: rotate 4s linear infinite alternate;
    transform:rotate(6deg);
}
.qustCtn li{
	position:absolute;
	background-image:url('images/error-sprite.53c53284dde99658a59f5bdaf8fb1762.svg');
	height:44px;
	width:50px;
	background-repeat:  no-repeat
}
.qustCtn li:nth-child(even){
	animation: translated 1s ease infinite alternate;
}
.qustCtn li:nth-child(odd){
	animation: translatedX 1s ease infinite alternate;
}
@keyframes translated{
	0%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(3px);
	}
}
@keyframes translatedX{
	0%{
		transform:translateX(0);
	}
	100%{
		transform:translateX(-3px);
	}
}
@keyframes rotate{
from {
		transform: scale(.9) rotate(6deg)
	}
	to {
		transform: scale(1) rotate(6deg)
	}
}
.qustCtn li.img-1{
    background-position: -84px -43px;
    left: 12px;
    width: 54px;
}
.qustCtn li.img-2{
    left: 59px;
    top: -26px;
    background-position: -3px -98px;
    width: 45px;
}
.qustCtn li.img-3{
	background-position: -49px -102px;
    left: 97px;
    top: -37px;
    width: 40px;
}
.qustCtn li.img-4{
    width: 40px;
    height: 40px;
    background-position: -223px -163px;
    left: 124px;
    top: -8px;
}
.qustCtn li.img-5{
    width: 41px;
    height: 48px;
    background-position: -95px -105px;
    left: 166px;
    top: -10px;
}
.qustCtn li.img-6{
    background-position: -5px -52px;
    width: 35px;
    height: 30px;
    left: 198px;
    top: 38px;
}
.qustCtn li.img-7{
    background-position: -182px -166px;
    width: 38px;
    height: 38px;
    left: 166px;
    top: 45px;
}
.qustCtn li.img-8{
    background-position: -134px -156px;
    width: 42px;
    height: 49px;
    left: 192px;
    top: 71px;
}
.qustCtn li.img-9{
    background-position: -89px -158px;
    width: 38px;
    height: 54px;
    left: 177px;
    top: 105px;
}
.qustCtn li.img-10{
    background-position: -54px -172px;
    width: 31px;
    height: 25px;
    left: 158px;
    top: 125px;
}
.qustCtn li.img-11{
    background-position: -43px -51px;
    width: 34px;
    height: 29px;
    left: 169px;
    top: 142px;
}
.qustCtn li.img-12{
	background-position: -2px -155px;
    width: 49px;
    height: 44px;
    left: 132px;
    top: 152px;
}
.qustCtn li.img-13{
    background-position: -185px -105px;
    width: 56px;
    height: 41px;
    left: 108px;
    top: 194px;
}
.qustCtn li.img-14{
    background-position: -141px -108px;
    width: 42px;
    height: 38px;
    left: 115px;
    top: 231px;
}
.qustCtn li.img-15{
    background-position: -105px -1px;
    width: 33px;
    height: 32px;
    left: 115px;
    top: 323px;
}
.qustCtn li.img-16{
    background-position: -236px -8px;
    width: 33px;
    height: 18px;
    left: 146px;
    top: 333px;
}
.qustCtn li.img-17{
    background-position: -74px -2px;
    width: 25px;
    height: 31px;
    left: 160px;
    top: 353px;
}
.qustCtn li.img-18{
    background-position: -136px 0;
    width: 34px;
    height: 33px;
	left: 144px;
    top: 380px;
}
.qustCtn li.img-19{
    background-position: -179px -2px;
    width: 28px;
    height: 30px;
    left: 116px;
    top: 384px;
}
.qustCtn li.img-20{
	background-position: -141px -108px;
	width: 33px;
	height: 33px;
    left: 165px;
    top: 323px;
}
.qustCtn li.img-21{
    background-position: -212px -5px;
    width: 24px;
    height: 25px;
    left: 95px;
    top: 371px;
}
.qustCtn li.img-22{
    background-position: -5px -3px;
    width: 28px;
    height: 30px;
    left: 93px;
    top: 341px;
}
.qustCtn li.img-23{
    background-position: -33px -1px;
    width: 39px;
    height: 32px;
    left: 121px;
    top: 356px;
    animation: none;
}
.sry{
	font-size: 28px;
	margin-bottom: 50px;
	color:#525151;
	padding-bottom: 20px;
	position: relative;
}
.sry:before{
	position: absolute;
	content:'';
	bottom: 0;
	width:50px;
	height:2px;
	background:#525151;
}
.sryTxt{
	margin-bottom: 50px;
	text-align: left;
}
.errCtn p{
	text-align: left;
	margin-bottom: 40px
}
.sryTxt li{
	font-size: 14px;
	margin-bottom: 15px;
	text-align: left;
}
.errHeader{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items:center;
	height: 70px;
	padding: 0 20px;
}
.errFooter{
    color: #6d6d6d;
    font-size: 12px;
    height: 100px;
    text-align: center;
    flex-shrink: 1;
}
.blogs li{
	display: inline-block;
	margin-left:10px;
}
.blogs li a{
	color:#006aff;
	font-size: 12px;
    text-decoration: none;
}
.blogs li a:hover{
    text-decoration: underline;
}
.bcDocs{
    text-align: center;
    border: 1px solid #e4e4e4;
    background: #fff;
    color: #089949;
    padding: 9px 15px;
    border-radius: 20px;
    cursor: pointer;
    width: 130px;
    transition:.5s ease;
    overflow: hidden;
    bottom:0;
}
.bcDocs:hover{
	background: #089949;
	color:#fff;
}
.errLogo{
    width: 100px;
}