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:90px;
    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;
}
.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;
        padding: 0px;
        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;}

}