.itpl-layout {
    font-size: 14px;
    line-height: 18px
}
.swiper-button-prev i{transform: rotate(180deg);display:inline-block;}
a {
    cursor: pointer
}

.itpl-flex {
    display: flex
}
.itpl-grid {
    display: flex;
    flex-wrap: wrap
}
.itpl-block .itpl-main-contents .itpl-absolute.itpl-absolute-bottom-left{
    margin-left: 15px;
}
.itpl-layout-43 .itpl-width-1-4 .itpl-main-contents .itpl-tags{
    margin-top:10px;
}
.itpl-grid-small {
    margin-left: -20px
}

.itpl-grid-small>* {
    padding-left: 20px
}

.itpl-flex-top {
    align-items: flex-start
}

.itpl-flex-middle {
    align-items: center
}

.itpl-flex-bottom {
    align-items: flex-end
}

.itpl-flex-center {
    justify-content: center
}

.itpl-flex-between {
    justify-content: space-between
}

.itpl-flex-around {
    justify-content: space-around
}

[class*=itpl-child-width]>*,
[class*=itpl-width] {
    box-sizing: border-box;
    width: 100%
}

.itpl-width-1-1 {
    width: 100%
}

.itpl-width-1-2 {
    width: 50%
}

.itpl-width-1-3 {
    width: 33.333%
}

.itpl-width-2-3 {
    width: 66.666%
}

.itpl-width-1-4 {
    width: 25%
}

.itpl-width-3-4 {
    width: 75%
}

.itpl-width-1-5 {
    width: 20%
}

.itpl-width-4-5 {
    width: 80%
}

.itpl-width-2-5 {
    width: 40%
}

.itpl-width-3-5 {
    width: 60%
}

.itpl-child-width-1-2>* {
    width: 50%
}

.itpl-margin {
    margin: 10px
}

.itpl-margin-top {
    margin-top: 10px!important
}

.itpl-margin-right {
    margin-right: 10px
}

.itpl-margin-bottom {
    margin-bottom: 10px
}

.itpl-margin-left {
    margin-left: 10px
}

.itpl-relative {
    position: relative
}

.itpl-absolute {
    position: absolute !important
}

.itpl-absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.itpl-absolute-top {
    top: 0
}

.itpl-absolute-right {
    right: 0
}

.itpl-absolute-bottom {
    bottom: 0
}

.itpl-absolute-left {
    left: 0
}

.itpl-absolute-top10 {
    top: 10px
}

.itpl-absolute-right10 {
    right: 10px
}

.itpl-absolute-bottom10 {
    bottom: 10px
}

.itpl-absolute-left10 {
    left: 10px
}

.itpl-absolute-top20 {
    top: 20px
}

.itpl-absolute-right20 {
    right: 20px
}

.itpl-absolute-bottom20 {
    bottom: 20px
}

.itpl-absolute-left20 {
    left: 20px
}

.itpl-text-muted {
    color: #aaa
}

.itpl-bg-black {
    background-color: #000;
    color: #fff
}

.itpl-bg-white {
    background-color: #fff
}

.itpl-bg-yellow {
    background: #fff001
}

.itpl-bg-red {
    background: #e12a22;
    color: #fff
}

.itpl-color-red {
    color: #e12a22
}

.itpl-bg-red-light {
    background: #ffeaea
}

.itpl-bg-blue-light {
    background: #cde3f8
}

.itpl-bg-purple {
    background: #d800f9;
    color: #fff
}

.itpl-bg-brown {
    background: #ca8661;
    color: #fff
}

.itpl-bg-gradient-red {
    color: #fff;
    background: #f16161;
    background: linear-gradient(90deg, rgba(241, 97, 97, 1) 0, rgba(239, 86, 142, 1) 100%);
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, .4)
}

.itpl-bg-gradient-red a {
    color: #fff!important
}

.itpl-bg-gradient-red a:hover {
    color: #fdcccc!important
}

.itpl-bg-gradient-red .itpl-text-muted {
    color: #fdcccc
}

.itpl-bg-gradient-green {
    color: #fff;
    background: #7dc681;
    background: linear-gradient(90deg, rgba(125, 198, 129, 1) 0, rgba(91, 188, 119, 1) 100%);
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, .4)
}

.itpl-bg-gradient-green a {
    color: #fff!important
}

.itpl-bg-gradient-green a:hover {
    color: #c9f7cc!important
}

.itpl-bg-gradient-green .itpl-text-muted {
    color: #c9f7cc
}

.itpl-circle {
    border-radius: 50%
}

.itpl-radius-5 {
    border-radius: 5px
}

.itpl-radius-10 {
    border-radius: 10px
}
.itpl-radius-15 {
    border-radius: 15px
}
.itpl-layout-43 .itpl-height-2 .itpl-absolute{
    margin-bottom: 15px !important;
}
.itpl-border-bottom {
    border-bottom: 1px solid #ddd
}

.itpl-text-center {
    text-align: center
}

.itpl-text-medium {
    font-size: 22px!important
}

.itpl-text-large {
    font-size: 45px!important
}

.itpl-display-block {
    display: block!important
}

.itpl-intro {
    margin-top: 15px;
    margin-bottom: 15px
}

.itpl-intro>* {
    margin-bottom: 10px!important
}

.itpl-row {
    padding: 5px 0;
    margin-bottom: 5px
}

