html {
	height: 100%;
	width: 100%;
	-webkit-overflow-style: scrollbar;
	-khtml-overflow-style: scrollbar;
	-moz-overflow-style: scrollbar;
	-ms-overflow-style: scrollbar;
	-o-overflow-style: scrollbar;
	overflow-style: scrollbar;
}
body {
	-webkit-font-smoothing: antialiased;
	-khtml-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-transition: all 0.1s ease-in-out;
	-khtml-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	background: #1B0C69 center top repeat;
	font-family: 'merriweatherregular';
	color: rgba(110, 110, 110, 1);
	letter-spacing: 0px;
	word-spacing: 0px;
	text-transform: inherit;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body a {
	color: rgba(27, 11, 105, 1);
	-webkit-transition: all 0.5s ease-in-out;
	-khtml-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-decoration: none;
}
@font-face {
	font-family: 'merriweatherbold';
	src: url('../fonts/merriweather-bold-webfont.woff2') format('woff2'),  url('../fonts/merriweather-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'merriweatherregular';
	src: url('../fonts/merriweather-regular-webfont.woff2') format('woff2'),  url('../fonts/merriweather-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.portal-page {
	text-align: center;
	padding: 50px 0 20px
}
.portal-page .container {
	max-width: 1000px;
	width: 100%
}
.logo img {
	max-width: 300px;
}
h1 {
	color: #EAC750;
	font-family: 'merriweatherbold';
	font-size: 30px
}
.portal-page .round-fram {
	width: 420px;
	height: 420px;
	border-radius: 50%;
	z-index: 1;
	padding:0px;
	background: #E8F0FF url("../images/img-round.png") no-repeat;
	background-size: 100%;
	margin: 0 auto;
}
.portal-page .round-fram span {
	display: block;
	color: #1D0D69;
	line-height: 32px;
	font-size: 18px;
}
.portal-page .round-fram a {
	color: #1D0D69;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	line-height: 32px;
	padding:90px;
}
.portal-page .round-fram a:hover {
	color: rgba(238, 200, 88, 0.8)
}
.portal-page .round-fram h2 a, .portal-page .round-fram h2 {
	font-size: 20px;
	color: #1D0D69;
}
.portal-page .item-2 .round-fram {
	background-color: #FDE5E8
}
.copy-right {
	color: #7F76AB;
	padding-top:45px;
}
 @media(max-width:991px) {
.portal-page .round-fram {
	width: 350px;
	height: 350px;
	padding: 75px;
}
.portal-page .round-fram h2 a, .portal-page .round-fram h2 {
	font-size: 18px;
}
.portal-page .round-fram a, .portal-page .round-fram span {
	font-size: 16px;
	line-height: 25px;
}
.portal-page {
	padding: 80px 0 20px;
}
h1 {
	margin-top: 50px;
	margin-bottom: 50px
}
.copy-right {
	padding-top: 150px;
}
}
@media(max-width:767px) {
.portal-page {
	padding: 50px 0 20px;
}
h1 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.portal-page .item {
	margin-bottom: 30px
}
.copy-right {
	padding-top: 30px;
}
.logo img {
	max-width: 200px;
}
}
@media(max-width:479px) {
.portal-page .round-fram {
	width: 300px;
	height: 300px;
	padding: 55px;
}
.portal-page .round-fram h2 a, .portal-page .round-fram h2 {
	font-size: 16px;
}
.portal-page .round-fram a, .portal-page .round-fram span {
	font-size: 14px;
	line-height: 24px;
}
}
/*parking page*/
.not_found .logo img{max-width: 220px;}
.not_found .logo {display:inline-block;margin:20px 0px;}
.not_found .brick{background-image: url(../images/brick.png);background-position: center center;background-repeat: no-repeat;background-size: 100% auto;height: 210px;position: absolute;top: 135px;width: 435px;left:-50px;}
.not_found{min-height: 100vh;background:#37229d;padding-bottom: 0 !important;overflow:hidden;}
.not_found .worker{background-image: url(../images/worker.png);background-position: center center;background-repeat: no-repeat;background-size: 100% auto;height: 371px;top:430px;position: absolute;bottom: 0;width: 300px;z-index: 10;}	
.not_found .oops{font-size:50px !important;}
.not_found h2{font-size:100px;}
.not_found .info .title{font-size:18px !important;padding-top:0px;color:#fff;}
.not_found .info{margin-left: 400px;position: relative;z-index: 999;}
.not_found .info h2{color: #f9ba48;font-weight: 400;font-size: 35px;margin-bottom:0px;}
.not_found .info p{border-bottom: 1px solid rgba(255, 255, 255,0.2);color: #f9ba48;font-size: 20px;padding: 10px 0;}
.not_found .btn{padding: 10px 20px;margin: 0px;border-radius: 4px;}
.not_found .info span{color:#ffffff;display:inline-block;float:left;margin-top:5px;}
.not_found .info  a{color:#ffffff;text-decoration:none;}
.not_found .fa-home{font-size: 20px;padding-right: 6px;}
.not_found .btn{padding: 10px 20px;margin-top: 12px;border-radius: 4px;background-color: #f9ba48;font-size:16px;display:table;margin:auto;}	
.not_found .btn:hover{border-width: 1px 1px 1px 1px;border-style: solid;border-color: #1b0b69;font-size: 16px;color: rgba(255, 255, 255, 1);background-color: #1b0b69;}
.not_found  .add{position: relative;padding-bottom:10px;}
.not_found  .add:before{content: "\f041";font-family: "FontAwesome";position: absolute;left: -18px;top: 0;font-size: 18px;color:#f9ba48;}
.not_found  .phone{position:relative;margin-left: 22px;padding-bottom:10px;}
.not_found  .phone:before{content: "\f095";font-family: "FontAwesome";position: absolute;left: -18px;top: 0;font-size: 18px;color:#f9ba48;}
.not_found  .email{position:relative;margin-left:27px;padding-bottom:10px;color:#fff;}
.not_found  .email:before{content: "\f003";font-family: "FontAwesome";position: absolute;left: -23px;top: -3px;font-size: 18px;color:#f9ba48;}
.not_found .number {float: left;}
	
@media(max-width:1199px){
.not_found{text-align:center;}
.not_found .info span{float:none;}	
.not_found .info{margin-left:0px;}
.not_found .brick{display:none;}
.not_found .worker{display:none;}
.not_found .logo{margin-top: 100px;}
.not_found .info{margin-top: 50px;}
.not_found .number .phone{display: table;margin: auto;}
}
@media(max-width:767px){
.not_found .number{float:none;}
.not_found .logo{margin-top: 20px;}
.not_found .info{margin-top:0px;}
.not_found .info h2{margin-top:0px;font-size: 30px;}
.not_found .logo img{max-width: 120px;}	
.not_found  .phone{margin-left:0px;}
.not_found  .email{margin-left:0px;}
.not_found .info{margin-bottom: 10px;}
.not_found .btn{display: inline-block;margin:10px;}
.not_found  .add:before{top: -2px;}
}
@media(max-width:479px){
	.not_found .info h2{font-size: 21px;}
	.not_found .info .title{font-size: 12px !important;}
	.not_found  .add:before{top: 0px;}
	.not_found  .phone:before{top: 0px;}.
	.not_found  .email:before{top: 0px;}

}