/*
- itpl-framework
- elements
- animations
- layouts
- responsive
*/
/*** font family ***/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
.itpl-layout{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
}
/***------------------- itpl-framework --------------------***/
a{
    cursor: pointer;
}
/* flex & grid */
.itpl-flex{
    display: flex !important;
}
.more-than-post-error{
    text-align: center;
    display:block;
    padding:15px 35px;
    background: #c51b2b;
    border:2px solid #c40000;
    text-transform:capitalize;
    color:#fff;
    font-weight: 600;
}
.itpl-slider .swiper-container{
    visibility: hidden;
}
.itpl-layout-80 .itpl-pagination_title{
    line-height: 5px;
}
.itpl-pagination_title a{
    font-size: 12px;
}
.itpl-grid{
    display: flex !important;
    flex-wrap: wrap;
}
.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;
}
/* width */
[class*='itpl-width'],
[class*='itpl-child-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-child-width-1-3 > *{
    width: 33.3333%;
}
.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;
}
.itpl-slider .itpl-absolute-center{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
}
.itpl-absolute-top{ top: 0px; }
.itpl-absolute-right{ right: 0px; }
.itpl-absolute-bottom{ bottom: 0px; }
.itpl-absolute-left{ left: 0px; }

.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: rgb(241,97,97);
    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,0.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: rgb(125,198,129);
    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,0.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-border-bottom{
    border-bottom: 1px solid #ddd;
}
.itpl-text-center{
    text-align: center;
}
.itpl-text-large{
    font-size: 45px !important;
}
.itpl-display-block{
    display: block !important;
}
/***------------------- elements --------------------***/
.swiper-button-prev i{
    transform: rotate(180deg) !important;
    display:inline-block !important;
}
.itpl-layout-80 .swiper-button-prev i{
    transform: none !important;
}
.itpl-layout-81 .swiper-button-next i{
    transform: rotate(-90deg) !important;
    display: inline-block;
}
.itpl-layout-81 .swiper-button-prev i{
    transform: rotate(90deg)!important;
    display: inline-block;
}
.itpl-intro{
    margin-top: 15px;
    margin-bottom: 15px;
}
.itpl-intro > *{
    margin-bottom: 10px !important;
}
.itpl-row{
    padding: 5px 0px;
    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;
}
.itpl-content-main{
    flex: 1;
}
.itpl-content-main > *{
    margin-bottom: 5px !important;
}
.itpl-content-main > *:last-child{
    margin-bottom: 0px !important;
}
.itpl-tags{
    
}
.itpl-tags a{
    font-size: 13px;
    margin-right: 3px;
    display: inline-block;
    padding: 0px 3px;
}
.itpl-tags .itpl-tag-arrow{
    position: relative;
    padding: 0px 7px;
    font-size: 11px;
}
.itpl-tags .itpl-tag-arrow:after {
	position: absolute;
    left: 0px;
	bottom: 0px;
	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: #000000;
}
.itpl-tags .itpl-tag-arrow.itpl-bg-red:after{
    border-left-color: #E12A22;
}
.itpl-title{
    margin: 0px 0px;
}
.itpl-title a{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: 300ms;
}
p.itpl-text{
    margin: 0px;
}
.itpl-details{
    
}
.itpl-details > *{
    margin-right: 10px;
}
.itpl-date{
    font-size: 12px;
}
.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;
}
.itpl-author img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    border-radius: 50%;
}
.itpl-socials{
    
}
.itpl-socials a{
    display: inline-block;
    vertical-align: middle;
    margin: 2px 4px;
    font-size: 16px;
}
.itpl-sign img{
    max-width: 200px;
}
.itpl-swiper{
    padding: 15px 0px 25px;
}
.itpl-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.itpl-swiper .swiper-pagination-custom,
.itpl-swiper .swiper-pagination-fraction{
    bottom: 0px;
}
.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,0.3);
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    transition: 300ms;
}
.itpl-swiper .swiper-button-next{
    background-image: url(../images/arrow_right.png);
}
.itpl-swiper .swiper-button-prev{
    background-image: url(../images/arrow_left.png);
}
@media (max-width: 640px) { /* width from 0px to 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,0.5);
}

.itpl-swiper .swiper-pagination  .swiper-pagination-bullet-active{
    background: #555;
}
.itpl-swiper-vertical{
    padding: 0px;
}
.itpl-swiper-vertical .swiper-pagination{
    margin: 10px 0px;
    background: rgba(0,0,0,0.5);
    background: #B2B2B2;
    padding: 3px 4px;
    border-radius: 4px;
    transition: 300ms;
    opacity: 0;
}
.itpl-swiper-vertical .swiper-pagination .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(255,255,255,0.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: 300ms;
    margin: 10px 0px;
    opacity: 0;
}
.itpl-swiper-vertical:hover .swiper-pagination,
.itpl-swiper-vertical:hover .swiper-button-next,
.itpl-swiper-vertical:hover .swiper-button-prev{
    margin: 10px;
    opacity: 1;
}
.itpl-swiper-vertical .swiper-button-next{
    background-image: url(../images/arrow_down.png);
    right: 0px;
    top: unset;
    bottom: 0px;
}
.itpl-swiper-vertical .swiper-button-prev{
    background-image: url(../images/arrow_up.png);
    left: unset;
    right: 0px;
    top: 0px;
}
/*-- blocks --*/
.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: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.3);
    transition: 300ms;
    z-index: 1;
}
.itpl-bg-dark:hover:before{
    background: rgba(0,0,0,0.7);
}
.itpl-bg-dark-gradient:before{
    top: 50%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.itpl-bg-dark-gradient:hover:before{
    top: 0%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.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-slider .itpl-bg-dark.itpl-radius-15:after,
.itpl-slider .itpl-bg-dark.itpl-radius-15:before{
    border-radius: 15px;
}

.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-margin-top-20{margin-top: 20px;}
.itpl-margin-right-20{margin-right: 20px;}
.itpl-margin-bottom-20{margin-bottom: 20px;}
.itpl-margin-left-20{margin-left: 20px;}

.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;
}
.itpl-height-120px{
    height: 120px;
}
.itpl-height-250px{
    height: 250px;
}
.swiper-slide img{
    max-width: 100%;
}
.itpl-slider .itpl-nav-icon{
    background-image: none;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 43px !important;
    margin-top: -20px;
    text-align: center;
    background: rgba(0,0,0,0.3);
    color: #fff;
    border-radius: 50%;
    transition: 300ms;
}
.itpl-nav-icon:hover{
    background: rgba(0,0,0,0.5);
}
.itpl-pagination-circle{
    
}
.itpl-pagination-circle span{
    position: relative;
    background: #fff;
    width: 6px;
    height: 6px;
    margin: 10px !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: 300ms;
    transform: scale(0.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-content-main{
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
a.itpl-image-main .itpl-category,
a.itpl-image-main .itpl-category-counter{
    line-height: 22px;
}
.itpl-category-layout .itpl-image-main{
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}
/***------------------- animations --------------------***/
.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: 300ms;
}
.itpl-anim-zoomin:hover{
    transform: scale(0.9);
}
.itpl-anim-zoomout{
    transition: 300ms;
}
.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: 300ms;
}
.itpl-anim-counter > i{
    display: inline-block;
    font-style: normal;
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    top: 100%;
    transition: 300ms;
    opacity: 0;
}
.itpl-anim-counter > i > img{
    max-width: 22px;
    max-height: 22px;
    margin-top: 3px;
}
.itpl-image-main:hover .itpl-anim-counter > span,
.itpl-anim-counter:hover > span{
    transform: translateY(-100%);
    opacity: 0;
}
.itpl-image-main:hover .itpl-anim-counter > i,
.itpl-anim-counter:hover > i{
    top: 0px;
    opacity: 1;
}
.itpl-anim-hide-counter:before,
.itpl-anim-hide-counter .itpl-counter{
    transition: 300ms;
}
.itpl-anim-hide-counter:hover:before,
.itpl-anim-hide-counter:hover .itpl-counter{
    opacity: 0;
}
.itpl-anim-scale-up{
    overflow: hidden;
}
.itpl-anim-scale-up > .itpl-img,
.itpl-anim-scale-up > img{
    transition: 200ms;
}
.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: 200ms;
    transform: scale(1.1);
}
.itpl-anim-scale-down:hover > .itpl-img,
.itpl-anim-scale-down:hover > img{
    transform: scale(1);
}
.itpl-anim-bgdark-rotate{
    overflow: hidden;
}
.itpl-anim-bgdark-rotate:after{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.4);
    transition: 400ms;
    transform-origin: top left;
    transform: rotate(90deg);
}
.itpl-anim-bgdark-rotate:hover:after{
    transform: rotate(0deg);
}
.itpl-anim-bgdark-scaleup:before{
    transform: scale(0.8);
    opacity: 0;
}
.itpl-anim-bgdark-scaleup:hover:before{
    opacity: 1;
    transform: scale(1);
}
.itpl-anim-bgdark-scaleup:after{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.2);
    transition: 450ms;
    opacity: 0;
    transform: scale(0.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: 0.75;
    transform: scale(0.85);
}
.itpl-anim-bgdark-scaledown:after{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    transition: 300ms;
    opacity: 0;
    transform: scale(0.6);
}
.itpl-anim-bgdark-scaledown:hover:after{
    opacity: 1;
    transform: scale(1);
}
.itpl-anim-bgdark-bottomtop:after{
    content: " ";
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    transition: 450ms;
    top: 100%;
}
.itpl-anim-bgdark-bottomtop:hover:after{
    -webkit-animation: bgdark-bottomtop 600ms ease-in-out forwards;
    animation: bgdark-bottomtop 600ms ease-in-out forwards;
}
@keyframes bgdark-bottomtop {
    45%{
        top: 0px;
        bottom: 0px;
    }
    70%{
        top: 0px;
        bottom: 0px;
    }
    100%{
        top: 0px;
        bottom: 100%;
    }
}
.itpl-anim-bgdark-skew-y{
    overflow: hidden;
}
.itpl-anim-bgdark-skew-y:after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    transition: 400ms;
    transform: skewY(90deg) translateY(-50%);
    height: 0px;
    overflow: hidden;
}
.itpl-anim-bgdark-skew-y:hover:after{
    transform: skewY(0deg) translateY(-50%);
    height: 100%;
}
.itpl-anim-bgdark-skew-x{
    overflow: hidden;
}
.itpl-anim-bgdark-skew-x:after{
    content: " ";
    position: absolute;
    top: 0px;
    left: 50%;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    transition: 300ms;
    transform: skewX(90deg) translateX(-50%);
    transform-origin: center;
    width: 0px;
    overflow: hidden;
}
.itpl-anim-bgdark-skew-x:hover:after{
    transform: skewX(0deg) translateX(-50%);
    width: 100%;
    transition: 700ms;
}
.itpl-anim-content-go-top .itpl-content-main{
    transition: 300ms;
}
.itpl-anim-content-go-top:hover .itpl-content-main{
    margin-bottom: 30px !important;
}
a[class*="itplslide-anim"],
i[class*="itplslide-anim"],
span[class*="itplslide-anim"]{
    display: inline-block;
}
.itplslide-anim-fade{
    transition: 600ms;
    transition-delay: 200ms;
    opacity: 0;
    visibility: hidden;
}
.swiper-slide-active .itplslide-anim-fade{
    opacity: 1;
    visibility: visible;
}
.itplslide-anim-top-bottom{
    transition: 600ms;
    transition-delay: 200ms;
    transform: translateY(-50px);
    opacity: 0;
}
.swiper-slide-active .itplslide-anim-top-bottom{
    transform: translateY(0px);
    opacity: 1;
}
.itplslide-anim-bottom-top{
    transition: 600ms;
    transition-delay: 200ms;
    transform: translateY(50px);
    opacity: 0;
}
.swiper-slide-active .itplslide-anim-bottom-top{
    transform: translateY(0px);
    opacity: 1;
}
.itplslide-anim-left-right{
    transition: 600ms;
    transition-delay: 200ms;
    transform: translateX(-50px);
    opacity: 0;
}
.swiper-slide-active .itplslide-anim-left-right{
    transform: translateY(0px);
    opacity: 1;
}
.itplslide-anim-right-left{
    transition: 600ms;
    transition-delay: 200ms;
    transform: translateX(50px);
    opacity: 0;
}
.swiper-slide-active .itplslide-anim-right-left{
    transform: translateY(0px);
    opacity: 1;
}
/*mabe delete*/
.itpl-layout-72 .itplslide-anim-right-left, .itpl-layout-72 .itplslide-anim-left-right, .itpl-layout-72 .itplslide-anim-top-bottom,
.itpl-layout-72 .itplslide-anim-bottom-top{
    transform:none !important;
}
.itpl-layout-72 .itplslide-anim-cover{
    transform:none !important;
    position: unset;
}
.itplslide-anim-indiv-bottom-top{
    overflow: hidden;
}

