.mega-line-container h2 {
margin: 5px 0 0 0;
}
.mega-line-container p {
margin: 5px 0 0 0;
}
.mega-line-container .mega-line-top span {
display: inline-block;
}
.mega-line-container .mega-line-center span {
display: inline-table;
}
.mega-line-container .mega-line-bottom span {
display: inline-block;
}
.mega-line-icon .line-icon {
width: 230px;
display: inline-block;
border-top: 2px solid #ccc;
padding-right: 15px;
}
.mega-line-icon .line-icon i {
position: absolute;
font-size: 16px;
margin-top: -9px;
margin-left: -7px;
background: #fff;
padding: 0 7px;
}
.mega-line-icon .line-icon img {
width: 60px; position: absolute;
font-size: 16px;
margin-top: -30px;
margin-left: -15px;
background: #fff;
padding: 0 7px;
}
#mega-line-img .line-img {
width: 230px;
display: inline-block;
border-top: 2px solid #ccc;
}
.mega-line-icon h2 { }
#mega-line-img .line-img img {
width: 48px;
position: absolute;
font-size: 16px;
margin-top: -25px;
margin-left: -30px;
background: #fff;
padding: 0 7px;
}.mega-accordion h3 {
margin: 0;
padding-left: 20px;
cursor: pointer;
font-weight: normal;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}
.mega-accordion h3:focus {
outline: none !important;
}
.mega-accordion h3 span {
padding-right: 15px;
} .mega-accordion .mega-panel {
padding: 15px 20px;
}
.accordion_theme_1 h3 {
position: relative;
padding-left: 70px;
}
.accordion_theme_1 span.ui-accordion-header-icon {
height: 100%;
top: 0;
left: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
margin-right: 16px;
padding: 0 0px !important;
background: #194872;
width: 60px;
}
.accordion_theme_2 h3 {
position: relative;
padding-left: 75px;
}
.accordion_theme_2 span.ui-accordion-header-icon {
height: 100%;
top: 0;
left: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
margin-right: 16px;
padding: 0 0px !important;
background: #194872;
width: 55px;
}
.accordion_theme_2 span.ui-accordion-header-icon:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 14px;
border-color: transparent transparent transparent #194872;
position: absolute;
right: -14px;
}
.accordion_theme_3 h3 {
position: relative;
padding-left: 75px;
overflow: hidden;
}
.accordion_theme_3 span.ui-accordion-header-icon { height: 100%;
top: 0;
left: 0;
text-align: right;
position: absolute;
display: flex;
align-items: center;
padding-left: 22px;
padding-right: 0 !important;
background: #194872;
}
.accordion_theme_3 span.ui-accordion-header-icon:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 30px;
border-color: transparent transparent transparent #194872;
position: absolute;
right: -30px;
z-index: 11;
}
.accordion_theme_4 h3 {
position: relative;
padding-left: 75px;
overflow: hidden;
}
.accordion_theme_4 span.ui-accordion-header-icon { height: 100%;
top: 0;
left: 0;
text-align: right;
position: absolute;
display: flex;
align-items: center;
padding-left: 22px;
padding-right: 0 !important;
background: #194872;
}
.accordion_theme_4 span.ui-accordion-header-icon:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 17px 0 17px 17px;
border-color: transparent transparent transparent #194872;
right: -17px;
top: 22%;
position: absolute;
}
.accordion_theme_5 h3 {
position: relative;
padding-left: 75px;
overflow: hidden;
}
.accordion_theme_5 span.ui-accordion-header-icon { height: 100%;
top: 0;
left: 0;
text-align: right;
position: absolute;
display: flex;
align-items: center;
padding-left: 22px;
padding-right: 0 !important;
background: #194872;
}
.accordion_theme_5 span.ui-accordion-header-icon:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 60px 35px 0 0;
border-color: #194872 transparent transparent transparent;
right: -35px;
position: absolute;
}
.accordion_theme_6 h3 {
position: relative;
padding-left: 75px;
overflow: hidden;
}
.accordion_theme_6 span.ui-accordion-header-icon { height: 100%;
top: 0;
left: 0;
text-align: right;
position: absolute;
display: flex;
align-items: center;
padding-left: 22px;
padding-right: 0 !important;
background: #194872;
}
.accordion_theme_6 span.ui-accordion-header-icon:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 0 35px;
right: -35px;
position: absolute;
border-color: transparent transparent transparent #194872;
}
.accordion_theme_7 h3 {
position: relative;
padding-left: 75px;
overflow: hidden;
}
.accordion_theme_7 span.ui-accordion-header-icon {
width: 34px;
height: 100%;
top: 0;
left: 0;
text-align: right;
position: absolute;
display: flex;
align-items: center;
padding-left: 22px;
padding-right: 0 !important;
background: #194872;
}
.accordion_theme_7 span.ui-accordion-header-icon:after{
content: '';
border-style: solid;
border-width: 0px 0 0 0px;
background-color: inherit;
content: '';
position: absolute;
bottom: -13px;
left: 47px;
width: 17px;
height: 17px;
display: block;
transform: rotate(-44deg);
}