@charset "utf-8";
@import url('../../../../_bk_plugin_css/gFontEN/Tangerine.css'); /*date*/
/*============================================================================*/

/*----------------------------------------------------------------------------*/

/*============================================================================*/

/*============================================================================*/

/*============================================================================*/
/* FAQ */
/*----------------------------------------------------------------------------*/
/* cubeportfolio accordion */
.faq-container { margin: 0 auto; width: 100%; }
.faq-container .faq-wrapper {  }
.faq-container .faq-wrapper .faq-accordion {  }
.faq-container .faq-wrapper .faq-accordion ul {  }
.faq-container .faq-wrapper .faq-accordion ul li {  }

.faq-accordion ul li { display: inline-block; width: 100%; overflow: hidden; }
.faq-accordion ul li.closed {  }
.faq-accordion ul li.opened {  }

.faq-accordion ul li div {  }

.faq-accordion ul li .question {
	display: flex; justify-content: space-between; position: relative; padding: 10px 20px;
	cursor: pointer;
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.faq-accordion ul li .question { padding: 10px; }
	.faq-accordion ul li .question { padding: 10px; }
}
.faq-accordion ul li .question strong { font-size: 18px; }

.faq-accordion ul li .question mark {  }
.faq-accordion ul li .question mark i { -webkit-transition: transform .3s ease; transition: transform .3s ease; }
.faq-accordion ul li.opened .question mark i { transform: rotateZ(180deg); }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.faq-accordion ul li .question mark i { display: none; }
}

.faq-accordion ul li .answer,
.faq-accordion ul li.closed .answer { padding: 0; width: 100%; height: 0; min-height: 0; max-height: 0; visibility: hidden; }

.faq-accordion ul li.opened .answer {
	display: inline-block; position: relative; padding: 20px; width: 100%; height: 100%; min-height: 100%; max-height: 100%; visibility: visible;
	overflow: hidden;
}

.faq-accordion ul.op-none > li.closed > .answer {
	-webkit-transform: translateY(-100%); transform: translateY(-100%);
	-webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease;
}
.faq-accordion ul.op-none > li.opened > .answer {
	-webkit-transform: translateY(0); transform: translateY(0);
	-webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease;
}