.itpl-layout-80 .itplslide-anim-indiv-bottom-top{
    overflow: unset !important;
}
.itplslide-anim-indiv-bottom-top > *{
    display: inline-block;
    transition: 900ms !important;
    transition-delay: 200ms !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: 500ms !important;
    transition-delay: 200ms !important;
    transform: rotate(90deg);
    transform-origin: bottom left;
    opacity: 0;
}
.swiper-slide-active .itplslide-anim-indiv-rotate > *{
    transform: rotate(0deg);
    opacity: 1;
}
.itplslide-anim-cover{
    position: relative;
}
.itplslide-anim-cover:before{
    transition: 600ms !important;
    transition-delay: 400ms !important;
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
}
.itplslide-anim-cover:after{
    transition: 600ms !important;
    transition-delay: 200ms !important;
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #000;
}
.itplslide-anim-cover > *{
    transform: translateX(-30px) scale(0.9);
    transition: 600ms !important;
    transition-delay: 400ms !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(0px) scale(1);
    opacity: 1;
}
.itplslide-anim-cross{
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}
.itplslide-anim-cross:before{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000;
    transform-origin: bottom left;
    transform: rotate(0deg) scale(1.5);
    transition: 1500ms !important;
    transition-delay: 0ms !important;
    z-index: 10;
}
.itplslide-anim-cross:after{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000;
    transform-origin: top right;
    transform: rotate(0deg) scale(1.5);
    transition: 1500ms !important;
    transition-delay: 0ms !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 1500ms;
    animation: itplslide-cross-hide 1ms ease-in-out forwards 1500ms;
}
@keyframes itplslide-cross-hide {
    90%{right: 0px;}
    100%{right: unset;}
}
@-webkit-keyframes itplslide-cross-hide {
    90%{right: 0px;}
    100%{right: unset;}
}
.itplslide-anim-img-scale-up img{
    transform: scale(0.6) translateY(110%);
}
.swiper-slide-active .itplslide-anim-img-scale-up img{
    -webkit-animation: itplslide-anim-img-scale 900ms ease-in-out forwards 200ms;
    animation: itplslide-anim-img-scale 900ms ease-in-out forwards 200ms;
}
@keyframes itplslide-anim-img-scale {
    40%{
        transform: scale(0.6) translateY(0%);
    }
    80%{
        transform: scale(1.1) translateY(0%);
    }
    100%{
        transform: scale(1) translateY(0%);
    }
}
.itplslide-anim-img-scale-down{
    overflow: hidden;
}
.itplslide-anim-img-scale-down img{
    transform: scale(1.5) translateY(-10%);
    transition: 1200ms !important;
}
.swiper-slide-active .itplslide-anim-img-scale-down img{
    transform: scale(1) translateY(0);
}