.itpl-image-main {
    line-height: 1px
}

.itpl-image-main>* {
    line-height: inherit
}

a.itpl-image-main {
    display: inline-block;
    position: relative;
    line-height: 1px
}

.itpl-image-main img {
    width: 100%
}

.itpl-counter {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px
}

.itpl-main-contents {
    flex: 1
}

.itpl-main-contents>* {
    margin-bottom: 10px!important
}

.itpl-main-contents>:last-child {
    margin-bottom: 0!important;
}

.itpl-tags {
    position: relative
}

.itpl-tags a {
    font-size: 13px;
    margin-right: 3px;
    display: inline-block;
    padding: 0 3px;
    transition: .3s
}

.itpl-tags .itpl-tag-arrow {
    position: relative;
    padding: 0 7px;
    font-size: 11px
}

.itpl-tags .itpl-tag-arrow:after {
    position: absolute;
    left: 0;
    bottom: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(225, 42, 34, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-bottom: -5px
}

.itpl-tags .itpl-tag-arrow.itpl-bg-black:after {
    border-left-color: #000
}

.itpl-tags .itpl-tag-arrow.itpl-bg-red:after {
    border-left-color: #e12a22
}

.itpl-title {
    margin: 0;
    padding: 0;
    line-height: inherit
}

.itpl-title a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: .3s
}

p.itpl-text {
    margin: 0
}

.itpl-details>* {
    margin-right: 10px
}

.itpl-date {
    font-size: 12px;
    font-weight: 300
}

.itpl-date img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 18px
}

.itpl-view {
    font-size: 12px
}

.itpl-view img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 18px
}

.itpl-comment {
    font-size: 12px
}

.itpl-comment img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 18px
}

.itpl-author {
    font-size: 12px;
    font-weight: 300
}

.itpl-author img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    border-radius: 50%
}

.swiper-container.swipper-active-paging {
    padding-bottom: 50px;
}

.itpl-swiper {
    padding: 15px 0 25px
}

.itpl-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.itpl-swiper .swiper-pagination-custom,
.itpl-swiper .swiper-pagination-fraction {
    bottom: 0
}

.itpl-swiper .swiper-button-next,
.itpl-swiper .swiper-button-prev {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background-size: 15px 15px;
    background-color: rgba(0, 0, 0, .3);
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    transition: .3s
}

.itpl-swiper .swiper-button-next {}

.itpl-swiper .swiper-button-prev {}

@media (max-width:640px) {
    .itpl-swiper .swiper-button-next,
    .itpl-swiper .swiper-button-prev {
        display: none
    }
}

.itpl-swiper .swiper-button-next:hover,
.itpl-swiper .swiper-button-prev:hover {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, .5)
}

.itpl-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #555
}

.itpl-swiper-vertical {
    padding: 0
}

.itpl-swiper-vertical .swiper-pagination {
    margin: 10px 0;
    background: rgba(0, 0, 0, .5);
    background: #b2b2b2;
    padding: 3px 4px;
    border-radius: 4px;
    transition: .3s;
    opacity: 0
}

.itpl-swiper-vertical .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(255, 255, 255, .65);
    border: none
}

.itpl-swiper-vertical .swiper-pagination .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    background: #555
}

.itpl-swiper-vertical .swiper-button-next,
.itpl-swiper-vertical .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-size: 12px 12px;
    transition: .3s;
    margin: 10px 0;
    opacity: 0
}

.itpl-swiper-vertical:hover .swiper-button-next,
.itpl-swiper-vertical:hover .swiper-button-prev,
.itpl-swiper-vertical:hover .swiper-pagination {
    margin: 10px;
    opacity: 1
}

.itpl-swiper-vertical .swiper-button-next {
    right: 0;
    top: unset;
    bottom: 0
}

.itpl-swiper-vertical .swiper-button-prev {
    left: unset;
    right: 0;
    top: 0
}

.itpl-image-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.itpl-bg-dark {
    position: relative;
    color: #fff
}

.itpl-bg-dark>* {
    z-index: 3
}

.itpl-bg-dark:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.0);
    transition: .3s;
    z-index: 1
}

.itpl-bg-dark:hover:before {
    background: rgba(0, 0, 0, .7)
}

.itpl-bg-dark a {
    color: #fff
}

.itpl-bg-dark .itpl-text-muted {
    color: #ccc
}

.itpl-bg-dark.itpl-radius-5:after,
.itpl-bg-dark.itpl-radius-5:before {
    border-radius: 5px
}

.itpl-bg-dark.itpl-radius-10:after,
.itpl-bg-dark.itpl-radius-10:before {
    border-radius: 10px
}

.itpl-block .itpl-bg-dark.itpl-radius-15:after,
.itpl-block .itpl-bg-dark.itpl-radius-15:before {
    border-radius: 0
}

.itpl-margin-top-1 {
    margin-top: 1px
}

.itpl-margin-right-1 {
    margin-right: 1px
}

.itpl-margin-bottom-1 {
    margin-bottom: 1px
}

.itpl-margin-left-1 {
    margin-left: 1px
}

.itpl-margin-top-10 {
    margin-top: 10px
}

.itpl-margin-right-10 {
    margin-right: 10px
}

.itpl-margin-bottom-10 {
    margin-bottom: 10px
}

.itpl-margin-left-10 {
    margin-left: 10px
}

.itpl-padding-10 {
    padding: 10px
}

