.witchland_portfolio { background: url(../img/witchland/witchland_bg.jpg) no-repeat; background-size: 100%; background-position: top center; padding-top: 50%; margin-bottom: 30px; }
.wicthland_box { background: url(../img/witchland/witch_box_bg.jpg); background-color: #161e73; background-repeat: no-repeat; background-position: left top; background-size: cover; border-radius: 63px; padding-top: 30px; }
.witch_logo { padding: 100px 0 0; }
.witch_logo img { width: 45%; }
.witch_graphic { margin-top: 25px; position: relative; margin-left: -3%; margin-right: -3%; }
.witch_graphic img { width: 90%; position: relative; z-index: 99; }
.witchland_des { padding: 30px 55px 0; color: #fff; }
.witchland_des p { color: inherit; font-size: 20px; line-height: 35px; font-weight: 400; }
.witch_graphic1 { margin-left: -3%; margin-right: -3%; margin-bottom: 30px; }
.witch_graphic1 img { width: 66%; }
.witch_listing { color: #fff; padding: 0 55px 45px; }
.witch_listing figure { text-align: center; }
.witch_listing li { padding: 6px 0 16px 60px; line-height: 1.2; font-size: 20px; color: var(--white); }
.withcland_feature li { background: url(../img/witchland/feature_icon.png) no-repeat left 1px; color: var(--white); }
.witchland_techs li { background: url(../img/witchland/technology_icon.png) no-repeat left 1px; }
.detail_summary { margin: 50px 0; color: #fff; padding: 30px 75px; }
.detail_summary h4 { margin: 0 0 20px; }
.detail_summary p { color: inherit; font-size: 20px; line-height: 32px; padding-right: 10%; }
.wicthland_girl_graphic { margin-left: -5%; margin-right: -5%; position: relative; margin-top: -100px; bottom: -95px; }
.wicthland_girl_graphic1 img { width: 50%; }
.wicthland_girl_graphic1 { position: relative; bottom: -125px; margin-top: -135px; }
.level_box figure { display: inline-block; margin: 0; position: relative; }
.level_box figure>img { width: 455px; }
.level_box figure:before { content: ''; position: absolute; bottom: 0; left: -72%; background-image: url(../img/witchland/owl_lft.png); background-size: 100%; background-repeat: no-repeat; padding: 33% 59%; z-index: 9; }
.level_box figure:after { content: ''; position: absolute; bottom: 0; right: -61%; background-image: url(../img/witchland/owl_rht.png); background-size: 100%; background-repeat: no-repeat; padding: 33% 54%; z-index: 9; }
.bg_scroll { background-image: url(../img/witchland/witchland_landing.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom center; margin-left: auto; margin-right: auto; height: 74.5%; width: 56%; top: 13.3%; position: absolute; left: 23%; border-radius: 3px; transition: background-position 1.5s ease-out .5s; -webkit-transition: background-position 1.5s ease-out .5s; -moz-transition: background-position 1.5s ease-out .5s; }
.bg_scroll:hover { background-position: top center; transition: background-position 10s linear 0; -webkit-transition: background-position 10s linear 0; }
.scroll_arrows { position: absolute; z-index: 1; }
@media (max-width:880px) {
    a.scroll_arrows img { width: 62px; }
}