.itplslide-anim-img-blur img{
    transition: 900ms !important;
    transition-delay: 400ms !important;
}
.itplslide-anim-img-blur .blur-img{
    background-repeat: no-repeat;
    position: absolute;
    top: 80px;
    left: 80px;
    right: 80px;
    bottom: 80px;
    background-size: calc(100% + 160px);
    background-position: -80px -80px;
    transition: 800ms !important;
    transition-delay: 400ms !important;
}
.swiper-slide-active .itplslide-anim-img-blur img{
    filter: blur(5px);
}
.swiper-slide-active .itplslide-anim-img-blur .blur-img{
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.35);
    transform: scale(1.05);
}
.itplslide-anim-delay1{
    transition-delay: 400ms !important; 
}
.itplslide-anim-delay2{
    transition-delay: 500ms !important; 
}
.itplslide-anim-delay3{
    transition-delay: 700ms !important; 
}
.itplslide-anim-delay4{
    transition-delay: 900ms !important; 
}
.itplslide-anim-delay5{
    transition-delay: 1100ms !important; 
}
/***------------------- layouts --------------------***/
.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: 300ms;
}
.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: 0px;
    border-radius: 20px 0px 0px 20px;
    padding-left: 5px;
}
.itpl-layout-57 .swiper-button-prev{
    background: #fff;
    color: #222;
    left: 0px;
    border-radius: 0px 20px 20px 0px;
    padding-right: 5px;
}
.itpl-layout-58 .itpl-title a{
    font-size: 24px;
    line-height: 28px;
}
.itpl-layout-58 .itpl-readmore-btn{
    background: #081FBD;
    color: #fff;
    padding: 9px 20px;
    display: inline-block;
    margin: 5px;
    border-radius: 30px;
    transition: 300ms;
}
.itpl-layout-58 .itpl-readmore-btn:hover{
    background: #fff;
    color: #081FBD;
    padding: 9px 35px;
}
.itpl-layout-58 .gallery-bottom{
    margin: 0px 10%;
    transform: translateY(-50%);
    cursor: pointer;
}
.itpl-layout-58 .gallery-bottom .swiper-slide-thumb-active.itpl-bg-dark:before{
    opacity: 0;
}
.itpl-layout-58 .itpl-counter{
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
    color: #ddd;
}
.itpl-layout-58 .swiper-slide-thumb-active .itpl-counter{
    color: #fff;
}
.itpl-layout-59 .itpl-title a{
    font-size: 26px;
    line-height: 28px;
    margin: 10px 0px;
}
.itpl-layout-59 .itpl-content-main{
    padding: 0px;
    width: 50%;
}
.itpl-layout-59 .itpl-content-main:before{
    content: " ";
    position: absolute;
    bottom: 150%;
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    height: 40px;
    border: 1px solid #eee;
    border-bottom: none;
    transition: 500ms;
}
.itpl-layout-59 .itpl-content-main:after{
    content: " ";
    position: absolute;
    top: 150%;
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    height: 40px;
    border: 1px solid #eee;
    border-top: none;
    transition: 500ms;
}
.itpl-layout-59 .swiper-slide-active .itpl-content-main:before{
    bottom: 100%;
}
.itpl-layout-59 .swiper-slide-active .itpl-content-main:after{
    top: 100%;
}
.itpl-layout-59 .swiper-button-next{
    border-radius: 0px;
    right: 0px;
    background: rgba(0,0,0,0.6);
}
.itpl-layout-59 .swiper-button-prev{
    border-radius: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
}
.itpl-layout-59 .swiper-button-next:hover,
.itpl-layout-59 .swiper-button-prev:hover{
    background: rgba(0,0,0,0.95);
}
.itpl-layout-60 .itpl-content-main {
    background: #FFAE88;
}
.itpl-layout-60 .itpl-title a{
    font-size: 20px;
    line-height: 28px;
    margin: 15px 0px;
}
.itpl-layout-60 .itpl-text-muted{
    color: #755a4d;
}
.itpl-layout-60 .itpl-readmore-btn{
    background: #fff;
    padding: 8px 20px;
    display: inline-block;
    margin: 20px 5px 5px;
    border-radius: 4px;
}
.itpl-layout-60 .itpl-nav-icon{
    opacity: 0;
}
.itpl-layout-60:hover .itpl-nav-icon{
    opacity: 1;
}
.itpl-layout-61 .itpl-image-main{
    margin-bottom: 70px;
    padding: 0px 10%;
    background: #000;
}
.itpl-layout-61 .itpl-content-main{
    min-height: 100px;
    padding: 20px 20px 30px;
    box-sizing: border-box;
    left: 40px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #eee;
    max-width: 45%;
    z-index: 2;
}
.itpl-layout-61 .itpl-title a{
    font-size: 22px;
    line-height: 28px;
    margin: 5px 0px;
}
.itpl-layout-61 .swiper-button-next{
    background: #FC795D;
    width: auto !important;
    border-radius: 5px;
    padding: 5px 20px;
    height: auto !important;
    line-height: 26px;
    top: unset;
    bottom: 100px;
    margin: 0px;
    right: 78px;
    font-size: 14px;
}
.itpl-layout-61 .swiper-button-prev{
    background: #FC795D;
    width: auto !important;
    border-radius: 5px;
    padding: 5px 20px;
    height: auto !important;
    line-height: 26px;
    top: unset;
    bottom: 100px;
    margin: 0px;
    left: unset;
    right: 140px;
    font-size: 14px;
}
.itpl-layout-61 .swiper-button-prev i{
    margin: 0px 0px 0px 0px !important;
}
.itpl-layout-61 .swiper-button-next i{
    margin: 0px 0px 0px 0px !important;
}
.itpl-layout-61 .swiper-pagination{
    margin-top: -60px;
}
.itpl-layout-61 .itpl-text{
    position: relative;
    margin-top: 20px;
}
.itpl-layout-61 .itpl-text:before{
    content: " ";
    position: absolute;
    top: -1px;
    left: 0px;
    height: 2px;
    width: 50px;
    background: #FC795D;
}
.itpl-layout-62 .itpl-title{
    position: relative;
    margin-bottom: 10px !important;
}
.itpl-layout-62 .itpl-title:after{
    content: " ";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 50px;
    background: #ddd;
}
.itpl-layout-62 .itpl-title a{
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0px;
}
.itpl-layout-62 .itpl-tags a{
    background: rgba(0,0,0,0.5);
    padding: 4px 12px;
    border-radius: 4px;
    color: #fff;
}
.itpl-layout-63 .itpl-title a{
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0px;
}
.itpl-layout-63 .itpl-content-main{
    border: 2px solid rgba(255,255,255,0.7);
    padding: 30px;
}
.itpl-layout-63 .itpl-nav-icon{
    background: #fff;
    color: #000;
    border-radius: 0px;
    margin-right: 10px;
    margin-left: 10px;
}
.itpl-layout-64 .itpl-content-main{
    padding: 0px;
}
.itpl-layout-75 .itpl-tags{
    line-height: 0px;
}
.itpl-layout-75 .itpl-pagination_title,
.itpl-layout-75 .itpl-title{
    line-height: 18px;

}
.itpl-layout-75 .itpl-pagination_title{
    margin-top: 10px;
}
.itpl-layout-64 .itpl-pagination_title a{
    vertical-align: top;
}
.itpl-layout-64 .gallery-bottom{
    margin: 0px 5%;
    transform: translateY(-100%);
}
.itpl-layout-64 .gallery-bottom .swiper-slide{
    padding: 20px 10px;
    background: #fff;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.itpl-layout-64 .gallery-bottom .itpl-title a{
    font-weight: normal;
    font-size: 13px;
    color: #000;
}
.itpl-layout-64 .gallery-bottom .swiper-slide-thumb-active .itpl-title a{
    color: #E6255A !important;
}
.itpl-layout-65 .itpl-title a{
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0px;
}
.itpl-layout-65 .itpl-content-main{
    padding: 0px 35% 0px 20px;
}
.itpl-layout-65 .itpl-nav-icon{
    border: 2px solid #fff;
    background: transparent;
    margin-right: 30px;
    margin-left: 30px;
}
.itpl-layout-65 .itpl-nav-icon:hover{
    background: #fff;
    color: #000;
}
.itpl-layout-66 .swiper-slide > .itpl-grid{
    padding: 10px;
}
.itpl-layout-66 .itpl-image-main{
    padding: 5px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    box-sizing: border-box;
    border-radius: 4px;
}
.itpl-by-text{
    display: inline;
}
.itpl-layout-66 .itpl-content-main{
    background: #fff;
    padding: 25px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: -50px !important;
    max-width: 50%;
}
.itpl-layout-66 .itpl-title a{
    font-size: 18px;
    line-height: 24px;
    margin: 5px 0px;
}
.itpl-layout-66 .itpl-tags{
    position: relative;
    padding-left: 20px;
}
.itpl-layout-66 .itpl-tags:before{
    content: " ";
    position: absolute;
    left: 0px;
    top: 9px;
    height: 2px;
    width: 15px;
    background: #F4771A;
    border-radius: 30px;
}  
.itpl-layout-66 .swiper-container{
    padding-bottom: 15px;
}
.itpl-layout-66 .swiper-pagination{
    bottom: 0px;
}
.itpl-layout-66 .swiper-pagination span{
    width: 18px;
    border-radius: 25px;
    height: 6px;
    margin: 0px 3px !important;
}
.itpl-layout-66 .swiper-pagination-bullet-active{
    background: #F4771A;
}
.itpl-layout-67 .swiper-slide{
    background: #FFD96A;
    padding: 30px 0px;
}
.itpl-layout-67 .itpl-content-main{
    padding: 0px 7%;
}
.itpl-layout-67 .itpl-title a{
    font-size: 19px;
    line-height: 24px;
    margin: 7px 0px;
}
.itpl-layout-67 .itpl-text-muted{
    color: #7d6e40;
}
.itpl-layout-67 .itpl-readmore-btn{
    background: #fff;
    padding: 6px 18px;
    display: inline-block;
    margin: 10px 0px;
    font-size: 12px;
}
.itpl-layout-67 .itpl-tags{
    margin-bottom: 10px;
}
.itpl-layout-67 .itpl-tags a{
    border: 2px solid #444;
    padding: 3px 10px;
}
.itpl-layout-67 .itpl-nav-icon{
    opacity: 0;
}
.itpl-layout-67:hover .itpl-nav-icon{
    opacity: 1;
}
.itpl-layout-68 .itpl-content-main{
    padding: 0px;
}
.itpl-layout-68 .itpl-image-main a{
    display: inline-block;
    position: relative;
    max-width: 60%;
    margin-top: 20px;
    padding-bottom: 20px;
}
.itpl-layout-68 .itpl-image-main a img{
    width: auto;
    z-index: 2;
    position: relative;
}
.itpl-layout-68 .itpl-image-main a:before{
    content: " ";
    background: #eee;
    position: absolute;
    transition: 300ms;
    transition-delay: 300ms;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 20px;
}
.itpl-layout-68 .swiper-slide-active .itpl-image-main a:before{
    top: 20px;
    left: 20px;
    right: -20px;
    bottom: 0px;
}
.itpl-layout-68 .itpl-title a{
    font-size: 26px;
    line-height: 28px;
    margin: 7px 0px;
}
.itpl-layout-68 .itpl-tags a{
    background: #EF3E38;
    color: #fff;
    padding: 1px 6px;
}
.itpl-layout-68 .swiper-container{
    padding-bottom: 40px;
}
.itpl-layout-68 .swiper-button-next{
    bottom: 0px;
    top: unset;
    right: unset;
    left: 50%;
    margin: 0px 5px;
    background: transparent;
    color: #999;
}
.itpl-layout-68 .swiper-button-prev{
    bottom: 0px;
    top: unset;
    left: unset;
    right: 50%;
    margin: 0px 5px;
    background: transparent;
    color: #999;
}
.itpl-layout-68 .swiper-button-next:hover,
.itpl-layout-68 .swiper-button-prev:hover{
    color: #111;
}
.itpl-layout-69 {
    padding: 20px 70px 0px;
    position: relative;
}
.itpl-layout-69 .itpl-title a{
    font-size: 22px;
    line-height: 24px;
    margin: 7px 0px;
}
.itpl-layout-69 .itpl-details{
    margin-bottom: 25px;
}
.itpl-layout-69 .itpl-readmore-btn{
    background: #CA906B;
    color: #Fff;
    padding: 7px 20px;
    border-radius: 20px;
    margin-top: 15px;
    display: inline-block;
    font-size: 13px;
}
.itpl-layout-69 .swiper-container .itpl-content-main{
    padding-bottom: 40px;
}
.itpl-layout-69 .swiper-button-next,
.itpl-layout-69 .swiper-button-prev{
    top: unset;
    bottom: 0px;
    background: none;
    color: #999;
}
.itpl-layout-69 .swiper-button-prev{
    left: 0px;
    margin: 0px;
}
.itpl-layout-69 .swiper-button-next{
    left: 50%;
    margin: 0px;
    margin-left: -50px;
}
.itpl-layout-69 .swiper-pagination{
    width: auto;
    left: 25%;
    transform: translateX(-50%);
}
.itpl-layout-70{
    position: relative;
}
.itpl-layout-70:before{
    content: " ";
    position: absolute;
    top: 30px;
    left: -20px;
    width: 100px;
    height: 220px;
    border: 10px solid #B9D1A1;
}
.itpl-layout-70:after{
    content: " ";
    position: absolute;
    bottom: 30px;
    right: -20px;
    width: 100px;
    height: 260px;
    border: 10px solid #B9D1A1;
}
.itpl-layout-70 .itpl-content-main{
    background: #fff;
    color: #000;
    padding: 30px 0px 10px 30px;
    max-width: 35%;
    box-sizing: border-box;
    top: 30px;
    left: 30px;
    min-height: 240px;
}
.itpl-layout-70 .itpl-content-main:before{
    content: " ";
    position: absolute;
    top: 0px;
    right: -1px;
    bottom: 0px;
    width: 200px;
    background: #fff;
    transform: skewX(-15deg);
    transform-origin: bottom right;
}
.itpl-layout-70 .itpl-content-main:after{
    content: " ";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 200px;
    background: #fff;
    transform: skewY(-10deg);
    transform-origin: bottom right;
}
.itpl-layout-70 .itpl-content-main > *{
    z-index: 1;
    position: relative;
}
.itpl-layout-70 .itpl-content-main a{
    color: #000;
}
.itpl-layout-70 .itpl-title{
    position: relative;
}
.itpl-layout-70 .itpl-title:before{
    content: " ";
    position: absolute;
    bottom: 4px;
    left: -10px;
    height: 10px;
    width: 60px;
    background: #B9D1A1;
}
.itpl-layout-70 .itpl-title a{
    font-size: 19px;
    line-height: 24px;
    margin: 5px 0px;
    z-index: 1;
    position: relative;
}
.itpl-layout-70 .itpl-details{
    margin-bottom: 10px !important;
}
.itpl-layout-70 .itpl-text{
    border-top: 1px dashed #ddd;
    padding-top: 10px;
}
.itpl-layout-70 .itpl-readmore{
    position: absolute;
    bottom: -20px;
    left: 30px;
}
.itpl-layout-70 .swiper-button-next{
    top: unset;
    margin: 0;
    bottom: 20px;
    right: 20px;
    background: transparent;
}
.itpl-layout-70 .swiper-button-prev{
    top: unset;
    margin: 0;
    left: unset;
    bottom: 20px;
    right: 60px;
    background: transparent;
}

