/* ============================================================================ FAQ ============================================================================ */ #faq-layer1 {width:100%;position: relative;background: #433c36 url('../img/faq-back.jpg') top center no-repeat;} .faq-content {width:1340px;margin:0 auto;padding:110px 0 0 0;position:relative;} .faq-page h1 {display:inline-block;padding:0 0 6px 0;} .faq-page h1 {font-size:36px;line-height:38px;color:#fff;font-weight:600;text-transform:uppercase;border-bottom:3px solid #f3bf21;} .faq1-header h2 {font-family: 'Barlow Condensed', sans-serif;font-size:150px;line-height:150px;font-weight:500;color:#fff;text-transform:uppercase;} .faq-container {width:1020px;margin:0px auto;padding:130px 0 150px 0;position:relative;} #faq-layer1 {width:100%;position: relative;} .faq-left {width:50%;min-height:595px;float:left;background:#3a3430;} .faq-right {width:50%;min-height:595px;float:right;background:#f3bf21;} .faq-l-i {max-width:570px;float:right;margin:0 110px 0 0;padding:175px 0 0 0;} .faq-l-header h4 {font-family: 'Barlow Condensed', sans-serif;font-size:100px;line-height:100px;font-weight:500;color:#fff;text-transform:uppercase;} .faq-blk {display:block;} .faq-r-button {float:left;margin:0 0 0 110px;padding:200px 0 0 0;} .ebig1 {font-size:100px;line-height:100px;display:block;text-align:center;} .ebig2 {text-align:center;display:block;padding:10px 0 0 0;} ul { list-style: none; padding: 0; } ul .inner { padding-bottom: 40px; overflow: hidden; display: none; font-weight:400; /* position:absolute;*/ } ul li { /*padding-bottom: 10px;*/ } ul li a.toggle { display: block; color: #fff; transition: background 0.3s ease; } ul li a.toggle:hover { color: #f3bf21; } .question-text-2 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .question-text-2 h3 { font-size: 40px; line-height:40px; font-weight: 200; max-width:90%; } .question-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top:1px solid #8e8986; background-color: transparent; text-align: left; text-decoration: none; /*cursor: pointer;*/ } .text-block-5 { font-size: 40px; position:absolute; top:20px; right:2px; font-weight:300; } .last-border {width:100%;height:1px;background:#8e8986;} .question { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding:18px 0 28px 0; position:relative; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } @media only screen and (min-width: 1180px) and (max-width: 1380px) { .question-container { width: 95%; padding: 20px; } } @media only screen and (min-width: 959px) and (max-width: 1180px) { .question-container { width: 95%; padding: 20px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .question-container { width: 95%; padding: 20px 10px; } .question-text-2 h3 { line-height:40px; font-size: 20px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .question-container {width: 95%;padding: 20px 10px;} .question-text-2 h3 {line-height:30px;font-size: 20px;} .text-block-5 {font-size: 20px;top:20px;right:2px;} .inner {font-size:18px;line-height:22px;} } @media only screen and (min-width: 320px) and (max-width: 479px) { .question-container {width: 92%;padding: 20px 0;} .question-text-2 h3 {line-height:30px;font-size: 20px;} .text-block-5 {font-size: 20px;top:20px;right:2px;} .inner {font-size:18px;line-height:22px;} }