.ult-tabto-accordion { margin: 0 auto; padding: 0; width: 100%; position: relative } .ult-tabto-accordion dd, .ult-tabto-accordion dl { margin: 0!important; padding: 0 } .ult-tabto-accordion .extraborder { display: block; height: 1em; width: 100%; margin-top: -1px; background-color: #CCC } .ult-tabto-accordion dt>a { margin: 0; text-align: center; font-weight: 700; font-size: 1em; padding: 7px; display: block; text-decoration: none; color: #666; -webkit-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out } .ult-tabto-accordion dt>a:visited { color: #fff } .ult-tabto-accordion dt>a:focus { outline: 0 } .ult-tabto-accordion dd { background-color: none; height: auto; line-height: 1.5em } .ult-tabto-accordion dd>.ult-tabto-acontent { font-size: 1em; padding: 1em 2em } .ult-tabto-accordion dd p { padding: 0; margin: 8px 0 } .ult-tabto-actitle { background-color: #EFEFEF; background-repeat: repeat } .ult-tabto-actitle.withBorder { border-bottom: inherit } .ult-tabto-actitle:hover { color: #fff; background-color: #999 } i.accordion-icon { font-size: 1.5em; line-height: 1.5em; height: 1.5em; display: inline-block; margin-top: -4px; float: left; -webkit-transition: -webkit-transform .75s ease-in-out; transition: -webkit-transform .75s ease-in-out; transition: transform .75s ease-in-out; transition: transform .75s ease-in-out, -webkit-transform .75s ease-in-out } .ult-tabto-actitle.ult-tabto-actitleActive i.accordion-icon:before { content: '-'; padding-left: 0.20em; padding-right: 0.10em; } .ult-tabto-actitle i.accordion-icon:before { content: '+'; } .ult-tabto-actitleActive { color: #fff; background-color: #999 } .ult-tabto-accordion .ult-tabto-accordionItem { height: auto; overflow: auto; } .ult_acordian-text { line-height: 1em!important; font-size: 15px; margin: 10px; } span.ult_tab_main.ult_ac_mainIcon { display: inline-table } span.ult_tab_main.ult_ac_main.ult_top.Icon { display: inline-block } span.ult_tab_main.ult_ac_main.ult_noacordicnIcon { display: inline-table } .ult-tabto-accordion .ult-tabto-accordionItem { max-height: 80em; -webkit-transition: max-height .5s; transition: max-height .5s } .ult-tabto-accordion .ult-tabto-accolapsed { max-height: 0 } .cq-animateIn { -webkit-animation-name: accordionIn; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -webkit-animation-delay: 0s; -moz-animation-name: normal; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -moz-animation-delay: 0s; animation-name: accordionIn; animation-duration: 1s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0s } .cq-animateOut { -webkit-animation-name: accordionOut; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -webkit-animation-delay: 0s; -moz-animation-name: accordionOut; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -moz-animation-delay: 0s; animation-name: accordionOut; animation-duration: 1s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0s } @-webkit-keyframes accordionIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes accordionIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes accordionOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes accordionOut { 0% { opacity: 1 } 100% { opacity: 0 } } .ult-ac-slideup { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; } .ult-ac-slidedown { -webkit-transition: max-height 1s; transition: max-height 1s; max-height: 100% } .fadeout { -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity: 0 } .fadein { opacity: 1 } a.ult-tabto-actitle.withBorder.ult_a span.ult_tab_main { display: inline-table } a.ult-tabto-actitle.withBorder.ult_a .ult_tab_icon, a.ult-tabto-actitle.withBorder.ult_a span.ult_tab_main .ult_tab_icon { vertical-align: middle; font-size: 20px; } a.ult-tabto-actitle.withBorder.ult_a .aio-icon.none.icon-top { display: table-row }