.itpl-layout-70.itpl-content-bottom-bg .itpl-content-main{
    padding: 30px;
    top: unset;
    bottom: 30px;
    left: 0px;
}
.itpl-layout-70.itpl-content-bottom-bg .itpl-content-main:before,
.itpl-layout-70.itpl-content-bottom-bg .itpl-content-main:after{
    display: none;
}
.itpl-layout-70.itpl-content-bottom-bg .itpl-readmore{
    position: relative;
    left: unset;
    bottom: unset;
}
.itpl-layout-70.itpl-content-bottom .itpl-content-main{
    padding: 20px;
    top: unset;
    bottom: 30px;
    left: 30px;
    min-height: unset;
    background: transparent;
    color: #fff;
}
.itpl-layout-70.itpl-content-bottom .itpl-content-main a{
    color: #fff;
}
.itpl-layout-70.itpl-content-bottom .itpl-content-main:before,
.itpl-layout-70.itpl-content-bottom .itpl-content-main:after{
    display: none;
}
.itpl-layout-70.itpl-content-bottom .itpl-details{
    margin-bottom: 0px !important;
}
.itpl-layout-70.itpl-content-bottom .itpl-title a{
    font-size: 22px;
}

.itpl-layout-71 .itpl-title a{
    font-size: 22px;
    line-height: 24px;
    margin: 10px 0px;
}
.itpl-layout-71 .itpl-readmore-btn{
    border: 1px solid #fff;
    padding: 7px 15px;
    display: inline-block;
    margin-top: 10px;
    transition: 300ms;
}
.itpl-layout-71 .itpl-readmore-btn:hover{
    background: #fff;
    color: #000;
}
.itpl-layout-71 .itpl-nav-icon{
    border-radius: 0px;
    background: rgba(255,255,255,0.35);
    color: #444;
}
.itpl-layout-71 .itpl-nav-icon:hover{
    background: #fff;
    color: #000;
}
.itpl-layout-72 .itpl-content-main{
    top: 25%;
    left: 10%;
    right: 10%;
    bottom: 20%;
}
.itpl-layout-72 .itpl-inlayout-nav > i{
    line-height: 25px !important;
}
.itpl-layout-72 .itpl-inlayout-nav{
    direction: rtl;
    text-align: left;
    margin-top: 20px;
}
.itpl-layout-72 .itpl-inlayout-nav > *{
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    display: inline-block;
    background: #FF6F4D;
    margin: 0px 4px;
    width: 30px!important;
    height: 30px!important;
    line-height: 30px !important;
    font-size: 12px;
}
.itpl-layout-72 .itpl-author{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.itpl-layout-72 .itpl-author img{
    width: 40px;
}
.itpl-layout-72 .itpl-title{
    max-width: 50%;
}
.itpl-layout-72 .itpl-title a{
    font-size: 24px;
    line-height: 35px;
    margin: 15px 0px;
}
.itpl-layout-73 .itpl-content-main{
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    width: 45%;
    background: #fff;
    padding: 20px 30px;
    box-sizing: border-box;
    color: #000;
}
.itpl-layout-73 .itpl-content-main a{
    color: #000;
}
.itpl-layout-73 .itpl-title a{
    font-size: 18px;
    line-height: 22px;
    margin: 5px 0px;
}
.itpl-layout-73 .itpl-author img{
    width: 40px;
}
.itpl-layout-74 .itpl-content-main{
    left: 20px;
    right: 20px;
    bottom: 20px;
}
.itpl-layout-74 .itpl-title{
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding-bottom: 5px;
    margin-bottom: 10px !important;
}
.itpl-layout-74 .itpl-title a{
    font-size: 20px;
    line-height: 22px;
    margin: 5px 0px;
}
.itpl-layout-74 .itpl-tags a{
    background: rgba(0,0,0,0.4);
    padding: 4px 10px;
    display: inline-block;
}
.itpl-layout-75{
    background: #222;
    color: #fff;
}
.itpl-layout-75 a{
    color: #fff;
}
.itpl-layout-75 a.itpl-text-muted {
    color: #aaa;
}
.itpl-layout-75 .gallery-bottom-main{
    position: relative;
    min-height: 320px;
}
.itpl-layout-75 .gallery-bottom{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.itpl-layout-75 .gallery-bottom .itpl-content-main{
    padding: 0px;
}
.itpl-layout-75 .gallery-top-main .swiper-slide{
    min-height: 320px;
}
.itpl-layout-75 .gallery-top-main .itpl-content-main{
    padding: 20px 10%;
}
.itpl-layout-75 .gallery-top .itpl-title a{
    font-size: 25px;
    line-height: 32px;
    margin: 5px 0px;
}
.itpl-layout-75 .gallery-top .itpl-readmore-btn{
    border: 1px solid #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 15px;
    font-size: 13px;
    transition: 300ms;
}
.itpl-layout-75 .gallery-top .itpl-readmore-btn:hover{
    color: #222;
    background: #fff;
}
.itpl-layout-75 .gallery-bottom .numbers span{
    display: inline-block;
    border: 2px solid #fff;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    margin: 0px 15px;
    transition: 300ms;
}
.itpl-layout-75 .gallery-bottom .swiper-slide-thumb-active .numbers span{
    background: #fff;
    color: #222;
}
.itpl-layout-75 .gallery-bottom .itpl-title a{
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    color: #fff !important;
}
.itpl-layout-75 .gallery-bottom .itpl-tags{
    margin: 0px !important;
}
.itpl-layout-75 .gallery-bottom .itpl-tags a{
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}
.itpl-layout-75 .gallery-bottom .swiper-slide{
    cursor: pointer;
    transition: 300ms;
}
.itpl-layout-75 .gallery-bottom .swiper-slide:hover{
    background: rgba(0,0,0,0.25);
}
.itpl-layout-75 .gallery-bottom .swiper-scrollbar{
    opacity: 0;
    transition: 300ms;
}
.itpl-layout-75 .gallery-bottom:hover .swiper-scrollbar{
    opacity: 1;
}
.itpl-layout-76 .itpl-content-main{
    background: #fff;
    color: #000;
    padding: 20px 30px;
}
.itpl-layout-76 .itpl-content-main a{
    color: #000;
}
.itpl-layout-76 .itpl-title a{
    font-size: 20px;
    line-height: 24px;
    margin: 7px 0px;
}
.itpl-layout-76 .itpl-nav-icon{
    border-radius: 0px;
    border: 2px solid #fff;
    background: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    margin-right: 10px;
    margin-left: 10px;
}
.itpl-layout-76 .itpl-nav-icon:hover{
    background: #fff;
    color: #000;
}
.itpl-layout-77 .itpl-content-main{
    background: #131313;
    color: #fff;
    padding: 35px;
}
.itpl-layout-77 .itpl-content-main a{
    color: #fff;
}
.itpl-layout-77 .itpl-title a{
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0px;
}
.itpl-layout-77 .swiper-button-next{
    background: #262626;
    width: 16.666% !important;
    border-radius: 0px;
    right: 0px;
    bottom: 0px;
    top: unset;
    margin: 0px;
    font-size: 13px;
}
.itpl-layout-77 .swiper-button-prev{
    background: #262626;
    width: 16.666% !important;
    border-radius: 0px;
    right: 16.666%;
    bottom: 0px;
    top: unset;
    left: unset;
    margin: 0px;
    font-size: 13px;
}
.itpl-layout-77 .swiper-button-next i{
    margin: 0px -10px 0px 10px;
}
.itpl-details span, .itpl-details a{
    font-size: 11px;
    font-weight: 200;
}
.itpl-layout-77 .swiper-button-prev i{
    margin: 0px 10px 0px -10px;
}
.itpl-layout-77 .swiper-button-next:hover,
.itpl-layout-77 .swiper-button-prev:hover{
    background: #171717 !important;
}
.itpl-layout-78 .itpl-content-main{
    padding: 0px;
}
.itpl-layout-78 .gallery-top .itpl-content-main{
    margin-top: -40px;
}
.itpl-layout-78 .gallery-top .itpl-title a{
    font-size: 28px;
    line-height: 32px;
    margin: 10px 0px;
}
.itpl-layout-78 .gallery-top .itpl-readmore-btn{
    margin-top: 15px;
    display: inline-block;
    text-decoration: underline;
}
.itpl-layout-78 .swiper-button-prev{
    left: 40%;
    background: #000;
    opacity: 1;
    border-radius: 0px;
    margin: 0px;
    transform: translateX(-100%);
    bottom: 40px;
    top: unset;
}
.itpl-layout-78 .swiper-button-next{
    right: 60%;
    background: #000;
    opacity: 1;
    border-radius: 0px;
    margin: 0px;
    transform: translateX(100%);
    bottom: 40px;
    top: unset;
}
.itpl-layout-78 .gallery-bottom{
    margin: -20px 5% 0px;
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}
.itpl-layout-78 .gallery-bottom .itpl-content-main{
    padding: 10px;
}
.itpl-layout-78 .gallery-bottom .itpl-title a{
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
}
.itpl-layout-78 .gallery-bottom .swiper-slide{
    cursor: pointer;
}
.itpl-layout-78 .gallery-bottom .swiper-slide-thumb-active .itpl-pagination_title a{
    color: #E12A22 !important;
}
.itpl-layout-78 .itpl-pagination_title{
    line-height: 10px;
    margin-top: 10px;
}
.itpl-layout-79 .itpl-content-main{
    position: relative;
    background: #fff;
    padding: 60px 30px 0px;
    box-sizing: border-box;
}
.itpl-layout-79 .itpl-readmore-btn{
    background: #72605c;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: -30px;
    color: #fff;
    padding: 35px 50px !important;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 1px;
    transition: 300ms;
}
.itpl-layout-79 .itpl-readmore-btn:hover{
    background: #534441;
}
.itpl-layout-79 .itpl-title a{
    font-size: 25px;
    line-height: 26px;
    margin: 5px 0px;
}
.itpl-slider .swiper-pagination span{
    background-color: rgba(0,0,0,0) !important;
}
.itpl-layout-79 .swiper-button-prev{
    left: 66.66%;
    top: unset;
    bottom: 120px;
    margin: 0px;
    margin-left: 30px;
    background: #fff;
    border: 1px solid #ddd;
    color: #444;
    width: 30px!important;
    height: 30px!important;
    line-height: 30px !important;
    font-size: 12px;
}
.itpl-layout-79 .swiper-button-next{
    right: 33.33%;
    top: unset;
    bottom: 120px;
    margin: 0px;
    margin-right: -105px;
    background: #fff;
    border: 1px solid #ddd;
    color: #444;
    width: 30px!important;
    height: 30px!important;
    line-height: 30px !important;
    font-size: 12px;
}
.itpl-layout-79 .swiper-pagination{
    width: auto;
    bottom: 120px;
    left: unset;
    right: 20px;
    line-height: 30px;
    letter-spacing: -1px;
}
.itpl-layout-79 .swiper-pagination .swiper-pagination-current{
    vertical-align: top;
    font-size: 20px;
    font-weight: bold;
}
.itpl-layout-80{
    box-shadow: 0px 15px 25px -5px rgba(0,0,0,0.2);
}
.itpl-layout-80 .gallery-bottom .itpl-content-main{
    padding: 0px;
}
.itpl-layout-80 .gallery-top .itpl-content-main{
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 50%;
    text-align: right;
    padding-left: 70px;
    margin-top: -50px;
}
.itpl-layout-80 .gallery-bottom{
    margin: -120px 70px 0px;
    background: #fff;
}
.itpl-layout-80 .gallery-bottom .swiper-slide{
    padding: 5px 20px;
    height: 120px;
    box-sizing: border-box;
    cursor: pointer;
}
.itpl-layout-80 .gallery-bottom .itpl-content-main{
    padding-left: 20px;
}
.itpl-layout-80 .gallery-bottom .itpl-title a{
    font-size: 14px;
    line-height: 16px;
}
.itpl-layout-80 .gallery-bottom .itpl-text{
    font-size: 12px;
    line-height: 14px;
}
.itpl-layout-80 .swiper-button-next{
    top: unset;
    bottom: 120px;
    right: 70px;
    margin: 0px;
    border-radius: 0px;
    background: rgba(255,255,255,0.5);
    color: #111;
    opacity: 1;
}
.itpl-layout-80 .swiper-button-prev{
    top: unset;
    left: unset;
    bottom: 120px;
    right: 110px;
    margin: 0px;
    border-radius: 0px;
    background: rgba(255,255,255,0.5);
    color: #444;
    opacity: 1;
}
.itpl-layout-80 .swiper-button-next:hover,
.itpl-layout-80 .swiper-button-prev:hover{
    background: #fff;
    color: #000;
}
.itpl-layout-80 .swiper-pagination{
    bottom: 160px;
    right: 70px;
    left: unset;
    width: 80px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -1px;
    padding: 10px;
    box-sizing: border-box;
}
.itpl-layout-80 .swiper-pagination .swiper-pagination-current{
    font-weight: bold;
    font-size: 21px;
}
.itpl-layout-80 .gallery-top .itpl-title a{
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0px;
    position: relative;
}
.itpl-layout-80 .gallery-top .itpl-title a:before{
    content: " ";
    position: absolute;
    top: 10px;
    left: 0px;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: 35px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    transition: 600ms;
    transition-delay: 200ms;
    transform: scale(0.5);
    opacity: 0;
}
.itpl-layout-80 .gallery-top .swiper-slide-active .itpl-title a:before{
    transform: scale(1);
    opacity: 1;
}
.itpl-layout-80 .gallery-top{
    position: relative;
}
.itpl-layout-80 .gallery-top .lines span{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 1px;
    background: rgba(255,255,255,0.1);
}
.itpl-layout-80 .gallery-top .lines span:nth-of-type(1){ left: 10%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(2){ left: 20%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(3){ left: 30%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(4){ left: 40%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(5){ left: 50%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(6){ left: 60%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(7){ left: 70%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(8){ left: 80%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(9){ left: 90%; }
.itpl-layout-80 .gallery-top .lines span:nth-of-type(10){ left: 100%; }

.itpl-layout-81 .swiper-pagination span{
    background: transparent;
    color: #fff;
    opacity: 0.25;
    width: auto;
    height: auto;
    border-radius: 0px;
    font-size: 22px;
    padding: 0px;
    font-weight: bold;
}
.itpl-layout-81 .swiper-pagination span.swiper-pagination-bullet-active-prev-prev,
.itpl-layout-81 .swiper-pagination span.swiper-pagination-bullet-active-next-next{
    opacity: 0.5;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
}
.itpl-layout-81 .swiper-pagination span.swiper-pagination-bullet-active-prev,
.itpl-layout-81 .swiper-pagination span.swiper-pagination-bullet-active-next{
    opacity: 0.75;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
}
.itpl-layout-81 .swiper-pagination span.swiper-pagination-bullet-active-main{
    opacity: 1;
}
.itpl-layout-81 .itpl-content-main{
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    text-align: right;
    width: 50%;
    padding-left: 10%;
    padding-right: 0px;
    box-sizing: border-box;
}
.itpl-layout-81 .itpl-title a{
    font-size: 24px;
    line-height: 26px;
}
.itpl-layout-81 .itpl-text{
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0px !important;
    color: #eee;
}
.itpl-layout-81 .itpl-readmore-btn{
    display: inline-block;
    background: rgba(0,0,0,0.5);
    padding: 7px 25px;
    border-radius: 5px;
    font-size: 13px;
}
.itpl-layout-81 .swiper-button-next{
    right: 20px;
    background: transparent;
    border-radius: 0px;
    transform: translateY(-50%);
}
.itpl-layout-81 .swiper-button-prev{
    left: unset;
    right: 20px;
    background: transparent;
    border-radius: 0px;
    transform: translateY(50%);
}
.itpl-layout-82 .itpl-socials{
    margin-top: 30px;
}
.itpl-layout-82 .itpl-image-main img{
    max-width: 150px;
}
/**************** responsive ******************/
@media (max-width: 768px) { /* width from 0px to 768px */
    .itpl-layout-59 .itpl-content-main:after,
    .itpl-layout-59 .itpl-content-main:before{
        height: 30px;
        width: 70%;
    }
    .itpl-layout-60 .itpl-content-main > .itpl-absolute{
        width: 75%;
    }
    .itpl-layout-64 .gallery-bottom .swiper-slide {
        padding: 10px;
    }
    .itpl-layout-64 .gallery-bottom .itpl-title a{
        font-size: 12px;
        line-height: 15px;
    }
    .itpl-layout-65 .itpl-nav-icon{
        margin-right: 0px;
        margin-left: 0px;
    }
    .itpl-layout-66 .itpl-content-main{
        margin-left: -25px;
    }
    .itpl-layout-67 .swiper-slide > .itpl-grid{
        align-items: center;
    }
    .itpl-layout-69 {
        padding: 20px 30px 0px;
    }
    .itpl-layout-70 .itpl-content-main{
        padding: 20px 0px 10px 25px;
        top: 15px;
        left: 15px;
    }
    .itpl-layout-70 .itpl-text{
        line-height: 16px;
        font-size: 13px;
    }
    .itpl-layout-70 .itpl-title a{
        font-size: 16px;
        line-height: 17px;
        margin: 0px;
    }
    .itpl-layout-70.itpl-content-bottom-bg .itpl-content-main{
        padding: 20px 25px !important;
        bottom: 10px;
        max-width: 50%;
        min-height: unset;
    }
    .itpl-layout-70.itpl-content-bottom .itpl-content-main{
        max-width: 50%;
        min-height: unset;
    }
    .itpl-layout-77 .itpl-content-main{
        padding: 20px 15px;
    }
    .itpl-layout-77 .itpl-title a{
        font-size: 17px;
        line-height: 20px;
    }
    .itpl-layout-78 .gallery-top .itpl-title a {
        font-size: 20px;
        line-height: 20px;
        margin: 5px 0px;
    }
    .itpl-layout-79 .itpl-image-main{
        width: 60%;
    }
    .itpl-layout-79 .itpl-content-main{
        padding: 20px 20px 0px;
        width: 40%;
    }
    .itpl-layout-79 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px;
    }
    .itpl-layout-79 .itpl-readmore-btn{
        padding: 15px 30px;
    }
    .itpl-layout-79 .swiper-pagination,
    .itpl-layout-79 .swiper-button-prev,
    .itpl-layout-79 .swiper-button-next{
        bottom: 55px;
    }
    .itpl-layout-80 .gallery-bottom{
        margin: -120px 30px 0px;
    }
    .itpl-layout-80 .gallery-bottom .swiper-slide {
        padding: 0px 0px 0px 10px;
    }
    .itpl-layout-80 .gallery-bottom .itpl-content-main {
        padding-left: 10px;
    }
    .itpl-layout-80 .swiper-pagination,
    .itpl-layout-80 .swiper-button-next{
        right: 30px;
    }
    .itpl-layout-80 .swiper-button-prev{
        right: 70px;
    }
    .itpl-layout-80 .gallery-top .itpl-content-main{
        padding-left: 30px;
    }
    .itpl-layout-80 .gallery-top .itpl-title a {
        font-size: 20px;
        line-height: 20px;
        margin: 0px;
    }
    .itpl-layout-81 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
    }
    .itpl-layout-81 .itpl-content-main{
        padding-left: 20px;
    }
    .itplslide-anim-img-blur .blur-img {
        top: 40px;
        left: 40px;
        right: 40px;
        bottom: 40px;
        background-size: calc(100% + 80px);
        background-position: -40px -40px;
    }
    .itpl-about > .itpl-flex{
        flex-wrap: wrap;
    }
    .itpl-about > .itpl-flex > *{
        width: 100%;
    }
}
@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: 0px 20px;
        transform: translateY(-30%);
    }
    .itpl-layout-59 .itpl-content-main{
        width: 90%;
    }
    .itpl-layout-60 .itpl-image-main{
        width: 100%;
    }
    .itpl-layout-60 .itpl-content-main{
        width: 100%;
        padding: 20px;
        display: flex;
        align-items: center;
    }
    .itpl-layout-60 .itpl-content-main > .itpl-absolute{
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }
    .itpl-layout-60 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px;
    }
    .itpl-layout-60 .itpl-readmore-btn{
        margin: 5px 5px;
        font-size: 13px;
        padding: 5px 15px;
    }
    .itpl-layout-61 .itpl-image-main {
        padding: 0px;
    }
    .itpl-layout-61 .itpl-content-main{
        padding: 10px;
        left: 20px;
        max-width: 55%;
    }
    .itpl-layout-61 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px;
    }
    .itpl-layout-61 .swiper-button-next{
        padding: 2px 15px;
        right: 10px;
        bottom: 80px;
        font-size: 13px;
    }
    .itpl-layout-61 .swiper-button-prev{
        padding: 2px 15px;
        right: 70px;
        bottom: 80px;
        font-size: 13px;
    }
    .itpl-layout-62 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
    }
    .itpl-layout-63 .itpl-content-main{
        padding: 10px;
        min-width: 70%;
    }
    .itpl-layout-63 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px 0px;
    }
    .itpl-layout-63 .itpl-nav-icon{
        margin: -15px 0px 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .itpl-layout-65 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 5px 0px;
    }
    .itpl-layout-65 .itpl-nav-icon{
        margin: -15px 0px 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .itpl-layout-66 .itpl-image-main{
        width: 100%;
    }
    .itpl-layout-66 .itpl-content-main{
        width: 100%;
        max-width: unset;
        margin: -40px 20px 0px;
        padding: 15px 20px;
    }
    .itpl-layout-67 .itpl-image-main{
        width: 100%;
        padding: 15px 15px 0px;
        order: 1;
    }
    .itpl-layout-67 .itpl-content-main{
        padding: 15px;
        width: 100%;
        order: 2;
    }
    .itpl-layout-67 .swiper-slide{
        padding: 0px;
    }
    .itpl-layout-68 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 5px 0px;
    }
    .itpl-layout-69 {
        padding: 20px 5px 0px;
    }
    .itpl-layout-69 .itpl-image-main{
        width: 100%;
        padding: 15px 15px 0px;
        order: 1;
    }
    .itpl-layout-69 .itpl-content-main{
        padding: 15px;
        width: 100%;
        order: 2;
    }
    .itpl-layout-70 .itpl-image-main{
        
    }
    .itpl-layout-70 .itpl-content-main{
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        max-width: 100%;
        min-height: unset;
    }
    .itpl-layout-70 .itpl-content-main:before{
        display: none;
    }
    .itpl-layout-70 .itpl-content-main:after{
        transform-origin: top left;
        height: 100px;
        top: 0px;
        bottom: unset;
        transform: skewY(-5deg);
    }
    .itpl-layout-70 .itpl-readmore {
        position: relative;
        bottom: unset;
        left: unset;
    }
    .itpl-layout-70 .swiper-button-prev,
    .itpl-layout-70 .swiper-button-next{
        bottom: unset;
        top: 20px;
    }
    .itpl-layout-70.itpl-content-bottom-bg .itpl-content-main{
        max-width: unset;
        bottom: unset;
    }
    .itpl-layout-70.itpl-content-bottom .itpl-content-main{
        position: absolute;
    }
    .itpl-layout-70.itpl-content-bottom .itpl-title a {
        font-size: 17px;
    }
    .itpl-layout-71 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px;
    }
    .itpl-layout-71 .itpl-content-main{
        width: 90%;
    }
    .itpl-layout-72 .itpl-content-main {
        top: 10%;
        left: 5%;
        right: 5%;
        bottom: 10%;
    }
    .itpl-layout-72 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 5px 0px;
    }
    .itpl-layout-72 .itpl-title {
        max-width: 100%;
    }
    .itpl-layout-73 .itpl-content-main{
        padding: 15px 20px;
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
        transform: unset;
    }
    .itpl-layout-74 .itpl-title a {
        font-size: 16px;
        line-height: 20px;
        margin: 0px 0px;
    }
    .itpl-layout-74 .itpl-content-main {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }
    .itpl-layout-74 .itpl-title{
        margin-bottom: 5px !important;
    }
    .itpl-layout-74 .itpl-tags a {
        padding: 2px 7px;
        font-size: 11px;
    }
    .itpl-layout-75 .gallery-top-main{
        width: 100%;
    }
    .itpl-layout-75 .gallery-bottom-main{
        width: 100%;
        background: #111;
    }
    .itpl-layout-76 .itpl-content-main{
        padding: 10px;
        width: 80%;
    }
    .itpl-layout-76 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px;
    }
    .itpl-layout-76 .itpl-nav-icon{
        margin-right: 0px;
        margin-left: 0px;
    }
    .itpl-layout-77 .itpl-image-main{
        width: 100%;
    }
    .itpl-layout-77 .itpl-content-main{
        width: 100%;
        padding-bottom: 60px;
    }
    .itpl-layout-77 .swiper-button-next{
        width: 50%;
    }
    .itpl-layout-77 .swiper-button-prev{
        width: 50%;
        right: 50%;
    }
    .itpl-layout-78 .gallery-bottom {
        margin: 10px 0px 0px;
    }
    .itpl-layout-78 .gallery-bottom .itpl-content-main {
        padding: 10px 5px;
    }
    .itpl-layout-78 .gallery-top .itpl-width-3-5{
        width: 100%;
        order: 1;
    }
    .itpl-layout-78 .gallery-top .itpl-width-2-5{
        width: 100%;
        order: 2;
    }
    .itpl-layout-78 .gallery-top .itpl-content-main {
        margin-top: 0px;
    }
    .itpl-layout-78 .swiper-button-next{
        bottom: unset;
        top: 10px;
        right: 10px;
        transform: unset;
        z-index: 1;
    }
    .itpl-layout-78 .swiper-button-prev{
        bottom: unset;
        top: 10px;
        right: 50px;
        left: unset;
        transform: unset;
        z-index: 1;
    }
    .itpl-readmore-btn{
        transition: 100ms;
    }
    .itpl-layout-78 .gallery-top .itpl-readmore-btn {
        margin-top: 0px;
    }
    .itpl-layout-79 .itpl-image-main {
        width: 100%;
    }
    .itpl-layout-79 .itpl-content-main{
        width: 100%;
    }
    .itpl-layout-79 .itpl-readmore-btn{
        position: relative;
        bottom: unset;
        left: unset;
        right: unset;
        margin: 15px 0px;
    }
    .itpl-layout-79 .swiper-pagination{
        bottom: unset;
        top: 20px;
        left: 20px;
        right: unset;
        color: #fff;
    } 
    .itpl-layout-79 .swiper-button-prev{
        bottom: unset;
        top: 20px;
        margin: 0px;
        right: 45px;
        left: unset;
    }
    .itpl-layout-79 .swiper-button-next {
        bottom: unset;
        top: 20px;
        margin: 0px;
        right: 5px;
    }
    .itpl-layout-80 .gallery-bottom {
        margin: 0px;
    }
    .itpl-layout-80 .gallery-top .itpl-content-main{
        margin-top: 0px;
        width: 100%;
        padding: 0px 30px;
        text-align: center;
    }
    .itpl-layout-80 .swiper-pagination{
        bottom: 0px;
        left: 10px;
        right: unset;
    }
    .itpl-layout-80 .swiper-button-next,
    .itpl-layout-80 .swiper-button-prev{
        bottom: 0px;
    }
    .itpl-layout-81 .itpl-content-main{
        width: 100%;
        text-align: center;
        padding: 0px 20px;
    }
    .itpl-layout-59 .itpl-title a {
        font-size: 17px;
        line-height: 20px;
        margin: 0px 0px;
    }
    .itpl-layout-65 .itpl-content-main {
        padding: 0px 20px;
    }
    .itpl-layout-69 .swiper-button-next{
        left: unset;
        margin: 0px;
    }
    .itpl-layout-69 .swiper-pagination{
        left: 50%;
    }
    .itpl-layout-70 .itpl-title:before{
        bottom: -5px;
    }
    .itpl-layout-70:after{
        width: 20%;
        height: 40%;
    }
    .itpl-layout-70:before{
        width: 20%;
        height: 60%;
    }
    .itpl-layout-75 .gallery-top .itpl-title a {
        font-size: 17px;
        line-height: 20px;
    }
    .itpl-layout-75 .gallery-top-main .swiper-slide {
        min-height: unset;
        padding: 20px 0px;
    }
    .animation-test .itpl-title a{
        font-size: 18px !important;
        line-height: 22px !important;
    }
}
@media (max-width: 480px) {
    .itpl-block[class*='itpl-width'],
    .itpl-block[class*='itpl-child-width']>*,
    .itpl-block [class*='itpl-width'],
    .itpl-block [class*='itpl-child-width']>*{
        width: 100% !important;
    }
    .itpl-height-100{
        height: 200px !important;
    }
    .itpl-margin-right-1 {
        margin-right: 0px !important;
        margin-bottom: 1px !important;
    }
    .itpl-margin-right-10 {
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }
    .itpl-slider .swiper-slide.itpl-flex{
        flex-wrap: wrap;
    }
    .itpl-slider .itpl-image-main{
        width: 100%;
        margin: 0px;
    }
    .itpl-slider .itpl-content-main{
        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-content-main a{
        color: #000;
    }
    .itpl-pagination-right,
    .itpl-pagination-left{
        top: 10px;
        transform: unset;
    }
    .itpl-pagination-circle span{
        margin: 5px !important;
    }
    .itpl-layout-57 .swiper-pagination{
        bottom: unset;
        top: 15px;
    }
    .itpl-layout-57 .itpl-readmore-btn,
    .itpl-layout-58 .itpl-readmore-btn{
        color: #fff !important;
    }
    .itpl-layout-58 .gallery-bottom {
        margin: 0px;
        transform: none;
    }
    .itpl-layout-59 .itpl-tags .itpl-bg-black{
        color: #fff;
    }
    .itpl-layout-59 .itpl-content-main:after,
    .itpl-layout-59 .itpl-content-main:before{
        display: none;
    }
    .itpl-layout-60 .itpl-content-main {
        background: #FFAE88;
    }
    .itpl-layout-61 .swiper-button-next,
    .itpl-layout-61 .swiper-button-prev{
        bottom: unset;
        top: 15px;
    }
    .itpl-layout-62 .itpl-tags a{
        color: #fff;
    }
    .itpl-layout-64 .gallery-bottom{
        margin: 0px;
        transform: unset;
    }
    .itpl-layout-64 .gallery-bottom .itpl-image-main{
        order: 1;
    }
    .itpl-layout-64 .gallery-bottom .itpl-content-main{
        order: 2;
        padding: 5px 0px;
    }
    .itpl-layout-64 .gallery-bottom .swiper-slide {
        padding: 5px;
        border: 1px solid #ddd;
        margin-right: -1px;
    }
    .itpl-layout-65 .itpl-tags .itpl-bg-red{
        color: #fff !important;
    }
    .itpl-layout-67 .itpl-content-main{
        background: transparent;
        padding: 15px;
    }
    .itpl-layout-68 .itpl-tags a{
        color: #fff !important;
    }
    .itpl-layout-69 .itpl-readmore-btn{
        color: #fff !important;
    }
    .itpl-layout-70.itpl-content-bottom .itpl-content-main{
        position: relative;
        max-width: unset;
        bottom: unset;
        left: unset;
        background: #fff;
        color: #000;
    }
    .itpl-layout-70.itpl-content-bottom .itpl-content-main a{
        color: #000;
    }
    .itpl-layout-75 .itpl-content-main{
        background: transparent;
    }
    .itpl-layout-75 .itpl-content-main a{
        color: #fff;
    }
    .itpl-layout-77 .itpl-content-main{
        background: #131313;
    }
    .itpl-layout-77 .itpl-content-main a{
        color: #fff;
    }
    .itpl-layout-79 .itpl-readmore-btn{
        color: #fff !important;
    }
    .itpl-layout-80 .swiper-button-next,
    .itpl-layout-80 .swiper-button-prev{
        bottom: unset;
        top: 15px;
    }
    .itpl-layout-80 .swiper-pagination{
        bottom: unset;
        top: 15px;
    }
    .itpl-layout-80 .gallery-top .itpl-title a:before{
        display: none;
    }
    .itpl-layout-80 .gallery-top .itpl-content-main{
        top: unset;
        left: unset;
        transform: unset;
        padding: 20px;
    }
    .itpl-layout-80 .gallery-bottom .swiper-slide{
        height: auto;
        padding: 10px 10px;
        border-top: 1px solid #ddd;
    }
    .itpl-layout-80 .gallery-bottom .itpl-content-main {
        padding: 10px 0px;
    }
    .itpl-layout-81 .swiper-button-next{
        top: 10px;
        transform: unset;
        margin: 0px;
    }
    .itpl-layout-81 .swiper-button-prev{
        top: 50px;
    }
    .itpl-layout-81 .swiper-pagination{
        top: 30px;
        bottom: unset;
    }
    .itpl-layout-81 .itpl-text{
        color: #999;
    }
    .itpl-layout-81 .itpl-readmore-btn{
        color: #fff !important;
    }
}