

/*===============================
/templates/ja_teline_v/css/blog.css
================================================================================*/
.layout-blog .t3-mainbody{margin-top:-24px;padding-top:0;padding-bottom:0;z-index:2;background:#fff}@media screen and (max-width:992px){.layout-blog .t3-mainbody{margin-top:0}}@media screen and (min-width:992px){.layout-blog .t3-content,.layout-blog .t3-sidebar{display:table-cell !important;vertical-align:top !important;float:none !important}}.layout-blog.view-profile .t3-content,.layout-blog.view-profile .t3-sidebar{display:block !important}.layout-blog .t3-topnav .nav > .active > a{background:#111111;color:#ffffff}.layout-blog .t3-header{padding-top:48px;padding-bottom:72px;background:#111111;z-index:4}@media screen and (max-width:992px){.layout-blog .t3-header{background:#ffffff}}@media screen and (max-width:992px){.layout-blog .logo{padding-left:0;padding-right:0}}.layout-blog .logo-text a{color:#fff}@media screen and (max-width:992px){.layout-blog .logo-text a{color:#111111}}.layout-blog .logo-text .site-slogan{color:#999999;color:rgba(255,255,255,0.5)}.layout-blog .blog-items{border-bottom:3px double #e5e5e5}.layout-blog .blog-item{margin:-24px -20px 0}.layout-blog .blog-item .col-content{padding:24px}@media (min-width:768px){.layout-blog .blog-item .col-content{padding:24px 48px}}.layout-blog .blog-item .article-header{margin:0;padding:0}.layout-blog .blog-item h2.article-title,.layout-blog .blog-item .article-header h2{font-size:24px;font-weight:400;line-height:1.25;margin:0}@media (min-width:768px){.layout-blog .blog-item h2.article-title,.layout-blog .blog-item .article-header h2{font-size:36px}}.layout-blog .blog-item .article-title a{color:#333333}.layout-blog .blog-item .article-title a:hover,.layout-blog .blog-item .article-title a:focus,.layout-blog .blog-item .article-title a:active{color:#cc0000;text-decoration:none}.layout-blog .blog-item .article-aside{border-top:1px dotted #e5e5e5;border-bottom:1px dotted #e5e5e5;padding:12px 48px;margin:24px -48px 0}@media screen and (max-width:767px){.layout-blog .blog-item .article-aside{margin:24px -24px 0}}.layout-blog .blog-item .article-info{font-size:14px;width:auto}.layout-blog .blog-item .article-info:before,.layout-blog .blog-item .article-info:after{display:table;content:" "}.layout-blog .blog-item .article-info:after{clear:both}.layout-blog .blog-item .article-info dd{color:#333333;border-right:1px solid #e5e5e5;font-weight:700;margin-right:12px;padding-right:12px}.layout-blog .blog-item .article-info dd.createdby a{font-size:12px}@media (min-width:768px){.layout-blog .blog-item .article-info dd.createdby a{font-size:14px}}.layout-blog .blog-item .article-info dd.published time{font-size:12px}@media (min-width:768px){.layout-blog .blog-item .article-info dd.published time{font-size:14px}}.layout-blog .blog-item .article-info dd.category-name{display:none}@media (min-width:768px){.layout-blog .blog-item .article-info dd.category-name{display:inline-block}}.layout-blog .blog-item .article-info dd.category-name a{border:0;font-weight:700;font-size:14px;font-size:normal;padding:0}.layout-blog .blog-item .article-info dd.category-name a:hover,.layout-blog .blog-item .article-info dd.category-name a:focus,.layout-blog .blog-item .article-info dd.category-name a:active{background:transparent;color:#cc0000}.layout-blog .blog-item .article-info dd:last-child{border:0;margin-right:0;padding-right:0}.layout-blog .blog-item .article-info strong{color:#999999;display:block;font-weight:400;font-size:12px;margin-top:2px;margin-bottom:2px;text-transform:none}.layout-blog .blog-item .author-img{display:inline-block;float:left;height:48px;margin-right:12px;width:48px}@media screen and (max-width:480px){.layout-blog .blog-item .author-img{display:none}}.layout-blog .blog-item .author-img img{border-radius:50%;width:100%}.layout-blog .blog-item .article-intro{font-size:16px;font-weight:300;margin:0;padding-top:24px}.layout-blog .blog-item .col-media{margin:0;max-height:336px;position:relative;background:#e5e5e5;overflow:hidden}.layout-blog .blog-item .item-image{margin:0;padding:0;float:none !important}.layout-blog .blog-item .item-image img{width:100%;margin:0}.layout-blog .article .article-title{font-size:24px}@media screen and (min-width:480px){.layout-blog .article .article-title{font-size:36px}}


/*===============================
/modules/mod_captioneffect/css/hover-effects.css
================================================================================*/
img{max-width:100%;vertical-align:middle}.text-desc{position:absolute;left:0;top:0;height:100%;opacity:0;width:100%;padding:20px} .port-1{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9)}.port-1 .text-desc{opacity:0.9;top:-100%;transition:0.5s;color:#000;padding:45px 20px 20px}.port-1 img{transition:0.5s}.port-1:hover img{transform:scale(1.2)}.port-1.effect-1:hover .text-desc{top:0}.port-1.effect-2 .text-desc{top:auto;bottom:-100%}.port-1.effect-2:hover .text-desc{bottom:0}.port-1.effect-3 .text-desc{top:50%;left:50%;width:0;height:0;overflow:hidden;padding:0}.port-1.effect-3:hover .text-desc{width:100%;top:0;left:0;height:100%;padding:45px 20px 20px}  .port-2{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9);perspective:800px}.port-2 .text-desc{z-index:-1;transition:0.6s}.port-2.effect-1:hover .text-desc{opacity:1}.port-2.effect-2 .text-desc{opacity:1;top:-100%}.port-2.effect-2:hover .text-desc{top:0}.port-2.effect-3 .text-desc{opacity:1;top:auto;bottom:-100%}.port-2.effect-3:hover .text-desc{bottom:0}  .port-3{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9);perspective:500px}.port-3 img{transition:0.5s}.port-3.effect-1 .text-desc{z-index:auto;transition:0.5s;transform:rotateX(80deg);transform-origin:center top 0;padding:45px 20px 20px;opacity:1}.port-3.effect-1:hover .text-desc{transform:none}.port-3.effect-1:hover img{opacity:0;transform:scale(1.2)}.port-3.effect-2 .text-desc{z-index:auto;transition:0.5s;transform:rotateX(80deg);transform-origin:center bottom 0;top:auto;bottom:0;padding:45px 20px 20px}.port-3.effect-2:hover .text-desc{transform:none;opacity:1}.port-3.effect-2:hover img{transform:translateY(-100%)}.port-3.effect-3 .text-desc{z-index:auto;transition:0.5s;transform:rotateX(80deg);transform-origin:center top 0;padding:45px 20px 20px}.port-3.effect-3:hover .text-desc{transform:none;opacity:1}.port-3.effect-3:hover img{transform:translateY(100%)}  .port-4{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9);z-index:10}.port-4.effect-1 img{transition:0.5s;transform:rotateY(360deg) scale(1,1)}.port-4.effect-1 .text-desc{transform:rotateY(0deg) scale(0,0);transition:0.5s;opacity:0;padding:45px 20px 20px}.port-4.effect-1:hover .text-desc{transform:rotateY(360deg) scale(1,1);opacity:1}.port-4.effect-1:hover img{transform:rotateY(0deg) scale(0,0)}.port-4.effect-2{z-index:12}.port-4.effect-2 img{transition:0.5s;transform:rotateX(360deg) scale(1,1)}.port-4.effect-2 .text-desc{transform:rotateX(0deg) scale(0,0);transition:0.5s;opacity:0;padding:45px 20px 20px}.port-4.effect-2:hover .text-desc{transform:rotateX(360deg) scale(1,1);opacity:1}.port-4.effect-2:hover img{transform:rotateX(0deg) scale(0,0)}.port-4.effect-3 img{transition:0.5s;transform:rotate(360deg) scale(1,1)}.port-4.effect-3 .text-desc{transform:rotate(0deg) scale(0,0);transition:0.5s;opacity:0;padding:45px 20px 20px}.port-4.effect-3:hover .text-desc{transform:rotate(360deg) scale(1,1);opacity:1}.port-4.effect-3:hover img{transform:rotate(0deg) scale(0,0)}  .port-5{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9);overflow:visible}.port-5.effect-1{z-index:9}.port-5.effect-1 img{transition:0.5s}.port-5.effect-1:hover img{transform:scale(0.5) translateX(-100%);position:relative;z-index:9;border:6px solid rgba(255,255,255,0.9)}.port-5.effect-1 .text-desc{transform:translateX(100%);opacity:0;padding:40px 20px 20px 90px;transition:0.5s}.port-5.effect-1:hover .text-desc{transform:translateX(0px);opacity:1}.port-5.effect-2{z-index:10}.port-5.effect-2 img{transition:0.5s;transform:none)}.port-5.effect-2:hover img{transform:scale(0.5) translateY(100%);position:relative;z-index:9;border:6px solid rgba(255,255,255,0.9)}.port-5.effect-2 .text-desc{transform:translateY(-100%);opacity:0;padding:20px;transition:0.5s}.port-5.effect-2:hover .text-desc{transform:translateY(0px);opacity:1}.port-5.effect-3 img{transition:0.5s}.port-5.effect-3:hover img{transform:scale(0.5) translateX(100%);position:relative;z-index:9;border:6px solid rgba(255,255,255,0.9)}.port-5.effect-3 .text-desc{transform:translateX(-100%);opacity:0;padding:40px 90px 20px 20px;transition:0.5s}.port-5.effect-3:hover .text-desc{transform:translateX(0px);opacity:1}  .port-6{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9);overflow:visible}.port-6.effect-1{z-index:8}.port-6.effect-1 img{transition:0.5s}.port-6.effect-1 .text-desc{transform:translateY(-100%);opacity:0;padding:10px 20px;transition:0.5s}.port-6.effect-1:hover .text-desc{transform:translateY(0px);opacity:1}  .port-7{width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid rgba(255,255,255,0.9);overflow:hidden}.port-7 .text-desc{opacity:0;transition:0.5s;color:#000}.port-7.effect-1 img{transition:0.5s;position:relative;width:100%;left:0}.port-7.effect-1:hover img{left:50%}.port-7.effect-1 .text-desc{transform:perspective(600px) rotateY(90deg);transform-origin:left center 0;width:50%;position:absolute;left:0;top:0;padding:18px 10px}.port-7.effect-1:hover .text-desc{opacity:1;transform:perspective(600px) rotateY(0deg);z-index:99}.port-7.effect-2 img{transition:0.5s;position:relative;width:100%;top:0}.port-7.effect-2:hover img{top:50%}.port-7.effect-2 .text-desc{transform:perspective(600px) rotateX(90deg);transform-origin:top center 0;width:100%;position:absolute;left:0;top:0;height:50%;padding:5px 10px}.port-7.effect-2:hover .text-desc{opacity:1;transform:perspective(600px) rotateX(0deg);z-index:99}.port-7.effect-3 img{transition:0.5s;position:relative;width:100%;right:0}.port-7.effect-3:hover img{right:50%}.port-7.effect-3 .text-desc{transform:perspective(600px) rotateY(-90deg);transform-origin:right center 0;width:50%;position:absolute;left:auto;right:0;top:0;padding:18px 10px}.port-7.effect-3:hover .text-desc{opacity:1;transform:perspective(600px) rotateY(0deg);z-index:99}