.accordion .ac-item > .ac-title > em {
    margin-right: 16px;
}

.button em {
    font-size: 15px;
    margin-right: 10px;
}
.button.icon-left em {
    margin-right: 10px;
}
.button.icon-right em {
    margin-left: 10px;
    margin-right: 0;
}
.button.small em {
    font-size: 11px;
    margin-right: 6px;
}
.button.small.icon-left em {
    margin-right: 6px;
}
.button.small.icon-right em {
    margin-left: 6px;
    margin-right: 0;
}

.button.transparent:hover em {
    color: #333 !important;
}

.button.border.light:hover:hover em {
    color: #252525
}

.button.effect.icon-left em {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.button.effect.icon-left em {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-24px, -50%);
    -ms-transform: translate(-24px, -50%);
    transform: translate(-24px, -50%);
    ms-transform: translate(-24px, -50%);
    opacity: 0
}

.button.small.effect.icon-left em {
    -webkit-transform: translate(-14px, -50%);
    -ms-transform: translate(-14px, -50%);
    transform: translate(-14px, -50%);
}

.button.effect.icon-right em {
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    -webkit-transform: translate(30px, -50%);
    -ms-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
    ms-transform: translate(30px, -50%);
    opacity: 0
}

.button.small.effect.icon-right em {
    -webkit-transform: translate(14px, -50%);
    -ms-transform: translate(14px, -50%);
    transform: translate(14px, -50%);
}
.button.small.effect.icon-right:hover span {
    -webkit-transform: translate(-5px, 0px);
    -ms-transform: translate(-5px, 0px);
    transform: translate(-5px, 0px);
}

.button.effect.icon-top em {
    position: absolute;
    display: block;
    top: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    ms-transform: translate(-50%, -50%);
    opacity: 0;
}

.button.small.effect.icon-top em {
    top: -22px;
}

.button.effect.icon-bottom em {
    position: absolute;
    display: block;
    bottom: -36px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    ms-transform: translate(-50%, -50%);
    opacity: 0;
}

.button.small.effect.icon-bottom em {
    bottom: -27px;
}

.button:hover.effect.icon-bottom em {
    opacity: 1;
}

.hr-title em {
    position: relative;
    top: -2px;
    font-size: 8px
}

.social-icons li:hover em {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

.icon-box .icon em {
    width: 100%;
    height: 100%;
    color: #333;
}
.icon-box .icon em {
    font-size: 28px;
    text-align: center;
    line-height: 66px;
    border-radius: 50%;
}

.icon-box.effect .icon em {
    z-index: 1;
}

.icon-box.effect .icon em:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}
.icon-box .icon em {
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
}
.icon-box.effect .icon em:after {
    top: -4px;
    left: -4px;
    padding: 4px;
    box-shadow: 0 0 0 3px #333;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
}
.icon-box.effect.dark .icon em:after {
    box-shadow: 0 0 0 3px #1ABC9C;
}
.icon-box.effect.dark .icon em:hover,
.icon-box.effect.dark:hover .icon em {
    background-color: #1ABC9C;
}
.icon-box.effect .icon em:hover:after,
.icon-box.effect:hover .icon em:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.image-box .image-box-content p em.fa.fa-play {
    padding-left: 3px;
}
.icon-box.small .icon em {
    font-size: 20px;
    line-height: 47px;
}

.icon-box.large .icon em {
    font-size: 38px;
    line-height: 87px;
}

.icon-box.border .icon em {
    line-height: 60px;
}
.icon-box.border:hover > .icon em {
    line-height: 66px;
}

.icon-box.border .icon em {
    background-color: transparent !important;
    color: #333;
}

.icon-box.border.small .icon em {
    font-size: 20px;
    line-height: 42px;
}
.icon-box.border.small:hover > .icon em {
    line-height: 49px;
}
.icon-box.border.large .icon em {
    line-height: 81px;
}
.icon-box.border.large:hover > .icon em {
    line-height: 86px;
}
.icon-box.square.large:hover > .icon em {
    line-height: 86px;
}

.icon-box.square.effect .icon em:after,
.icon-box.square .icon em {
    border-radius: 0;
}
.icon-box.square.border .icon em {
    line-height: 59px;
}
.icon-box.square:hover > .icon em {
    line-height: 66px;
}
.icon-box.square.border:hover > .icon em {
    line-height: 64px;
}
.icon-box.square.small:hover > .icon em {
    line-height: 47px;
}
.icon-box.square.border.small .icon em {
    line-height: 41px;
}
.icon-box.square.border.small:hover > .icon em {
    line-height: 47px;
}
.icon-box.square.border.large .icon em {
    line-height: 78px;
}
.icon-box.square.border.large:hover > .icon em {
    line-height: 84px;
}

.icon-box.light .icon em:after {
    box-shadow: 0 0 0 3px #e5e5e5;
}
.icon-box.light .icon em {
    background-color: #e5e5e5;
}
.icon-box.light .icon em {
    color: #808080;
}

.icon-box.light.large .icon em {
    line-height: 87px;
}
.icon-box.light.large:hover > .icon em {
    line-height: 88px;
}


.icon-box.fancy .icon em {
    background-color: transparent;
    color: #222;
    font-size: 110px;
    opacity: 0.09;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 0px;
}
.icon-box.effect.fancy .icon em:after {
    box-shadow: 0 0 0 0px transparent;
}
.icon-box.effect.fancy:hover > .icon em {
    font-size: 110px;
}
.icon-box.fancy.small > .icon em {
    font-size: 68px;
}
.icon-box.effect.fancy.small:hover > .icon em {
    font-size: 76px;
}
.icon-box.fancy.large .icon em {
    font-size: 120px;
}