.itpl-padding-20 {
    padding: 20px
}

.itpl-height-100 {
    height: 100%
}

.itpl-height-1 {
    height: 200px
}

.itpl-height-2 {
    height: 410px
}

.itpl-height-2margin1 {
    height: 401px
}

.swiper-slide img {
    max-width: 100%
}

.swiper-container.swipper-active-paging .itpl-block .itpl-nav-icon {
    margin-top: -50px!important;
}

.itpl-nav-icon {
    background-image: none;
    font-size: 19px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    margin-top: -20px;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    border-radius: 50%;
    transition: .3s
}

.itpl-nav-icon:hover {
    background: rgba(0, 0, 0, .5)
}

.itpl-pagination-circle span {
    position: relative;
    background: #fff;
    width: 6px;
    height: 6px;
    margin: 10px!important
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px!important;
    height: 40px!important
}

.itpl-pagination-circle span:before {
    content: " ";
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: -6px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: scale(.5)
}

.itpl-pagination-circle span.swiper-pagination-bullet-active:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.itpl-pagination-left {
    width: 40px!important;
    bottom: unset!important;
    left: 10px!important;
    top: 50%;
    transform: translateY(-50%)
}

.itpl-pagination-right {
    width: 40px!important;
    bottom: unset!important;
    left: unset!important;
    right: 10px!important;
    top: 50%;
    transform: translateY(-50%)
}

.itpl-slider .itpl-main-contents {
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

.itpl-anim-underline {
    display: inline!important;
    background-image: linear-gradient(120deg, #e12a22 0, #e12a22 100%);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 50% 100%;
    padding-bottom: 2px;
    line-height: 23px
}

.itpl-anim-underline:hover {
    background-size: 100% 1px
}

.itpl-anim-zoomin {
    transition: .3s
}

.itpl-anim-zoomin:hover {
    transform: scale(.9)
}

.itpl-anim-zoomout {
    transition: .3s
}

.itpl-anim-zoomout:hover {
    transform: scale(1.1)
}

.itpl-anim-counter {
    overflow: hidden
}

.itpl-anim-counter>span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    transition: .3s
}

.itpl-anim-counter>i {
    display: inline-block;
    font-style: normal;
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 100%;
    transition: .3s;
    opacity: 0
}

.itpl-anim-counter>i>img {
    max-width: 22px;
    max-height: 22px;
    margin-top: 3px
}

.itpl-anim-counter:hover>span,
.itpl-image-main:hover .itpl-anim-counter>span {
    transform: translateY(-100%);
    opacity: 0
}

.itpl-anim-counter:hover>i,
.itpl-image-main:hover .itpl-anim-counter>i {
    top: 0;
    opacity: 1
}

.itpl-anim-hide-counter .itpl-counter,
.itpl-anim-hide-counter:before {
    transition: .3s
}

.itpl-anim-hide-counter:hover .itpl-counter,
.itpl-anim-hide-counter:hover:before {
    opacity: 0
}

.itpl-anim-scale-up {
    overflow: hidden
}

.itpl-anim-scale-up>.itpl-img,
.itpl-anim-scale-up>img {
    transition: .2s
}

.itpl-anim-scale-up:hover>.itpl-img,
.itpl-anim-scale-up:hover>img {
    transform: scale(1.1)
}

.itpl-anim-scale-down {
    overflow: hidden
}

.itpl-anim-scale-down>.itpl-img,
.itpl-anim-scale-down>img {
    transition: .2s;
    transform: scale(1.1)
}

.itpl-anim-scale-down:hover>.itpl-img,
.itpl-anim-scale-down:hover>img {
    transform: scale(1)
}

.itpl-absolute-center-right {
    top: 50%;
    text-align: right;
    right: 0;
    transform: translateY(-50%)
}

.itpl-absolute-center-left {
    top: 50%;
    text-align: left;
    left: 0;
    transform: translateY(-50%)
}

.itpl-absolute-top-right {
    top: 0;
    text-align: right;
    right: 0
}

.itpl-absolute-top-center {
    top: 0;
    text-align: center
}

.itpl-absolute-bottom-left {
    bottom: 0;
    left: 0;
    text-align: left
}

.itpl-absolute-bottom-right {
    bottom: 0;
    right: 0;
    text-align: right
}

.itpl-absolute-center-bottom {
    bottom: 0;
    text-align: center
}

.itpl-anim-bgdark-rotate {
    overflow: hidden
}

.itpl-anim-bgdark-rotate:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    transition: .4s;
    transform-origin: top left;
    transform: rotate(90deg)
}

.itpl-anim-bgdark-rotate:hover:after {
    transform: rotate(0)
}

.itpl-anim-bgdark-scaleup:before {
    transform: scale(.8);
    opacity: 0
}

.itpl-anim-bgdark-scaleup:hover:before {
    opacity: 1;
    transform: scale(1)
}

.itpl-anim-bgdark-scaleup:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    transition: 450ms;
    opacity: 0;
    transform: scale(.3)
}

.itpl-anim-bgdark-scaleup:hover:after {
    opacity: 1;
    transform: scale(1)
}

.itpl-anim-bgdark-scaledown:before {
    opacity: 0;
    transform: scale(1);
    transition: 450ms
}

.itpl-anim-bgdark-scaledown:hover:before {
    opacity: .75;
    transform: scale(.85)
}

