* {box-sizing:border-box; transition:all 0.15s ease-in-out;}
body, html {height:100%;}
body {background:#FAFAFA; display:flex; justify-content:center; flex-direction:column; align-items:center; font-family:'Open Sans', Arial, Helvetica, sans-serif;}

.error-page {width:380px; max-width:90%;}
.error-page .logo {width:100%; margin:34px 0 15px 0; text-align:center;}
.error-page .logo img {max-width: 50px;margin-right:10px;}

.error-page {text-align:center;}
.error-page p {max-width:300px; margin:0 auto; font-size:20px; line-height:1.4em; font-weight:300;}
.error-page p.error {display:block; margin:0 auto; font-size:50px; line-height:1em; font-style:normal; letter-spacing:-.05em; color:#C00;}
.error-page h2 {margin:0; font-size:160px; line-height:1em; font-weight:300; letter-spacing:-.03em;}
.error-page p.title {display:block; margin:5px auto 20px auto; font-size:20px; line-height:1em; opacity:.6;}
.error-page p.message {margin:50px auto 0 auto;}
.error-page p.link a {display:inline-block; margin:15px 0 20px 0; padding:6px 20px; font-size:14px; color:#FFF; background:#00A9C5; text-align:center; font-weight:600; border:1px solid #009DB7; border-radius:4px !important; text-decoration:none;}
.error-page p.link a:hover {text-decoration:none; background:#33C6FD; cursor:pointer;}

.copyright {margin-top:20px; padding:15px 20px; text-align:center; font-size:11px; color:#999; background:#FAFAFA; border-top:1px solid #EBEBEB;}
.copyright span {display:inline-block; position:relative; margin-top:4px; padding-right:18px;}
.copyright span i {position:absolute; top:2px; right:0; vertical-align:middle; color:#C00; -webkit-animation-name:pulse; animation-name:pulse; animation-duration:1s; animation-iteration-count:infinite;}
.copyright a {color:#888; transition:none;}
.copyright a:hover {color:#999; text-decoration:none; transition:none;}
.copyright a:hover span i {animation-duration:0.5s;}
.copyright img {width:40px;}
.copyright a:hover img {opacity:1;transition:all 0.15s ease-in-out;}

.error-page-403 {width:auto; max-width:1000px;}
.error-page-403:before {margin:0 auto 20px auto; content:""; display:inline-block; width:80px; height:80px; background:url(/bundles/comitium5designer/layout/img/newskin/c-icon-forbidden.svg) no-repeat center; background-size:100%;}
.error-page-403 p {max-width:600px;}
.error-page-403 p.error, .error-page-403 h2 {display:inline-block; font-size:24px; color:#666;}
.error-page-403 p.title {margin:5px auto; font-size:48px; color:#000; opacity:1;}
.error-page-403 p.message {margin:20px auto; color:#666;}

@-webkit-keyframes pulse {
	0% {font-size:13px;}
	50% {right:-1px; font-size:15px;}
	100% {font-size:13px;}
}
@keyframes pulse {
	0% {font-size:13px;}
	50% {right:-1px; font-size:15px;}
	100% {font-size:13px;}
}