.icon-box.clean .icon em {
    background-color: none;
    color: #333;
    font-size: 50px;
}
.icon-box.effect.clean .icon em:after {
    box-shadow: 0 0 0 0px transparent;
}
.icon-box.clean.small .icon em {
    font-size: 36px;
}

.icon-box.process.effect .icon em:hover:after,
.icon-box.process.effect:hover .icon em::after {
    opacity: 0;
    border: 0px;
}

.post-date em,
.image-box-content .icon-links em {
    margin-right: 4px;
}

.image-box .icon-links em {
    margin: 7px;
}

.image-box.effect.juna p em {
    margin: 7px;
}
.image-box.effect.juna p em:hover {
    opacity: 0.9;
}

.image-box.effect.tini p a em {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.image-box.effect.tini p a:first-child em {
    -webkit-transform: translate3d(-60px, -60px, 0);
    transform: translate3d(-60px, -60px, 0);
}
.image-box.effect.tini p a:nth-child(2) em {
    -webkit-transform: translate3d(60px, -60px, 0);
    transform: translate3d(60px, -60px, 0);
}
.image-box.effect.tini p a:nth-child(3) em {
    -webkit-transform: translate3d(-60px, 60px, 0);
    transform: translate3d(-60px, 60px, 0);
}
.image-box.effect.tini p a:nth-child(4) em {
    -webkit-transform: translate3d(60px, 60px, 0);
    transform: translate3d(60px, 60px, 0);
}
.image-box.effect.tini p a:nth-child(5) em {
    -webkit-transform: translate3d(60px, -60px, 0);
    transform: translate3d(60px, -60px, 0);
}
.image-box.effect.tini p a:nth-child(6) em {
    -webkit-transform: translate3d(-60px, -60px, 0);
    transform: translate3d(-60px, -60px, 0);
}

.effect.social-links a em {
    margin: 0 4px;
    color: #fff;
    font-size: 146%;
}

.effect.social-links p a em {
    border-radius: 50%;
    height: 42px;
    width: 42px;
    line-height: 44px;
    background: hsla(0, 0%, 0%, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, transform 0.25s;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
.effect.social-links:hover p em {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.effect.social-links:hover p a:nth-child(3) em {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.effect.social-links:hover p a:nth-child(2) em {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.effect.social-links:hover p a:first-child em {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.effect.social-links:hover p a em:hover {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transition-delay: rotate 1s;
    transition-delay: rotate 1s;
    -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
    transform: translate3d(0, 0, 0) rotate(360deg);
}
.effect .image-box-content p em {
    z-index: 2;
}

.owl-theme .owl-controls .owl-nav .owl-prev em,
.owl-theme .owl-controls .owl-nav .owl-next em {
    line-height: 66px;
}

.carousel-description-style .owl-theme .owl-controls .owl-nav .owl-prev em,
.carousel-description-style .owl-theme .owl-controls .owl-nav .owl-next em {
    line-height: 1;
}


.fontawesome-icon-list em {
    font-size: 18px;
    display: inline-block;
    font-size: 1.3em;
    margin-right: 5px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 30px;
    padding: 16px 0px;
}

.progress-title > em {
    margin-right: 8px;
}

.pie-chart em {
    display: inline-block;
    font-size: 28px;
    z-index: 2;
    font-weight: 600;
}
.pie-chart em {
    font-size: 38px;
}

.pie-chart.transparent em {
    color: #fff;
}

.seperator em {
    font-size: 18px;
}
.seperator em {
    margin: 0 20px 0 24px;
    display: inline-block;
}

.seperator.left em {
    float: left;
    margin: 2px 36px 0 0;
}


.seperator.right em {
    float: right;
    margin: 0 0 2px 36px;
}

.list-icons li em {
    font-size: 14px;
    margin-left: -22px;
    margin-right: 6px;
    top: 0;
}

.pagination em {
    font-size: 18px;
    color: #b9b9b9;
}

.pagination.pagination-simple > li > a:hover em{
    background-color: transparent !important;
    border-color: transparent !important;
    color: #333;
}

.pager em {
    font-size: 18px;
    color: #fff;
}

.pager.pager-fancy > li:last-child > a em,
.pager-fancy > li:last-child > span em {
    margin-left: 6px;
}
.pager.pager-fancy > li:first-child > a em,
.pager-fancy > li:first-child > span em {
    margin-right: 6px;
}



.pager.pager-rounded > li:last-child > a em,
.pager-rounded > li:last-child > span em {
    margin-left: 6px;
}
.pager.pager-rounded > li:first-child > a em,
.pager-rounded > li:first-child > span em {
    margin-right: 6px;
}

.pager.pager-modern em {
    color: #222;
}

.pager-all em {
    font-size: 38px;
}

.breadcrumb.fancy li:first-child em {
    margin-right: -6px;
}

.pricing-table .plan-list ul li em {
    margin-right: 12px;
}

.carousel .testimonial-video-button > a em {
    font-size: 34px;
}

.testimonial-video-button em {
    color: #444;
    font-size: 50px;
}
.testimonial-video-button em:hover {
    opacity: 0.9;
}

.testimonial.testimonial-transparent .testimonial-video-button em {
    color: #fff;
}

.testimonial.testimonial-simple .testimonial-video-button a em {
    margin-left: -14px;
}
.text-light .testimonial .testimonial-video-button a i,
.text-light .testimonial .testimonial-description p:before,
.text-light .testimonial .testimonial-description p:after {
    color: #fff;
}

.portfolio-item .portfolio-date em,
.portfolio-item .portfolio-description em {
    margin-right: 6px;
}
.portfolio-item .portfolio-date em {
    color: #999;
}

.feature-icon-left em {
    font-size: 32px;
}


.site-map em {
    margin-right: 8px;
}

