/* ===================================================================
CSS information
 file name  : faq.css author     : Ability Consultant style info : FAQ
=================================================================== */
@-webkit-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-moz-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-ms-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animHomeHeaderLine { 0% { background-position: 0 -5em; }
  50% { background-position: 0 0; }
  100% { background-position: 0 5em; } }
#header .con_header .box_right ul li .ddmenu ul li { border-bottom: 1px dotted #000; }
#header .con_header .box_right ul li .ddmenu ul li a { color: #000; }
#header .con_header .box_right ul li .ddmenu ul li a:before, #header .con_header .box_right ul li .ddmenu ul li a:after { background: #000 !important; }

.con_intro { padding-bottom: 35px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro { padding-bottom: 30px; } }
@media only screen and (max-width: 767px) { .con_intro { padding-bottom: 1em; } }
.con_intro .con_lnk ul li { width: 15%; margin: 0 0.52083% 10px; }
@media only screen and (max-width: 767px) { .con_intro .con_lnk ul li { width: 48%; } }
.con_intro .con_lnk ul li a { background: #fff; padding: 1em; }
@media only screen and (max-width: 767px) { .con_intro .con_lnk ul li a { font-size: 100%; } }
.con_intro .con_lnk ul li a:hover { background: #8a7350; color: #fff; }

.con_faq { margin-bottom: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq { margin-bottom: 50px; } }
@media only screen and (max-width: 767px) { .con_faq { margin-bottom: 30px; } }
@media only screen and (min-width: 1025px) and (max-width: 1200px) { .con_faq { width: 95%; margin: auto; } }
@media print { .con_faq { width: 95%; margin: auto; } }
.ie8 .con_faq { width: 95%; margin: auto; }
.con_faq .box_faq { margin: 3em 0; font-family: "Gilda Display", serif; letter-spacing: 3px; }
@media only screen and (max-width: 767px) { .con_faq .box_faq { margin: 2em 0; } }
.con_faq .box_faq:last-child { margin-bottom: 0; }
.con_faq .box_faq .title { font-size: 150%; padding: 1.2em; letter-spacing: 1em; background: #f5f2ee; text-align: center; font-weight: normal; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .title { font-size: 126%; letter-spacing: 0.4em; } }
.con_faq .box_faq .box_list { margin-top: 2em; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list { margin-top: 1em; } }
.con_faq .box_faq .box_list li { border-bottom: 1px solid #e1e1e1; padding: 3em 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .box_list li { padding: 2em 0; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li { padding: 1em 0; } }
.con_faq .box_faq .box_list li p { padding-left: 3em; position: relative; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p { padding-left: 2.5em; } }
.con_faq .box_faq .box_list li p::before { position: absolute; left: 0; top: -.5em; font-size: 284%; font-family: "EB Garamond", serif; display: block; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .box_list li p::before { font-size: 267%; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p::before { top: -.4em; font-size: 167%; } }
.con_faq .box_faq .box_list li p.txt_question { font-size: 126%; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_question { font-size: 100%; } }
.con_faq .box_faq .box_list li p.txt_question::before { content: "Q"; }
.con_faq .box_faq .box_list li p.txt_answer { margin: 2em 0 0 2em; line-height: 2; font-size: 109%; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_answer { margin: 1em 0 0 1em; font-size: 92%; } }
.con_faq .box_faq .box_list li p.txt_answer::before { content: "A"; }
.con_faq .box_faq .box_list li p.txt_answer .btn a { margin: 2em 0 0; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_answer .btn a { margin: 1em 0 0; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_question { position: relative; padding-right: 2.5em; }
  .con_faq .box_faq .box_list li p.txt_question::after { content: "\f107"; font-family: FontAwesome; position: absolute; top: 0; right: 0.3em; line-height: 1; font-size: 184%; }
  .con_faq .box_faq .box_list li p.active::after { content: "\f106"; }
  .con_faq .box_faq .box_list li p.txt_answer { display: none; } }