.hmWeHelpPort{background:#ededed;text-align:left;height:500px;padding-top:20px}.hmWeHelpPort h1{padding:0px 0 20px;margin-bottom:0;text-align:center;font-style:italic}.hmWeHelpPort .accord{position:relative;width:100%;margin:0 auto;background-image:linear-gradient(to bottom right,#4CAF50,#FF9800);box-shadow:0 0 5px #000}.accord ul{list-style:none}.accord li{position:relative;display:block;width:19.9%;float:left;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;z-index:0;-webkit-transform-origin:0 0;overflow:hidden;background-position:top center;background-repeat:no-repeat;background-size:cover;cursor:pointer;margin-left:1px}.accord li img{opacity:1!important;height:450px;display:block;left: -5px !important;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}.accord li.active{width:40%!important;background:red}.accord li.active img{left:0px!important;opacity:1}.accord li:hover img{opacity:1}.accord li.posAb{width:14.85%}.happyNation .textPort{background:rgba(0, 68, 34, 0.8);position:absolute;left:0;bottom:0;right:0;padding:15px 20px 0 15px;white-space:nowrap;color:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}.image_title,.textPort p{color:rgba(255,255,255,.8)}.textPort p{white-space:normal;display:none;padding-bottom:3px;font-size:16px;line-height:23px}.image_title,.textPortAct p{display:block}.textPortAct{bottom:0}.textPort .arrowDownHelp{position:absolute;top:20px;right:17px;background:url(../images/icons/icon_downArrow_help.png) no-repeat;width:16px;height:19px}.image_title{text-decoration:none;font-size:16px;margin-bottom:7px}@media screen and (max-width:1024px){.hmWeHelpPort{padding-top:0}.accord li{margin-left:.1%}}@media screen and (max-width:640px){.accord li.active{width:100%!important;display:block!important}.accord li img{/* left:-300px!important */}.accord li.active img{left:0px!important}.hmWeHelpPort{height:400px!important;overflow:hidden}.accord li.posAb{width:0;display:none}.textPort{bottom:0;height:38px}.textPort p{display:none}.accord li.active .image_title{display:block}.accord li.active .arrowDownHelp{transform:rotate(0)!important;-webkit-transform:rotate(0)!important;-moz-transform:rotate(0)!important;-ms-transform:rotate(0)!important}.textPort .arrowDownHelp{display:block!important;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}.image_title{display:none}.hmWeHelpPort h1{padding:15px 0 16px;margin-bottom:0;text-align:center}}@media screen and (max-width:400px){.accord li.active img{left:0px!important}}@media screen and (max-width:1024px){.hmWeHelpPort h1{padding:20px 0}}