.lvca-accordion .lvca-panel-title {
display: block;
cursor: pointer; }
.lvca-accordion .lvca-panel-content {
display: none;
overflow: hidden; }
.lvca-accordion.lvca-style1 .lvca-panel .lvca-panel-title, .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-title {
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.lvca-accordion.lvca-style1 .lvca-panel .lvca-panel-title:after, .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-title:after {
font-family: 'lvca-icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
content: "\e912";
right: 30px;
top: 26px;
font-size: 14px;
line-height: 1;
color: #666;
font-weight: 700;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.lvca-accordion.lvca-style1 .lvca-panel.lvca-active .lvca-panel-title:after, .lvca-accordion.lvca-style3 .lvca-panel.lvca-active .lvca-panel-title:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-title {
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-title:after {
font-family: 'lvca-icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 30px;
top: 25px;
content: "\e913";
color: #999;
font-size: 18px;
line-height: 1;
-webkit-transition: color .3s ease-in 0s, transform .3s ease-in-out 0s;
-webkit-transition: color .3s ease-in 0s, -webkit-transform .3s ease-in-out 0s;
transition: color .3s ease-in 0s, -webkit-transform .3s ease-in-out 0s;
transition: color .3s ease-in 0s, transform .3s ease-in-out 0s;
transition: color .3s ease-in 0s, transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.lvca-accordion.lvca-style2 .lvca-panel.lvca-active .lvca-panel-title:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } .lvca-accordion.lvca-style1 .lvca-panel {
margin: 20px 0 0;
background: #eee;
border-radius: 5px;
overflow: hidden; }
.lvca-accordion.lvca-style1 .lvca-panel .lvca-panel-title {
position: relative;
display: block;
padding: 20px 50px 20px 30px;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
font-weight: bold;
color: #666;
margin: 0; }
.lvca-accordion.lvca-style1 .lvca-panel .lvca-panel-content {
background: #f8f8f8;
padding: 30px 30px; }
.lvca-accordion.lvca-style1 .lvca-panel:hover .lvca-panel-title {
background: #e2e2e2; }
.lvca-accordion.lvca-style1 .lvca-panel.lvca-active .lvca-panel-title {
color: #333;
background: #e2e2e2; }
.lvca-accordion.lvca-style1 .lvca-panel.lvca-active .lvca-panel-title:after {
color: #333; } .lvca-accordion.lvca-style2 .lvca-panel {
margin: 20px 0 0;
color: #333;
-webkit-transition: color .3s;
transition: color .3s;
position: relative; }
.lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-title {
position: relative;
display: block;
border-radius: 5px;
border: 1px solid #dcdcdc;
overflow: hidden;
padding: 20px 50px 20px 30px;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
font-weight: bold;
color: #666;
margin: 0;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
z-index: 1; }
.lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-title:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 0;
width: 100%;
background: #4c5053;
-webkit-transition: height 0.3s cubic-bezier(0.77, 0, 0.175, 1);
transition: height 0.3s cubic-bezier(0.77, 0, 0.175, 1);
z-index: -1; }
.lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content {
padding: 20px 30px;
border-color: #dcdcdc;
border-style: solid;
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px; }
.lvca-accordion.lvca-style2 .lvca-panel:hover .lvca-panel-title, .lvca-accordion.lvca-style2 .lvca-panel:hover .lvca-panel-title:after {
color: #fff;
border-color: #333; }
.lvca-accordion.lvca-style2 .lvca-panel:hover .lvca-panel-title:before {
height: 100%; }
.lvca-accordion.lvca-style2 .lvca-panel.lvca-active .lvca-panel-title {
background: #4c5053;
color: #fff;
border-radius: 5px 5px 0 0;
border-color: #333; }
.lvca-accordion.lvca-style2 .lvca-panel.lvca-active .lvca-panel-title:after {
color: #fff; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-title {
color: #888;
border-color: #404040; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-title:before {
background: #e5e5e5; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel:hover .lvca-panel-title {
color: #333; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel:hover .lvca-panel-title:after {
color: #666; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel.lvca-active .lvca-panel-title {
background: #e5e5e5;
color: #333;
border-color: #e5e5e5; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel.lvca-active .lvca-panel-title:after {
color: #666; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content {
border-color: #404040;
color: #909090; }
.lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content h1, .lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content h2, .lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content h3, .lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content h4, .lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content h5, .lvca-dark-bg .lvca-accordion.lvca-style2 .lvca-panel .lvca-panel-content h6 {
color: #e5e5e5; } .lvca-accordion.lvca-style3 .lvca-panel {
margin: 0;
border-bottom: 1px solid #dcdcdc; }
.lvca-accordion.lvca-style3 .lvca-panel:first-child {
border-top: 1px solid #dcdcdc; }
.lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-title {
position: relative;
display: block;
padding: 20px 50px 20px 5px;
font-size: 14px;
line-height: 22px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
color: #666;
margin: 0; }
.lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-title:after {
top: 24px; }
.lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content {
padding: 10px 50px 30px 5px; }
.lvca-accordion.lvca-style3 .lvca-panel:hover .lvca-panel-title {
color: #333; }
.lvca-accordion.lvca-style3 .lvca-panel.lvca-active .lvca-panel-title {
color: #333; }
.lvca-accordion.lvca-style3 .lvca-panel.lvca-active .lvca-panel-title:after {
color: #333; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel {
border-color: #404040; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-title {
color: #b0b0b0; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-title:after {
color: #888; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel:hover .lvca-panel-title {
color: #eaeaea; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel:hover .lvca-panel-title:after {
color: #aaa; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel.lvca-active .lvca-panel-title {
color: #eaeaea; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel.lvca-active .lvca-panel-title:after {
color: #aaa; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content {
color: #909090; }
.lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content h1, .lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content h2, .lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content h3, .lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content h4, .lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content h5, .lvca-dark-bg .lvca-accordion.lvca-style3 .lvca-panel .lvca-panel-content h6 {
color: #e5e5e5; }