/*------------------------------------*\
-------- Page Styles: Accordion
\*------------------------------------*/

.main:before { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; content: ''; background: -webkit-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png'); background: -moz-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png'); background: -o-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png'); background: radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png'); }

.site-header-wrap { margin-bottom: 60px; }

/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.accordion { padding-bottom: 60px; overflow: hidden; }
.accordion-section-content p { margin-bottom: -10px !important }
.accordion ul, .accordion ol { list-style: outside; font-size: 16px }
.accordion ol { list-style-type: decimal; margin-left: 20px; }
.accordion ul { margin-left: 10px; }
.accordion ol li { margin-bottom: 15px }
.accordion ol ul { margin-left: 6px; }
    .accordion ol ul li { margin-bottom: 5px }
/*----- Section Titles -----*/
.accordion-section-title { width: 100%; padding: 15px; display: inline-block; border-bottom: 1px solid #ccc !important; transition: all linear 0.15s; /* Type */ font-size: 1.5em; font-family: 'Muli', sans-serif; font-weight: 600; color: #45A49D; background-image: url(../images/mas.png); background-repeat: no-repeat; background-position: right center; }

    .accordion-section-title:hover { background-color: #efefef; color: #9B315B !important; background-image: url(../images/mas.png); background-repeat: no-repeat; background-position: right center; /* Type */ text-decoration: none; }
    .accordion-section-title.active { background-color: #e7e6e6; color: #A8163F !important; background-image: url(../images/menos.png); background-repeat: no-repeat; background-position: right center; /* Type */ }
.accordion-section:last-child .accordion-section-title { border-bottom: none; }

/*----- Section Content -----*/
.accordion-section-content { padding: 15px; display: none; }
