@import url(https://fonts.googleapis.com/css?family=Lato:400,700);



* {

    box-sizing: border-box;

}



body {

    font-family: 'Lato';

}



.heading-primary {

    font-size: 2em;

    padding: 2em;

    text-align: center;

}



.accordion dl,

.accordion-list {

    border: 1px solid #ddd;

}



.accordion dl:after,

.accordion-list:after {

    content: "";

    display: block;

    height: 1em;

    width: 100%;

    background-color: #222222;

}



.accordion dd,

.accordion__panel {

    background-color: #eee;

    font-size: 1em;

    line-height: 1.5em;

}



.accordion p {

    padding: 1em 2em 1em 2em;

}



.accordion {

    position: relative;

    background-color: #eee;

}



.container {

    max-width: 960px;

    margin: 0 auto;

    padding: 2em 0 2em 0;

}



.accordionTitle,

.accordion__Heading {

    background-color: #777777;

    text-align: center;

    line-height: 1.5em;

    font-weight: 400;

    padding: 1em;

    display: block;

    text-decoration: none;

    color: #fff !important;

    -webkit-transition: background-color 0.5s ease-in-out;

    transition: background-color 0.5s ease-in-out;

    border-bottom: 1px solid #444444;

    font-family: "Rubik-Regular";

}



.accordionTitle:before,

.accordion__Heading:before {

    /*color:#fff;

  content: "+";

  font-size: 1.5em;

  line-height: 0.5em;

  float: left;

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  transition: -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;*/

}



.accordionTitle {

    float: left;

    width: calc(100% - 60px);

}



.accordionTitle:hover,

.accordion__Heading:hover {

    background-color: #222222;

}



.accordionTitleActive,

.accordionTitle.is-expanded {

    background-color: #222222;

}



.faq-icon-cover.is-expanded .faq-icon {

    -webkit-transform: rotate(-225deg);

    transform: rotate(-225deg);

}



.faq-icon-cover.is-expanded {

    background: #f00;

}



.accordionTitleActive:before,

.accordionTitle.is-expanded:before {

    -webkit-transform: rotate(-225deg);

    transform: rotate(-225deg);

}



.accordionItem {

    height: auto;

    overflow: hidden;

    max-height: 50em;

    -webkit-transition: max-height 1s;

    transition: max-height 1s;

}



.post-content .faq-main p {

    color: #000;

    font-family: "Rubik-Light";

    margin: 0px;

    padding: 15px 30px;

}



@media screen and (min-width: 48em) {

    .accordionItem {

        max-height: 250em;

        -webkit-transition: max-height 0.5s;

        transition: max-height 0.5s;

    }

}



.accordionItem.is-collapsed {

    max-height: 0;

}



.no-js .accordionItem.is-collapsed {

    max-height: auto;

}



.animateIn {

    -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;

    animation: accordionIn 0.45s normal ease-in-out both 1;

}



.animateOut {

    -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;

    animation: accordionOut 0.45s alternate ease-in-out both 1;

}



@-webkit-keyframes accordionIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.9) rotateX(-60deg);

        transform: scale(0.9) rotateX(-60deg);

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes accordionIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.9) rotateX(-60deg);

        transform: scale(0.9) rotateX(-60deg);

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@-webkit-keyframes accordionOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(0.9) rotateX(-60deg);

        transform: scale(0.9) rotateX(-60deg);

    }

}



@keyframes accordionOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(0.9) rotateX(-60deg);

        transform: scale(0.9) rotateX(-60deg);

    }

}