@CHARSET "UTF-8";

body{
	background-color:#696969;
	margin:0;
	padding:0;
}

.robotpage-404-body {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #f5f5f5;
}
.robotpage-404-body p {
	margin: 0;
	margin-bottom:1.5em;
}
.robotpage-top-half{
	/*background-color:#f5f5f5;*/
	background-color:#fff;
	overflow:hidden;
}

#errorCodeTxt{
	color: #CEDDD1;
}

#robot_holder{
}

#brokebotSVG{
	height:259px;
	margin-left:auto;
	margin-right:auto;
	margin-top:111px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	width:100%;
}

#robot-text{
	color:#e54560;
	text-align:center;
	font-size: 35px;
    margin-top: .5em;
    margin-bottom: .2em;
    padding: 0;
    text-transform: uppercase;
}

#robotpage-bottom-half{
	font-family: 'Open Sans', sans-serif;

}

.robot-buttons{

	margin-left:auto;
	margin-right:auto;
}

a.robot-buttons {
    font-size: 1em;
	background-color: #E64661;
	padding: .5em 1.5em;
	margin: .5em .2em 0em .2em;
	text-align: center;
	border-radius: .3em;
    text-decoration: none;
    color: #fff;
	transition:all 0.3s ease;
}

a.robot-buttons:hover  {
	cursor: pointer;
	background-color: #e76077;
    color: #fff;
}

.search-robot-form{
	
}

.search-robot{
	width:480px;
	margin-left:auto;
	margin-right:auto;
}

.search-robot-box{
    width:305px;
    float:left;
    padding: .5em;
	border-radius: .3em;
	font-size: 1em;
	margin:0;
	border:0;
}

.search-robot-buttons {
    font-size: 1em;
	background-color: #55BF9B;
	padding: .5em;
	border-radius: .3em;
    text-decoration: none;
    color: #F2ECBA;
    width:150px;
    float:right;
	margin:0;
	border:0;
}

.clear{
	clear:both;	
}

.search-robot-buttons:hover  {
	cursor: pointer;
	background-color: #8BC99A;
    color: #F2ECBA;
}

.robot-links{
	text-align: center;
	color: #F2ECBA;
	margin-top:1em;
}

.robot-links a{
	color:#8BCA9B;
	text-decoration:none;
	padding:.5em;
}

.robot-links a:hover{
	color:#F2ECBA;
	text-decoration:none;
}	
#eyesMove {
    animation-name: eyes;
    animation-duration: 5s;
    animation-delay: 1s;
	animation-iteration-count: infinite;
}
@keyframes eyes {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10%,30% {
        transform: matrix3d(1, 0.01, 0, 0, -0.01, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
	35%,100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
#upperBody {
	animation-name: body;
    animation-duration: 7s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes body {
    0% {
        transform: matrix3d(0.998725, -0.0504742, 0, 0, 0.0504742, 0.998725, 0, 0, 0, 0, 1, 0, -9.58718, 8.55799, 0, 1);
    }
    50% {
       transform: matrix3d(0.998725, -0.0304742, 0, 0, 0.0504742, 0.998725, 0, 0, 0, 0, 1, 0, -9.58718, 8.55799, 0, 1);
    }
	90%,100% {
        transform: matrix3d(0.998725, -0.0504742, 0, 0, 0.0504742, 0.998725, 0, 0, 0, 0, 1, 0, -9.58718, 8.55799, 0, 1);
    }
}
.st0 {
	stroke-dasharray:600;
	stroke-dashoffset:600;
	-webkit-animation: dash 3s linear forwards;
	-o-animation: dash 3s linear forwards;
	-moz-animation: dash 3s linear forwards;
	animation: dash 3s linear forwards;
}
@keyframes dash{
    from {
		stroke-dashoffset:600;
    }
    65% {
	   stroke-dashoffset:0;
	   fill:#f5f5f5;
	   stroke:#696969;
    }
	100% {
	   stroke-dashoffset:0;
	   fill:#E5E3E3;
	   stroke:#E5E3E3;
    }
}