.itpl-anim-bgdark-scaledown:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    transition: .3s;
    opacity: 0;
    transform: scale(.6)
}

.itpl-anim-bgdark-scaledown:hover:after {
    opacity: 1;
    transform: scale(1)
}

.itpl-anim-bgdark-bottomtop:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    transition: 450ms;
    top: 100%
}

.itpl-anim-bgdark-bottomtop:hover:after {
    -webkit-animation: bgdark-bottomtop .6s ease-in-out forwards;
    animation: bgdark-bottomtop .6s ease-in-out forwards
}

@keyframes bgdark-bottomtop {
    45% {
        top: 0;
        bottom: 0
    }
    70% {
        top: 0;
        bottom: 0
    }
    100% {
        top: 0;
        bottom: 100%
    }
}

.itpl-anim-bgdark-skew-y {
    overflow: hidden
}

.itpl-anim-bgdark-skew-y:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    transition: .4s;
    transform: skewY(90deg) translateY(-50%);
    height: 0;
    overflow: hidden
}

.itpl-anim-bgdark-skew-y:hover:after {
    transform: skewY(0) translateY(-50%);
    height: 100%
}

.itpl-anim-bgdark-skew-x {
    overflow: hidden
}

.itpl-anim-bgdark-skew-x:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    transition: .3s;
    transform: skewX(90deg) translateX(-50%);
    transform-origin: center;
    width: 0;
    overflow: hidden
}

.itpl-anim-bgdark-skew-x:hover:after {
    transform: skewX(0) translateX(-50%);
    width: 100%;
    transition: .7s
}

.itpl-main-contents-go-top .itpl-main-contents {
    transition: .3s
}

.itpl-main-contents-go-top:hover .itpl-main-contents {
    margin-bottom: 30px!important
}

a[class*=itplslide-anim],
i[class*=itplslide-anim],
span[class*=itplslide-anim] {
    display: inline-block
}

.itplslide-anim-fade {
    transition: .6s;
    transition-delay: .2s;
    opacity: 0;
    visibility: hidden
}

.swiper-slide-active .itplslide-anim-fade {
    opacity: 1;
    visibility: visible
}

.itplslide-anim-top-bottom {
    transition: .6s;
    transition-delay: .2s;
    transform: translateY(-50px);
    opacity: 0
}

.swiper-slide-active .itplslide-anim-top-bottom {
    transform: translateY(0);
    opacity: 1
}

.itplslide-anim-bottom-top {
    transition: .6s;
    transition-delay: .2s;
    transform: translateY(50px);
    opacity: 0
}

.swiper-slide-active .itplslide-anim-bottom-top {
    transform: translateY(0);
    opacity: 1
}

.itplslide-anim-left-right {
    transition: .6s;
    transition-delay: .2s;
    transform: translateX(-50px);
    opacity: 0
}

.swiper-slide-active .itplslide-anim-left-right {
    transform: translateY(0);
    opacity: 1
}

.itplslide-anim-right-left {
    transition: .6s;
    transition-delay: .2s;
    transform: translateX(50px);
    opacity: 0
}

.swiper-slide-active .itplslide-anim-right-left {
    transform: translateY(0);
    opacity: 1
}

.itplslide-anim-indiv-bottom-top {
    overflow: hidden
}

.itplslide-anim-indiv-bottom-top>* {
    display: inline-block;
    transition: .9s!important;
    transition-delay: .2s!important;
    transform: translateY(150%)
}

.swiper-slide-active .itplslide-anim-indiv-bottom-top>* {
    transform: translateY(0)
}

.itplslide-anim-indiv-rotate {
    overflow: hidden
}

.itplslide-anim-indiv-rotate>* {
    display: inline-block;
    transition: .5s!important;
    transition-delay: .2s!important;
    transform: rotate(90deg);
    transform-origin: bottom left;
    opacity: 0
}

.swiper-slide-active .itplslide-anim-indiv-rotate>* {
    transform: rotate(0);
    opacity: 1
}

.itplslide-anim-cover {
    position: relative
}

.itplslide-anim-cover:before {
    transition: .6s!important;
    transition-delay: .4s!important;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}

.itplslide-anim-cover:after {
    transition: .6s!important;
    transition-delay: .2s!important;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000
}

.itplslide-anim-cover>* {
    transform: translateX(-30px) scale(.9);
    transition: .6s!important;
    transition-delay: .4s!important;
    opacity: 0
}

.swiper-slide-active .itplslide-anim-cover:after {
    left: 100%
}

.swiper-slide-active .itplslide-anim-cover:before {
    left: 100%
}

.swiper-slide-active .itplslide-anim-cover>* {
    transform: translateX(0) scale(1);
    opacity: 1
}

.itplslide-anim-cross {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.itplslide-anim-cross:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transform-origin: bottom left;
    transform: rotate(0) scale(1.5);
    transition: 1.5s!important;
    transition-delay: 0!important;
    z-index: 10
}

.itplslide-anim-cross:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transform-origin: top right;
    transform: rotate(0) scale(1.5);
    transition: 1.5s!important;
    transition-delay: 0 !important;
    z-index: 10;
}

.swiper-slide-active .itplslide-anim-cross:before {
    transform: rotate(-90deg) scale(1.5)
}

.swiper-slide-active .itplslide-anim-cross:after {
    transform: rotate(-90deg) scale(1.5)
}

