@import url( '_normalize.css' );
/*@import url( '_default.css' );*/

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input
{
    border-radius: 0;
    border: none;
}

select:-moz-focusring
{
    text-shadow: 0 0 0 #000;
    color: transparent;
}

input[type='text']
{
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input::-ms-reveal	{ display: none; }
input::-ms-clear	{ display: none; }


input[type='submit']
{
    border: none;
    background-color: transparent;
}

input[type='search'] /* see normalize.css */
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
input[type='text'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='url'], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
*/

a
{
    color: currentColor;
    text-decoration: none;
}
.faq {

}
.faq input
{
    width: 100%;
    height: 60px;
    font-size: 20px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba( 52, 67, 75, .2 );
    display: block;
    padding: 0 20px;
    margin-bottom: 40px;
    -webkit-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
}
.faq input::-webkit-input-placeholder	{ color: #a1bdcb !important; }
.faq input::-moz-placeholder			{ color: #a1bdcb !important; }
.faq input:-ms-input-placeholder		{ color: #a1bdcb !important; }
.faq input:focus
{
    box-shadow: 0px 4px 8px rgba( 52, 67, 75, .4 );
}
.faq .highlight
{
    background-color: #ffda6b;
}
.faq > ul
{
}
.faq > ul > li
{
    list-style: none;
}
.faq > ul > li:not( :first-child )
{
    border-top: 1px solid #dcebed;
    margin-top: 20px;
    padding-top: 20px;
}
.faq > ul > li.is-hidden
{
    display: none;
}
.faq > ul > li h2
{
    font-size: 24px;
    font-weight: 700;
}
.faq > ul > li h2:hover,
.faq > ul > li h2:focus,
.faq > ul > li.is-active h2,
.faq > ul > li:target h2
{
    color: #a664b7;
}
/*.faq > ul > li > p
{
    display: none;
}
.faq > ul > li.is-active > p,
.faq > ul > li:target > p
{
    display: block;
    margin-top: 10px;
}*/

.faq__notfound
{
    font-size: 20px;
    font-style: italic;
    display: none;
}
.faq__notfound.is-visible
{
    display: block;
}

/**/
.transition, p, ul li i:before, ul li i:after, ol li i:before, ol li i:after {
    transition: all 0.25s ease-in-out;
}

.flipIn, h1, ul li, ol li {
    animation: flipdown 0.5s ease both;
}

.no-select, #panelsection h2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#panelsection ul li:nth-of-type(1), #panelsection ol li:nth-of-type(1) {
    animation-delay: 0.5s;
}
#panelsection ul li:nth-of-type(2), #panelsection ol li:nth-of-type(2) {
    animation-delay: 0.75s;
}
#panelsection ul li:nth-of-type(3), #panelsection ol li:nth-of-type(3) {
    animation-delay: 1s;
}
#panelsection ul li:last-of-type, #panelsection ol li:last-of-type {
    padding-bottom: 0;
}
#panelsection ul li i, #panelsection ol li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 16px;
    right: 0;
}
#panelsection ul li i:before, #panelsection ul li i:after,
#panelsection ol li i:before, #panelsection ol li i:after {
    content: "";
    position: absolute;
    background-color: #000000;
    width: 3px;
    height: 9px;
}
#panelsection ul li i:before,
#panelsection ul li.is-active i:before{
    transform: translate(-2px, 0) rotate(45deg);
}
#panelsection ul li i:after,
#panelsection ul li.is-active i:after{
    transform: translate(2px, 0) rotate(-45deg);
}

#panelsection ul li i:before{
    transform: translate(2px, 0) rotate(45deg);
}
#panelsection ul li i:after{
    transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}