html,body {height: 100%;}
.img-responsive {max-width: 100%;display: block;}
.img-center {margin: 0 auto;}
.max-height {height: 100%;}

.container {width: 100%;max-width: 1004px;margin: 0 auto;padding-left: 12px;padding-right: 12px;}
.container:before {content: " ";display: table;}
.container:after {content: " ";display: table;clear: both;}

.wrapper {padding-top: 80px;}
.header {height: 80px;position: fixed;left: 0;top: 0;width: 100%;background-color: #fff;z-index: 10;}
.scrolled .header {background-color: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);animation: fadeInDown 0.3s ease-out forwards;}
.header .container,
.header .navbar {height: 100%;}
.header .navbar {display: flex;align-items: center;justify-content: space-between;}
.top_link a {color: #8A97AD;font-size: 14px;font-weight: 500;display: flex;align-items: center;padding-right: 30px;position: relative;}
.top_link a:after {content: '';display: block;width: 20px;height: 20px;background-image: url('../img/common/top_down.svg');background-position: 0 0;position: absolute;right: 0;top: -2px;}
.top_scroll {position: fixed;right: 20px;bottom: 20px;z-index: 9;opacity:0;visibility:hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.scrolled .top_scroll {opacity:1;visibility:visible;}


@media (max-width: 1219px) {
    .container {max-width: 970px;}
}

@media (max-width: 991px){
    .container {max-width: 750px;}
}

@media (max-width: 767px){
    .container {max-width: 720px;}
}

@media (max-width: 575px){
    .wrapper {padding-top: 60px;}
    .header {height: 60px;}
}