.swiper-slide-active .itplslide-anim-cross {
    -webkit-animation: itplslide-cross-hide 1ms ease-in-out forwards 1.5s;
    animation: itplslide-cross-hide 1ms ease-in-out forwards 1.5s
}

@keyframes itplslide-cross-hide {
    90% {
        right: 0
    }
    100% {
        right: unset
    }
}

@-webkit-keyframes itplslide-cross-hide {
    90% {
        right: 0
    }
    100% {
        right: unset
    }
}

.itplslide-anim-img-scale-up img {
    transform: scale(.6) translateY(110%)
}

.swiper-slide-active .itplslide-anim-img-scale-up img {
    -webkit-animation: itplslide-anim-img-scale .9s ease-in-out forwards .2s;
    animation: itplslide-anim-img-scale .9s ease-in-out forwards .2s
}

.itpl-layout-28 .itpl-main-contents {
    padding-left: 20px;
    padding-bottom: 20px
}

.itpl-layout-28 .itpl-tags a {
    background: #fff;
    color: #000;
    padding: 0 7px;
    line-height: 19px;
    font-size: 12px;
    border-radius: 10px 0
}

.itpl-layout-29 .itpl-tags a {
    background: #2fc2e3;
    color: #fff!important;
    padding: 0 9px;
    border-radius: 10px 0;
    margin-bottom: 5px
}

.itpl-layout-30 .itpl-row {
    padding: 0;
    margin-bottom: 1px
}

.itpl-layout-30 .itpl-tags a {
    background: #c69f73;
    padding: 0 8px;
    color: #fff!important
}

.itpl-layout-33 .itpl-tags a {
    background: #323232;
    padding: 0 8px;
    color: #fff!important
}

.itpl-layout-34 .itpl-tags a {
    background: #f27c10;
    padding: 0 5px;
    color: #fff!important
}

.itpl-layout-35 .itpl-bg-dark:before {
    background-color: rgba(74, 0, 69, .5)
}

.itpl-layout-35 .itpl-bg-dark:hover:before {
    background-color: rgba(74, 0, 69, .75)
}

.itpl-layout-36 .itpl-tags a {
    background: rgba(0, 0, 0, .8);
    padding: 0 8px;
    color: #fff!important
}

.itpl-layout-37 .itpl-tags a {
    background: #4fbe6f;
    padding: 0 8px;
    color: #fff!important
}

.itpl-layout-57 .itpl-absolute {
    position: absolute!important
}

.itpl-layout-37 .itpl-image-bg .itpl-main-contents {
    background: rgba(0, 0, 0, .4);
    transition: .3s
}

.itpl-layout-37 .itpl-image-bg .itpl-main-contents>* {
    position: relative;
    z-index: 2
}

.itpl-layout-37 .itpl-image-bg .itpl-main-contents:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    transition: .3s;
    background: rgba(0, 0, 0, .7);
    z-index: 1
}

.itpl-layout-37 .itpl-image-bg:hover .itpl-main-contents:before {
    height: 100%
}

.itpl-layout-37 .itpl-bg-dark:before {
    background: rgba(0, 0, 0, .3)
}

.itpl-layout-38 .itpl-bg-dark {
    overflow: hidden
}

.itpl-layout-38 .itpl-bg-dark:before {
    background: rgba(172, 176, 188, .4)
}

.itpl-layout-38 .itpl-bg-dark:hover:before {
    background: rgba(248, 141, 143, .8)
}

.itpl-layout-39 .itpl-tags a {
    background: #1d96f3;
    padding: 3px 10px;
    color: #fff!important;
    border-radius: 4px
}

.itpl-layout-39 .itpl-width-1-3 .itpl-image-bg:nth-of-type(1) .itpl-tags a {
    background: #f41c4b
}

.itpl-layout-39 .itpl-width-1-3 .itpl-image-bg:nth-of-type(2) .itpl-tags a {
    background: #fcb501
}

.itpl-layout-40 .itpl-width-2-3 .itpl-bg-dark:before {
    background: rgba(198, 109, 199, .5);
    background: linear-gradient(45deg, rgba(198, 109, 199, .75) 0, rgba(24, 161, 200, .75) 100%)
}

