@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.u-flex{display:flex !important}
.u-flex\@md{display:flex !important}
.u-items-center{align-items:center !important; line-height: 1.6em;}
.u-items-center {opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.u-items-center.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.qa-item{position:relative;border-bottom:1px solid rgba(0,0,0,0.1)}
.qa-box{position:relative;padding:1rem 3rem 1rem 1rem;transition:background-color .4s ease;cursor:pointer}
.qa-box:after{content:"";position:absolute;top:50%;right:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:8px;background-image:url(../images/icon-arrow-bottom.svg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}

@media(hover:hover),(-ms-high-contrast:none){.qa-box:hover{background-color:#f7f7f7}}
.qa-box.is-active:after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.qa-box span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;background-color:#ed6d34;border-radius:50%;margin:0 1.5rem 0 0}
.qa-box p{flex:1}
.qa-content{display:none;background-color:#f7f7f7;padding:1.75rem 1rem}
.qa-content span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#333;background-color:#fff;border-radius:50%;margin:0 1.5rem 0 0}
.qa-text{flex:1;text-align:justify;padding: 0 1.2rem 0 0}
.qa-text p{padding:.375rem 0 0; line-height: 1.8em; font-size: 16px;text-align:justify;}
.qa-text li{position:relative;padding:0 0 1.875rem;}
.qa-text li:before{content:"";position:absolute;top:8px;left:0;width:6px;height:6px;background-color:#ed6d34;border-radius:50%}
.qa-text li:not(:last-child){margin:0 0 .9375rem}
.qa{width:100%;float:left; }
.qa-wrapper{width:1200px;margin:60px auto 10px;}
.qa-title{width:100%;text-align:center; margin-bottom:60px;letter-spacing:0.1em; }
.qa-title h2{font-size:30px; margin-bottom:35px; font-weight: 500}
.qa-title p{font-size:20px;width: 70%;margin: 0 15%;line-height: 1.8em; }
.viewname{margin: 30px 0 40px; padding: 0 1rem 0 4rem}
.viewname img{ max-width:100%;height: auto;margin: 0;display: block} 
.qa-row{width:100%;float: left; margin:0 0 70px}
.qa-subtitle{width:100%; margin:0 0 20px; padding:10px 20px;font-size:20px;background-color: #dbdfe2;box-shadow:0px 2px 2px #ccc;border-radius:3px}
.qa-subtitle {opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.qa-subtitle.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-wrap{width:100%;float: none; margin:0 0 40px;padding: 0 1rem 0 4rem}
.video-container{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width: 1600px) {
.qa-wrapper{width:1160px;margin:50px auto 10px;}	
}
@media screen and (max-width: 1200px) {
.qa-wrapper{width:88%;margin:40px auto 10px;}
.qa-title{margin-bottom:40px}
.qa-title h2{margin-bottom:25px}
.qa-title p{width:80%;margin: 0 10%;line-height: 1.7em;}
}

@media screen and (max-width: 980px) {
.qa-wrapper{margin:25px auto 0;}
.qa-row{margin:0 0 50px}
.qa-title{margin-bottom:30px}
.qa-title h2{font-size:28px;}
.qa-title p{font-size:18px;}
.viewname{margin: 30px 0}
.video-wrap{margin:0 0 30px}
}
@media screen and (max-width: 767px) {
.qa-wrapper{margin:20px auto 0}
.qa-title{margin-bottom:25px}
.qa-title h2{font-size:24px;}
.qa-box{padding:1rem 2rem 1rem .5rem}
.qa-box span{margin:0 1rem 0 0}
.qa-box:after{right:.5rem;}
.qa-content{padding:1.5rem 1rem 1rem 0}
.qa-content span{margin:0 1rem 0 .5rem}
.viewname{padding: 0 .5rem 0 4rem}
.video-wrap{padding: 0 .5rem 0 4rem}
.qa-title p{width:100%;margin: 0}
.qa-row{margin:0 0 30px}
}
@media screen and (max-width: 550px) {
.qa-title{margin-bottom:15px}
.qa-title h2{margin-bottom:15px}
.qa-subtitle{margin:0 0 10px; padding:8px 15px;font-size:18px}
.qa-content{padding:1rem 1rem 1rem 0}
.viewname{margin: 20px 0}
.video-wrap{margin:0 0 20px}

}