/*
.faq-accordion ul.op-bounce > li.opened > .answer { -webkit-animation: bounce 500ms; animation: bounce 500ms; }
.faq-accordion ul.op-flash > li.opened > .answer { -webkit-animation: flash 500ms; animation: flash 500ms; }
.faq-accordion ul.op-pulse > li.opened > .answer { -webkit-animation: pulse 500ms; animation: pulse 500ms; }
.faq-accordion ul.op-rubberBand > li.opened > .answer { -webkit-animation: rubberBand 500ms; animation: rubberBand 500ms; }
.faq-accordion ul.op-headShake > li.opened > .answer { -webkit-animation: headShake 500ms; animation: headShake 500ms; }
.faq-accordion ul.op-swing > li.opened > .answer { -webkit-animation: swing 500ms; animation: swing 500ms; }
.faq-accordion ul.op-tada > li.opened > .answer { -webkit-animation: tada 500ms; animation: tada 500ms; }
.faq-accordion ul.op-wobble > li.opened > .answer { -webkit-animation: wobble 500ms; animation: wobble 500ms; }
.faq-accordion ul.op-jello > li.opened > .answer { -webkit-animation: jello 500ms; animation: jello 500ms; }
.faq-accordion ul.op-heartBeat > li.opened > .answer { -webkit-animation: heartBeat 500ms; animation: heartBeat 500ms; }

.faq-accordion ul.op-bounceIn > li.opened > .answer { -webkit-animation: bounceIn 500ms; animation: bounceIn 500ms; }
.faq-accordion ul.op-bounceInDown > li.opened > .answer { -webkit-animation: bounceInDown 500ms; animation: bounceInDown 500ms; }
.faq-accordion ul.op-bounceInLeft > li.opened > .answer { -webkit-animation: bounceInLeft 500ms; animation: bounceInLeft 500ms; }
.faq-accordion ul.op-bounceInRight > li.opened > .answer { -webkit-animation: bounceInRight 500ms; animation: bounceInRight 500ms; }
.faq-accordion ul.op-bounceInUp > li.opened > .answer { -webkit-animation: bounceInUp 500ms; animation: bounceInUp 500ms; }

.faq-accordion ul.op-fadeIn > li.opened > .answer { -webkit-animation: fadeIn 500ms; animation: fadeIn 500ms; }
.faq-accordion ul.op-fadeInDown > li.opened > .answer { -webkit-animation: fadeInDown 500ms; animation: fadeInDown 500ms; }
.faq-accordion ul.op-fadeInDownBig > li.opened > .answer { -webkit-animation: fadeInDownBig 500ms; animation: fadeInDownBig 500ms; }
.faq-accordion ul.op-fadeInLeft > li.opened > .answer { -webkit-animation: fadeInLeft 500ms; animation: fadeInLeft 500ms; }
.faq-accordion ul.op-fadeInLeftBig > li.opened > .answer { -webkit-animation: fadeInLeftBig 500ms; animation: fadeInLeftBig 500ms; }
.faq-accordion ul.op-fadeInRight > li.opened > .answer { -webkit-animation: fadeInRight 500ms; animation: fadeInRight 500ms; }
.faq-accordion ul.op-fadeInRightBig > li.opened > .answer { -webkit-animation: fadeInRightBig 500ms; animation: fadeInRightBig 500ms; }
.faq-accordion ul.op-fadeInUp > li.opened > .answer { -webkit-animation: fadeInUp 500ms; animation: fadeInUp 500ms; }
.faq-accordion ul.op-fadeInUpBig > li.opened > .answer { -webkit-animation: fadeInUpBig 500ms; animation: fadeInUpBig 500ms; }

.faq-accordion ul.op-flip > li.opened > .answer { -webkit-animation: flip 500ms; animation: flip 500ms; }
.faq-accordion ul.op-flipInX > li.opened > .answer { -webkit-animation: flipInX 500ms; animation: flipInX 500ms; }
.faq-accordion ul.op-flipInY > li.opened > .answer { -webkit-animation: flipInY 500ms; animation: flipInY 500ms; }

.faq-accordion ul.op-rotateIn > li.opened > .answer { -webkit-animation: rotateIn 500ms; animation: rotateIn 500ms; }
.faq-accordion ul.op-rotateInDownLeft > li.opened > .answer { -webkit-animation: rotateInDownLeft 500ms; animation: rotateInDownLeft 500ms; }
.faq-accordion ul.op-rotateInDownRight > li.opened > .answer { -webkit-animation: rotateInDownRight 500ms; animation: rotateInDownRight 500ms; }
.faq-accordion ul.op-rotateInUpLeft > li.opened > .answer { -webkit-animation: rotateInUpLeft 500ms; animation: rotateInUpLeft 500ms; }
.faq-accordion ul.op-rotateInUpRight > li.opened > .answer { -webkit-animation: rotateInUpRight 500ms; animation: rotateInUpRight 500ms; }

.faq-accordion ul.op-jackInTheBox > li.opened > .answer { -webkit-animation: jackInTheBox 500ms; animation: jackInTheBox 500ms; }

.faq-accordion ul.op-zoomIn > li.opened > .answer { -webkit-animation: zoomIn 500ms; animation: zoomIn 500ms; }
.faq-accordion ul.op-zoomInDown > li.opened > .answer { -webkit-animation: zoomInDown 500ms; animation: zoomInDown 500ms; }
.faq-accordion ul.op-zoomInLeft > li.opened > .answer { -webkit-animation: zoomInLeft 500ms; animation: zoomInLeft 500ms; }
.faq-accordion ul.op-zoomInRight > li.opened > .answer { -webkit-animation: zoomInRight 500ms; animation: zoomInRight 500ms; }
.faq-accordion ul.op-zoomInUp > li.opened > .answer { -webkit-animation: zoomInUp 500ms; animation: zoomInUp 500ms; }

.faq-accordion ul.op-slideInDown > li.opened > .answer { -webkit-animation: slideInDown 500ms; animation: slideInDown 500ms; }
.faq-accordion ul.op-slideInLeft > li.opened > .answer { -webkit-animation: slideInLeft 500ms; animation: slideInLeft 500ms; }
.faq-accordion ul.op-slideInRight > li.opened > .answer { -webkit-animation: slideInRight 500ms; animation: slideInRight 500ms; }
.faq-accordion ul.op-slideInUp > li.opened > .answer { -webkit-animation: slideInUp 500ms; animation: slideInUp 500ms; }
*/