.itpl-layout-40 .itpl-width-2-3 .itpl-bg-dark:hover:before {
    background: linear-gradient(45deg, rgba(198, 109, 199, .9) 0, rgba(24, 161, 200, .9) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(2) .itpl-bg-dark:nth-of-type(1):before {
    background: rgba(198, 109, 199, .5);
    background: linear-gradient(135deg, rgba(193, 192, 16, .75) 0, rgba(140, 28, 24, .75) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(2) .itpl-bg-dark:hover:nth-of-type(1):before {
    background: linear-gradient(135deg, rgba(193, 192, 16, .85) 0, rgba(140, 28, 24, .85) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(2) .itpl-bg-dark:nth-of-type(2):before {
    background: rgba(198, 109, 199, .5);
    background: linear-gradient(45deg, rgba(39, 170, 216, .75) 0, rgba(111, 238, 157, .75) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(2) .itpl-bg-dark:hover:nth-of-type(2):before {
    background: linear-gradient(45deg, rgba(39, 170, 216, .85) 0, rgba(111, 238, 157, .85) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(3) .itpl-bg-dark:before {
    background: rgba(198, 109, 199, .5);
    background: linear-gradient(45deg, rgba(174, 110, 74, .75) 0, rgba(159, 51, 49, .75) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(3) .itpl-bg-dark:hover:before {
    background: linear-gradient(45deg, rgba(174, 110, 74, .85) 0, rgba(159, 51, 49, .85) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(4) .itpl-bg-dark:before {
    background: rgba(198, 109, 199, .5);
    background: linear-gradient(45deg, rgba(205, 93, 177, .75) 0, rgba(46, 97, 152, .75) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(4) .itpl-bg-dark:hover:before {
    background: linear-gradient(45deg, rgba(205, 93, 177, .85) 0, rgba(46, 97, 152, .85) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(5) .itpl-bg-dark:before {
    background: rgba(198, 109, 199, .5);
    background: linear-gradient(45deg, rgba(67, 146, 203, .75) 0, rgba(76, 161, 102, .75) 100%)
}

.itpl-layout-40 .itpl-width-1-3:nth-of-type(5) .itpl-bg-dark:hover:before {
    background: linear-gradient(45deg, rgba(67, 146, 203, .85) 0, rgba(76, 161, 102, .85) 100%)
}

.itpl-layout-42 .itpl-main-contents {
    background: #fff;
    color: #111;
    width: 75%;
    left: 0;
    bottom: 0
}

.itpl-layout-42 .itpl-text-muted {
    color: #aaa
}

.itpl-layout-42 .itpl-tags a {
    background: rgba(0, 0, 0, .3);
    padding: 3px 10px;
    color: #fff!important;
    border-radius: 4px
}

.itpl-layout-43 .itpl-width-1-1 .itpl-main-contents {
    background: #f75455;
    color: #ffd0d0
}

.itpl-layout-43 .itpl-width-1-1 .itpl-main-contents .itpl-absolute-center {
    padding: 5px 10%
}

.itpl-layout-43 .itpl-width-1-1 .itpl-main-contents .itpl-absolute-center>* {
    margin-bottom: 10px
}

.itpl-layout-43 .itpl-width-1-1 .itpl-main-contents .itpl-text-muted {
    color: #ffd0d0
}

.itpl-layout-43 .itpl-width-1-1 .itpl-title a {
    font-size: 22px;
    line-height: 32px
}

.itpl-layout-43 .itpl-width-1-4 .itpl-main-contents {
    margin-top: 10px
}

.itpl-layout-47 .itpl-width-1-1.itpl-margin-bottom-1 {
    margin-bottom: 0!important;
}

.itpl-layout-47 .itpl-tags a {
    background: #1d96f3;
    padding: 3px 10px;
    color: #fff!important;
    border-radius: 4px
}

.itpl-layout-47 .itpl-width-1-1:nth-of-type(1) .itpl-tags a {
    background: #189e7b
}

.itpl-layout-47 .itpl-width-1-4:nth-of-type(2) .itpl-tags a {
    background: #1d96f3
}

.itpl-layout-47 .itpl-width-1-4:nth-of-type(3) .itpl-tags a {
    background: #f61d4a
}

.itpl-layout-47 .itpl-width-1-4:nth-of-type(4) .itpl-tags a {
    background: #fdb602
}

.itpl-layout-47 .itpl-width-1-4:nth-of-type(5) .itpl-tags a {
    background: #189e7b
}

.itpl-layout-49 .itpl-tags a {
    background: #7fbc1e;
    padding: 2px 7px;
    color: #fff!important;
    border-radius: 4px;
    font-size: 12px;
    transition: .3s
}

.itpl-layout-49 .itpl-image-bg:hover .itpl-tags a {
    background: #6834ba
}

.itpl-layout-50 .itpl-width-1-1 .itpl-title a {
    font-size: 22px;
    line-height: 27px;
    margin: 15px 0
}

.itpl-layout-50 .itpl-width-1-4 .itpl-tags {
    margin: 10px 0
}

.itpl-layout-52 .itpl-main-contents {
    padding-left: 20px;
    padding-bottom: 20px
}

.itpl-layout-52 .itpl-width-1-2 .itpl-title a {
    font-size: 22px;
    line-height: 27px;
    margin: 5px 0
}

.itpl-layout-53 .itpl-tags {
    line-height: 18px
}

.itpl-layout-53 .itpl-width-1-2 .itpl-main-contents {
    margin: -40px 20px 0;
    padding: 20px;
    background: #fff;
    z-index: 1;
    position: relative
}

.itpl-layout-53 .itpl-width-1-2 .itpl-title a {
    line-height: 22px
}

.itpl-layout-54 .itpl-play {
    opacity: .7;
    transition: .3s
}

.itpl-layout-54 .itpl-play img {
    width: 40px
}

.itpl-layout-54 .itpl-play:hover {
    opacity: 1
}

.itpl-layout-54 .itpl-image-bg:hover .itpl-play {
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%) scale(1.35);
    transform: translate(50%, -50%) scale(1.35)
}

.itpl-layout-55 .itpl-main-contents.itpl-width-1-1 {
    padding-left: 20px;
    padding-bottom: 20px
}

.itpl-layout-55 a {
    color: #fff
}

.itpl-layout-55 .itpl-width-1-1 .itpl-title a {
    font-size: 24px;
    line-height: 23px
}

.itpl-layout-57 .itpl-title a {
    font-size: 24px;
    line-height: 28px
}

.itpl-layout-57 .itpl-readmore-btn {
    background: #081fbd;
    color: #fff;
    padding: 9px 20px;
    display: inline-block;
    margin: 5px;
    border-radius: 30px;
    transition: .3s
}

.itpl-layout-57 .itpl-readmore-btn:hover {
    background: #fff;
    color: #081fbd;
    padding: 9px 35px
}

.itpl-layout-57 .swiper-button-next {
    background: #fff;
    color: #222;
    right: 0;
    border-radius: 20px 0 0 20px;
    padding-left: 5px
}

.itpl-layout-57 .swiper-button-prev {
    background: #fff;
    color: #222;
    left: 0;
    border-radius: 0 20px 20px 0;
    padding-right: 5px
}

@media (max-width:768px) {
    .itpl-layout-30 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-30 .itpl-width-1-2>.itpl-margin-right-1 {
        margin-right: 0;
        margin-bottom: 1px
    }
    .itpl-layout-30 .itpl-width-1-4 {
        width: 50%
    }
    .itpl-layout-31 .itpl-row>.itpl-grid>.itpl-width-1-2 {
        width: 100%;
        order: 1
    }
    .itpl-layout-31 .itpl-row>.itpl-grid>.itpl-width-1-2 .itpl-margin-right-10 {
        margin-right: 0;
        margin-bottom: 10px
    }
    .itpl-layout-31 .itpl-row>.itpl-grid>.itpl-width-1-2>.itpl-grid>.itpl-width-1-2:nth-of-type(1) .itpl-margin-right-10 {
        margin-right: 10px
    }
    .itpl-layout-31 .itpl-row>.itpl-grid>.itpl-width-1-4 {
        width: 50%;
        order: 2
    }
    .itpl-layout-31 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-32 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-32 .itpl-width-1-4 {
        width: 50%
    }
    .itpl-layout-32 .itpl-width-1-2 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-32 .itpl-width-1-2 .itpl-margin-right-1 {
        margin-right: 0;
        margin-bottom: 1px
    }
    .itpl-layout-33 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-33 .itpl-width-1-4 {
        width: 50%
    }
    .itpl-layout-33 .itpl-width-1-2 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-33 .itpl-width-1-2 .itpl-margin-right-10 {
        margin-right: 0;
        margin-bottom: 10px
    }
    .itpl-layout-34 .itpl-row>.itpl-grid>.itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-34 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-34 .itpl-margin-right-10 {
        margin-right: 0;
        margin-bottom: 10px
    }
    .itpl-layout-34 .itpl-width-1-2 .itpl-width-1-2 .itpl-margin-right-10 {
        margin-right: 10px;
        margin-bottom: 0
    }
    .itpl-layout-35 .itpl-main-contents.itpl-padding-20 {
        padding: 10px
    }
    .itpl-layout-36 .itpl-row>.itpl-grid>.itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-36 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-36 .itpl-margin-right-10 {
        margin-right: 0;
        margin-bottom: 10px
    }
    .itpl-layout-36 .itpl-width-1-2 .itpl-width-1-2 .itpl-margin-right-10 {
        margin-right: 10px;
        margin-bottom: 0
    }
    .itpl-layout-37 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-37 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-37 .itpl-width-1-2 .itpl-width-1-2 {
        width: 50%
    }
    .itpl-layout-37 .itpl-margin-right-10 {
        margin-right: 0;
        margin-bottom: 10px
    }
    .itpl-layout-37 .itpl-width-1-2 .itpl-width-1-2 .itpl-margin-right-10 {
        margin-right: 10px;
        margin-bottom: 0
    }
    .itpl-layout-38 .itpl-width-1-3,
    .itpl-layout-38 .itpl-width-2-3 {
        width: 50%
    }
    .itpl-layout-39 .itpl-width-1-3,
    .itpl-layout-39 .itpl-width-2-3 {
        width: 50%
    }
    .itpl-layout-41 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-41 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-41 .itpl-width-1-2 .itpl-width-1-2 {
        width: 50%
    }
    .itpl-layout-41 .itpl-margin-right-1 {
        margin-right: 0;
        margin-bottom: 1px
    }
    .itpl-layout-41 .itpl-width-1-2 .itpl-width-1-2 .itpl-margin-right-1 {
        margin-right: 1px;
        margin-bottom: 0
    }
    .itpl-layout-42 .itpl-width-1-3,
    .itpl-layout-42 .itpl-width-2-3 {
        width: 50%
    }
    .itpl-layout-43 .itpl-width-2-5,
    .itpl-layout-43 .itpl-width-3-5 {
        width: 100%
    }
    .itpl-layout-43 .itpl-width-2-5 .itpl-image-bg {
        height: 200px;
        margin-bottom: 0
    }
    .itpl-layout-43 .itpl-width-1-1 .itpl-main-contents {
        height: auto
    }
    .itpl-layout-43 .itpl-width-1-1 .itpl-main-contents .itpl-absolute {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        padding: 20px
    }
    .itpl-layout-43 .itpl-width-1-1 .itpl-main-contents {
        margin-bottom: 10px
    }
    .itpl-layout-43 .itpl-width-1-4 {
        width: 50%;
        margin-bottom: 10px
    }
    .itpl-layout-43 .itpl-width-1-4:nth-of-type(3) .itpl-margin-right-10 {
        margin-right: 0
    }
    .itpl-layout-44 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-44 .itpl-width-1-4 {
        width: 50%
    }
    .itpl-layout-44 .itpl-width-1-4>* {
        margin-bottom: 20px
    }
    .itpl-layout-44 .itpl-height-100 {
        height: 200px;
        margin-bottom: 20px
    }
    .itpl-layout-45 .itpl-width-1-3 {
        width: 100%
    }
    .itpl-layout-45 .itpl-width-1-3 .itpl-margin-right-1 {
        margin-right: 0;
        margin-bottom: 1px
    }
    .itpl-layout-47 .itpl-width-1-4 {
        width: 50%;
        margin-bottom: 20px
    }
    .itpl-layout-47 .itpl-width-1-4:nth-of-type(3) .itpl-margin-right-10 {
        margin-right: 0
    }
    .itpl-layout-49 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-49 .itpl-width-1-2 .itpl-height-100 {
        height: 200px;
        margin-right: 0;
        margin-bottom: 10px
    }
    .itpl-layout-49 .itpl-width-1-2 .itpl-width-1-2 {
        width: 50%
    }
    .itpl-layout-50 .itpl-width-1-3,
    .itpl-layout-50 .itpl-width-2-3 {
        width: 100%
    }
    .itpl-layout-50 .itpl-width-1-4 {
        width: 50%;
        margin-bottom: 20px
    }
    .itpl-layout-50 .itpl-width-1-3 .itpl-main-contents {
        height: auto;
        margin-bottom: 20px
    }
    .itpl-layout-50 .itpl-width-1-3 .itpl-main-contents .itpl-absolute {
        position: unset;
        top: unset;
        left: unset;
        transform: unset
    }
    .itpl-layout-52 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-52 .itpl-width-1-4 {
        width: 50%
    }
    .itpl-layout-52 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-52 .itpl-width-1-2 .itpl-margin-right-1 {
        margin-right: 0;
        margin-bottom: 1px
    }
    .itpl-layout-53 .itpl-width-1-2 {
        width: 100%;
        order: 1
    }
    .itpl-layout-53 .itpl-width-1-4 {
        width: 50%;
        order: 2
    }
    .itpl-layout-53 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-54 .itpl-width-1-2 {
        width: 100%
    }
    .itpl-layout-54 .itpl-width-1-2 .itpl-width-1-2 {
        width: 50%
    }
    .itpl-layout-54 .itpl-height-100 {
        height: 200px
    }
    .itpl-layout-54 .itpl-width-1-2 .itpl-margin-right-1 {
        margin-right: 0;
        margin-bottom: 1px
    }
    .itpl-layout-54 .itpl-width-1-2 .itpl-width-1-2 .itpl-margin-right-1 {
        margin-right: 1px;
        margin-bottom: 0
    }
    .itpl-layout-59 .itpl-main-contents:after,
    .itpl-layout-59 .itpl-main-contents:before {
        height: 30px;
        width: 70%
    }
}

@media (max-width:640px) {
    .itpl-pagination-left {
        width: 20px!important;
        left: 5px!important
    }
    .itpl-pagination-right {
        width: 20px!important;
        right: 5px!important
    }
    .itpl-layout-57 .itpl-title a,
    .itpl-layout-58 .itpl-title a {
        font-size: 17px;
        line-height: 20px
    }
    .itpl-layout-58 .gallery-bottom {
        margin: 0 20px;
        transform: translateY(-30%)
    }
    .animation-test .itpl-title a {
        font-size: 18px!important;
        line-height: 22px!important
    }
}

@media (max-width:480px) {
    .itpl-block [class*=itpl-child-width]>*,
    .itpl-block [class*=itpl-width],
    .itpl-block[class*=itpl-child-width]>*,
    .itpl-block[class*=itpl-width] {
        width: 100%!important
    }
    .itpl-height-100 {
        height: 200px!important
    }
    .itpl-margin-right-1 {
        margin-right: 0!important;
        margin-bottom: 1px!important
    }
    .itpl-margin-right-10 {
        margin-right: 0!important;
        margin-bottom: 10px!important
    }
    .itpl-slider .swiper-slide.itpl-flex {
        flex-wrap: wrap
    }
    .itpl-slider .itpl-image-main {
        width: 100%;
        margin: 0
    }
    .itpl-slider .itpl-main-contents {
        position: relative;
        top: unset;
        right: unset;
        left: unset;
        bottom: unset;
        width: 100%;
        max-width: unset;
        transform: unset;
        padding: 20px 10px;
        background: #fff;
        color: #000
    }
    .itpl-slider .itpl-main-contents a {
        color: #000
    }
    .itpl-pagination-left,
    .itpl-pagination-right {
        top: 10px;
        transform: unset
    }
    .itpl-pagination-circle span {
        margin: 5px!important
    }
    .itpl-layout-57 .itpl-readmore-btn,
    .itpl-layout-58 .itpl-readmore-btn {
        color: #fff!important
    }
    .itpl-layout-58 .gallery-bottom {
        margin: 0;
        transform: none
    }
    .itpl-layout-59 .itpl-tags .itpl-bg-black {
        color: #fff
    }
    .itpl-layout-59 .itpl-main-contents:after,
    .itpl-layout-59 .itpl-main-contents:before {
        display: none
    }
}

.swiper-button-prev i {
    transform: rotate(180deg);
    display: inline-block;
}

.itpl_block_post_not_ithem {
    display: block;
    padding: 15px 35px;
    background: #ff0311;
    border: 2px solid #c40000;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600
}