/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
html body { line-height: 28px; }
/* Module and Items titles */
.article_title, .module_title { font-size: 170%; }
/* Top menu*/
#yjsgheadergrid #topmenu_holder { float: left; margin-left: 50px; }
/*circle*/
ul.yjsgmenu span.child a:after { font-size: 6px; right: 9px; top: 1px; }
/*module*/
ul.yjsgmenu div.yj_menu_module_holder { padding: 30px; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-prepend { border: none; }
ul.yjsgmenu div.yj_menu_module_holder a { font-size: 90%; }
ul.yjsgmenu li:hover a.holdsgroupTitle, ul.yjsgmenu a.holdsgroupTitle:hover { border: none; }
/*side menu*/
ul.defaultmenu li a { padding: 5px 0; }
ul.defaultmenu li a:before { content: "\f111"; font-size: 6px; }
/* top level menu items */
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline { padding: 0px 25px; height: 80px; line-height: 80px; }
ul.yjsgmenu a span.yjm_has_desc, ul.yjsgmenu a span.yjm_has_all, ul.yjsgmenu.megadropline a.dlevel1a span.yjm_has_desc, ul.yjsgmenu.megadropline a.dlevel1a span.yjm_has_all { padding: 25px 0; }
/* sub levels menu items */
ul.yjsgmenu ul li a { line-height: 49px; }
ul.yjsgmenu ul a span.yjm_has_desc, ul.yjsgmenu ul a span.yjm_has_all { line-height: normal; padding: 10px 0; }
/* Switcher */
#layout_type { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.ispattern { background-repeat: repeat; background-attachment: fixed; }
body.isimage { background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
/*boxed*/
#layout_type.yjsgsitew #header { padding: 0 70px; }
#layout_type.yjsgsitew .yjsg_grid, #layout_type.yjsgsitew .holders { padding: 60px 55px; }
#layout_type.yjsgsitew #yjsgheadergrid.yjsg_grid { padding: 15px 0; }
#layout_type.yjsgsitew #yjsgbodytop.yjsg_grid { padding: 0 0 15px 0; }
#layout_type.yjsgsitew #yjsgbodybottom.yjsg_grid { padding: 15px 0 0 0; }
#layout_type.yjsgsitew .extrapos1.yjsgsitew, #layout_type.yjsgsitew .extrapos2.yjsgsitew, #layout_type.yjsgsitew .extrapos3.yjsgsitew, #layout_type.yjsgsitew .extrapos4.yjsgsitew, #layout_type.yjsgsitew .extrapos5.yjsgsitew { padding: 60px 70px; }
#layout_type.yjsgsitew #pathway { padding: 0 70px; }
#layout_type.yjsgsitew #footer { padding: 40px 75px; }
#layout_type.yjsgsitew .yjsglogo { right: 75px; }
#layout_type.yjsgsitew .slidersfx-yjsgsfx-cslider { padding: 200px 0 40px 0; }
/* Border radius */
.play-button, .play-button:before, .csearch input, .cpoplogin .poping_links, .cpoplogin #login_pop .inputbox, .cpoplogin a#closeLogin, .button, a.readon, .cpoplogin #logins span, .cinematico-rate, .slidersfx-yjsgsfx-ctheaters ul.yjsgsliderPagination li a, .button-color, div.itemComments ul.itemCommentsList li img, div.itemCommentsForm form input#submitCommentButton, div.k2LatestCommentsBlock ul li a.lcAvatar img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
/* Transition */
.yjsgmenu li a, .play-button, .play-button:before, .cpoplogin a#openLogin, .button, a.readon, .cpoplogin a#closeLogin, .cpoplogin #logins span, .cinematico-rate, .slidersfx-yjsgsfx-ctheaters ul.yjsgsliderPagination li a, .ctheaters .yjme_item img, .ctheaters .yjme_item a.item_image:after, .yj-hover img, .button-color, .yjk2-title a:after, div.yjk2-image span a:after, div.subCategory h2, div.subCategory a.subCategoryImage:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/* Defaults */
.extrapos1 .yjsg-module-positions { min-height: 35px; line-height: 35px; min-width: 160px; margin: 20px 0; }
.yjsg_grid, .holders { padding: 80px 0; }
#yjsgbodytop.yjsg_grid { padding: 0 0 15px 0; }
#yjsgbodybottom.yjsg_grid { padding: 15px 0 0 0; }
#footer { padding: 40px 15px; }
#pathway ul.breadcrumb { border-radius: 0; }
#pathway .breadcrumb li { text-shadow: none; }
#pathway { margin: 0 auto 60px auto; }
.yjsg-form-element, .yjsg-form-element .inputbox, .yjsg-form select { border: none; }
.yjsg-element-holder input, .yjsg-element-holder select, .yjsg-element-holder textarea, .yjsg-form .yjsg-form-element, .yjsg-form .yjsg-form-prepend, .yjsg-form .yjsg-form-append, .yjsg-form .inputbox { border-radius: 0; height: 40px; }
/*pagination*/
ul.yjsg-pagination-links > li:first-child > a, ul.yjsg-pagination-links > li:first-child > span, ul.yjsg-pagination-links > li:last-child > a, ul.yjsg-pagination-links > li:last-child > span { border-radius: 0; }
/*no radius*/
.readon, .inputbox, .yjsg-form-element, input, select, #pathway .breadcrumb, .pager li > a, .pager li > span, .yjsg-more-articles-links { border-radius: 0; }
/* table */
table.yjsg-table-bordered { border-radius: 0; }
/*more*/
ol.linenums li { text-shadow: none; }
.prettyprint { border-radius: 0; }
/*dividers*/
.yjsg-article-category ul li a.active, .yjsg-article-category ul li a:hover { background: none; }
/*search results*/
dl.search-results dt.result-title { padding: 20px 0 0 40px; font-size: 120%; }
dl.search-results dd.result-category, dl.search-results dd.result-text, dl.search-results dd.result-created { margin: 0; padding: 0 20px 0 80px; }
dl.search-results dd.result-created { margin: 0 0 40px 0; padding: 0 0 20px 80px; }
/* Backgrounds */
.centertop-out { display: block; }
.extrapos1 { display: none; float: right; }
.yjsg1-out { display: block; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.extrapos2, .extrapos3, .extrapos4 { padding: 80px 15px; }
.yjsg6-out, .yjsg7-out { display: block; }
/* Module styles */
.yjsg2 .module_title, .yjsg3 .module_title, .yjsg4 .module_title, .yjsg5 .module_title { font-size: 300%; text-align: center; position: relative; padding: 0 0 20px 0; }
.yjsg4 .module_title, .yjsg5 .module_title { font-size: 170%; text-align: left; }
.yjsg2 .module_title:before, .yjsg3 .module_title:before, .yjsg4 .module_title:before, .yjsg5 .module_title:before { content: ""; display: table; margin: 0 auto; width: 80px; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; }
.yjsg4 .module_title:before, .yjsg5 .module_title:before { right: auto; }
/* Buttons */
.button-color { display: table; margin: 0; padding: 10px 20px; line-height: normal; }
.button, a.readon { border: none; padding: 9px 20px; line-height: normal; height: auto; width: auto; }
a.readon span { padding: 0; height: auto; line-height: normal; }
/* Search */
.csearch { float: right; clear: none; padding: 20px 0; }
/*form*/
.csearch form { display: block; overflow: hidden; position: relative; width: 230px; height: 40px; }
/*inputbox*/
.csearch .inputbox { margin: 0 auto; padding: 0 30px 0 20px; height: 40px; line-height: 40px; border: none; font-size: 90%; position: absolute; right: 0; width: 180px; box-shadow: none; }
/*button*/
.csearch .button { background: none; border: none; padding: 0; margin: 0; position: absolute; right: 15px; height: 40px; line-height: 40px; }
/*hover*/
.csearch .button:hover { background: none; }
/* Pop login */
.cpoplogin { float: right; clear: none; padding: 20px 0 0 20px; }
.cpoplogin .poping_links { width: 40px; height: 40px; }
.cpoplogin a#openLogin { height: 40px; width: 40px; line-height: 40px; margin: 0; border: none; font-size: 100%; background: none; }
/*popup*/
.cpoplogin div#login_pop { width: 800px; padding: 0; left: 0; right: 0; margin: auto; border: none; }
/*info*/
p.information_td { display: none; }
/*buttons*/
.cpoplogin #login_pop .button { margin: 0 auto; }
/*holders*/
.cpoplogin .yjsg-row { padding: 0; margin: 0 auto; }
.cpoplogin .yjsg-col-1 { display: block; overflow: hidden; padding: 30px; }
.cpoplogin .yjsg-col-1:first-child { border-bottom: 1px solid; }
.cpoplogin .yjsg-col-1 h4 { margin: 0 auto 20px auto; }
/*login*/
.cpoplogin #login_pop .inputbox { width: 40%; height: auto; float: left; padding: 10px 15px; font-size: 90%; margin: 0 20px 20px 0; box-shadow: none; }
/*register*/
.cpoplogin #login_pop .yjsg-col-1-2 { padding: 0 0 0 15px; }
.cpoplogin #login_pop .yjsg-col-1-2:first-child { padding: 0 15px 0 0; }
.cpoplogin #login_pop .yjsg-col-1-2 .inputbox { float: none; width: 100%; margin: 0 auto 30px auto; box-shadow: none; }
/*close*/
.cpoplogin a#closeLogin { height: 30px; line-height: 30px; right: 30px; bottom: 20px; width: 30px; background: none; font-size: 100%; }
/*logout*/
/*form*/
.cpoplogin #logins form { display: block; overflow: hidden; position: relative; height: 40px; width: 40px; }
.cpoplogin #logins .button { width: 40px; height: 40px; line-height: 40px; padding: 0; margin: 0 auto; border: none; position: absolute; background: none; right: 0; top: 0; text-indent: -9999px; }
/*icon*/
.cpoplogin #logins span { width: 40px; height: 40px; line-height: 40px; font-size: 100%; }
/* Main slider */
.backstretch img { width: 100%!important; }
.gridsfx-cslider { padding: 15px 0; }
.slidersfx-yjsgsfx-cslider { padding: 200px 0 120px 0; }
/*title*/
.cslider h4 { font-size: 500%; text-transform: uppercase; margin: 0 auto 40px auto; text-align: center; letter-spacing: 20px; line-height: 60px; }
.cslider h4 span { display: block; font-size: 35%; letter-spacing: 5px; }
/*infos*/
.cslider .slide-infos { display: table; margin: 0 auto 50px auto; padding: 15px 0; }
.cslider .slide-infos span { padding: 0 20px; }
/*intro*/
.cslider p { display: table; margin: 0 auto; text-align: center; max-width: 42%; line-height: 30px; }
/*button*/
.cslider .play-button { display: table; margin: 50px auto; width: 60px; height: 60px; line-height: 60px; text-align: center; position: relative; font-size: 130%; text-indent: 2px; }
.cslider .play-button:before { content: ""; display: block; overflow: hidden; width: calc(100% + 12px); height: calc(100% + 12px); position: absolute; left: -6px; top: -6px; }
/*arrows*/
.slidersfx-yjsgsfx-cslider a.yjsgsliderNav { opacity: 1!important; font-size: 250%; text-decoration: none; }
.slidersfx-yjsgsfx-cslider a.yjsgsliderNav:hover { text-decoration: none; }
/* In theaters */
.gridsfx-ctheaters { padding: 15px 0; margin-top: -50px; }
.ctheaters .yjme_holder { display: block; overflow: hidden; margin: 0 -15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ctheaters .yjme_item { float: left; width: 25%; clear: none; display: block; overflow: hidden; margin: 0 auto; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ctheaters .yjme_item_in { padding: 0; margin: 0 auto; border: none; }
/*image*/
.ctheaters .yjme_item div.imageholder { background: none; padding: 0; margin: 0 auto 20px auto; border: none; position: relative; }
.ctheaters .yjme_item a.item_image { position: relative; }
.ctheaters .yjme_item a.item_image:after { content: ""; display: block; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.ctheaters .yjme_item div.imageholder, .ctheaters .yjme_item a.item_image, .ctheaters .yjme_item a.item_image img { width: 100%!important; height: auto!important; }
/*title*/
.ctheaters .yjme_item a.item_title { text-align: center; line-height: normal; margin: 0 auto; }
/*details*/
.ctheaters .yjme_item div.item_details { display: table; height: auto; line-height: normal; margin: 0 auto 10px auto; float: none; }
/*intro*/
.ctheaters .yjme_item p.item_intro { text-align: center; margin: 0 auto 10px auto; }
/*read more*/
.ctheaters .yjme_item a.item_readmore { display: table; margin: 0 auto; padding: 0; border: none; float: none; font-size: 90%; text-transform: uppercase; }
.ctheaters .yjme_item a.item_readmore span { height: auto; line-height: normal; padding: 0; }
/*play button*/
.ctheaters .play-button { top: calc(50% - 32px); left: calc(50% - 22px); z-index: 1; width: 45px; height: 45px; margin: auto; display: table; font-size: 100%; text-indent: 2px; line-height: 45px; text-align: center; position: absolute; opacity: 0; }
.ctheaters .play-button:before { content: ""; display: block; overflow: hidden; width: calc(100% + 10px); height: calc(100% + 10px); position: absolute; left: -5px; top: -5px; }
/*hover*/
.ctheaters .yjme_item:hover .play-button { opacity: 1; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
/*extra*/
.cinematico-info { display: block; text-align: center; margin: 0 auto 15px auto; }
.cinematico-rate { display: table; overflow: hidden; width: 35px; height: 35px; line-height: 35px; font-size: 90%; margin: 0 auto; text-align: center; }
/*hover*/
.ctheaters .cinematico-extra-intro { display: none; }
/*pagination*/
.slidersfx-yjsgsfx-ctheaters .yjsgsliderControls { display: block; overflow: hidden; margin: 30px auto 0 auto; }
.slidersfx-yjsgsfx-ctheaters ul.yjsgsliderPagination { display: table; overflow: hidden; margin: 0 auto; padding: 15px 0; }
.slidersfx-yjsgsfx-ctheaters ul.yjsgsliderPagination li a { border: none; padding: 0; line-height: normal; text-indent: -9999px; width: 10px; height: 10px; }
/*hover*/
.ctheaters .yjme_item:hover img { opacity: 0.2; }
.ctheaters .yjme_item:hover a.item_image:after { opacity: 0; }
/* Top rated */
/*tabs*/
.gridsfx-ctheaters.ctoprated { padding: 0 0 60px 0; }
.tabssfx-yjsgsfx-ctheaters.ctoprated ul.yjsgsliderPaginationTabs { display: table; margin: 0 auto 40px auto; }
.tabssfx-yjsgsfx-ctheaters.ctoprated ul.yjsgsliderPaginationTabs li a { padding: 0 5px; border: none; background: none; font-size: 120%; text-transform: lowercase; }
/*hover*/
.tabssfx-yjsgsfx-ctheaters.ctoprated ul.yjsgsliderPaginationTabs li.active a, .tabssfx-yjsgsfx-ctheaters.ctoprated ul.yjsgsliderPaginationTabs li a:hover { background: none; border: none; }
/*engine*/
/*rows*/
.ctoprated .firstrow { display: block; overflow: hidden; }
.ctoprated .secondrow { display: block; overflow: hidden; }
.ctoprated .firstrow .firstitem, .ctoprated .secondrow .seconditem { width: 70%; }
.ctoprated .firstrow .seconditem, .ctoprated .secondrow .firstitem { width: 30%; }
/*holder*/
.ctoprated .yjme_item, .ctoprated .yjme_item_in, .ctoprated .yjme_item div.imageholder, .ctoprated .yjme_item a.item_image { max-height: 500px; margin: 0 auto; }
.ctoprated .yjme_item { margin-bottom: 30px; }
.ctoprated .yjme_item_in { position: relative; }
/*info holder*/
.ctoprated .yj-main-holder { display: block; overflow: hidden; position: absolute; bottom: 50px; left: 50px; right: 50px; }
/*title*/
.ctoprated .yjme_item a.item_title { text-align: left; font-size: 250%; padding-left: 50px; }
.ctoprated .firstrow .seconditem a.item_title, .ctoprated .secondrow .firstitem a.item_title { font-size: 150%; }
/*intro*/
.ctoprated .yjme_item p.item_intro { margin: 0; }
/*infos*/
.ctoprated .cinematico-info { text-align: left; padding-left: 50px; margin: 0 auto; }
/*rate*/
.ctoprated .cinematico-rate { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
/* Recommended */
.slidersfx-yjsgsfx-ctheaters.crecommended .yjsgsliderControls { display: block; overflow: hidden; margin: 30px auto 0 auto; border-bottom: none; }
/* Blog news */
.gridsfx-ctheaters.cblog { margin: 0 auto; padding: 80px 0 50px 0; }
.ctheaters.cblog .yjme_holder { padding-top: 50px; }
.ctheaters.cblog .yjme_item { margin: 0 auto 30px 0; }
.ctheaters.cblog .yjme_item, .ctheaters.cblog .yjme_item_in, .ctheaters.cblog .yjme_item div.imageholder, .ctheaters.cblog .yjme_item a.item_image { max-height: 320px; }
.ctheaters.cblog .yjme_item.first { width: 50%; }
.ctheaters.cblog .yjme_item.first, .ctheaters.cblog .yjme_item.first .yjme_item_in, .ctheaters.cblog .yjme_item.first div.imageholder, .ctheaters.cblog .yjme_item.first a.item_image { max-height: 670px; }
.ctheaters.cblog .yjme_item_in { position: relative; }
.ctheaters.cblog .yjme_item div.imageholder { margin: 0 auto; }
.ctheaters.cblog .yjme_item a.item_title { position: absolute; bottom: 50px; left: 50px; right: 50px; text-align: left; font-size: 150%; line-height: 28px; }
.ctheaters.cblog .yjme_item.first a.item_title { font-size: 200%; }
.ctheaters.cblog .cinematico-info, .ctheaters.cblog .cinematico-rate { display: none; }
/*date*/
.ctheaters.cblog .item_cdate { display: block; overflow: hidden; position: absolute; left: 30px; top: 0; padding: 15px 20px; font-size: 200%; text-align: center; line-height: 18px; z-index: 1; }
.ctheaters.cblog .item_cdate span { font-size: 60%; }
/* Best genres */
.gridsfx-cbestgenres { padding: 80px 0 60px 0; }
.cbestgenres .yjsg-row { padding: 0; }
.cbestgenres h4 { text-transform: uppercase; font-size: 110%; position: relative; margin: 0 auto 20px auto; padding: 0 0 15px 0; }
.cbestgenres h4:before { content: ""; display: table; margin: 0 auto; width: 50px; height: 3px; position: absolute; bottom: 0; left: 0; }
.cbestgenres li { list-style-type: none; }
.cbestgenres li a { display: block; overflow: hidden; padding: 10px 0; }
.cbestgenres li a span { margin: 0 10px 0 0; font-size: 80%; }
/* Footer modules */
.cfooter .yjsg-col-1-4 img { margin: 0px 0 35px 0; }
.cfooter .yjsg-col-1-4 p { line-height: 37px; padding-right: 40px; }
.cfooter .yjsg-col-3-4 h4 { margin: 10px auto 29px auto; font-size: 110%; text-transform: uppercase; }
.cfooter .yjsg-col-3-4 ul li { list-style-type: none; }
.cfooter .yjsg-col-3-4 ul li a { padding: 5px 0; display: block; }
/* RTL */
.yjsgrtl #yjsgheadergrid #topmenu_holder, .yjsgrtl .cpoplogin #login_pop .inputbox, .yjsgrtl div.yjk2-top-holder span.cinematico-rate, .yjsgrtl div.yjk2-details > div, .yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.itemComments ul.itemCommentsList li img, .yjsgrtl div.k2LatestCommentsBlock ul li a.lcAvatar img, .yjsgrtl div.k2TagCloudBlock a { float: right; }
.yjsgrtl .extrapos1, .yjsgrtl .cpoplogin, .yjsgrtl div.itemComments ul.itemCommentsList li span.commentLink { float: left; }
.yjsgrtl .cpoplogin { padding: 20px 20px 0 0; }
.yjsgrtl .cpoplogin .yjsg-col-1 h4, .yjsgrtl .ctoprated.ctoprated .cinematico-info, .yjsgrtl .ctheaters.ctoprated .yjme_item a.item_title, .yjsgrtl .yjsg4 .module_title, .yjsgrtl .yjsg5 .module_title, .yjsgrtl div.k2CategoriesListBlock ul li, .yjsgrtl div.k2CategoriesListBlock ul li:hover { text-align: right; }
.yjsgrtl .cpoplogin #login_pop .inputbox { margin: 0 0 20px 20px; }
.yjsgrtl #yjsgheadergrid #topmenu_holder { margin-right: 50px; margin-left: auto; }
.yjsgrtl .ctoprated .yjme_item a.item_title, .yjsgrtl .ctoprated .cinematico-info { padding: 0 50px 0 0; }
.yjsgrtl .ctoprated .cinematico-rate, .yjsgrtl .cbestgenres h4:before, .yjsgrtl .yjk2-title2:after, .yjsgrtl .yjk2-title a:after, .yjsgrtl .yjsg4 .module_title:before, .yjsgrtl .yjsg5 .module_title:before { right: 0; left: auto; }
.yjsgrtl .cslider .play-button, .yjsgrtl .ctheaters .play-button, .yjsgrtl div.yjk2-body .play-button { text-indent: -2px; }
.yjsgrtl .cbestgenres li a span { margin: 0 0 0 10px; }
.yjsgrtl .cfooter .yjsg-col-1-4 p { padding: 0 0 0 40px; }
.yjsgrtl div.yjk2-top-holder span.cinematico-rate { margin: 10px auto 0 30px; }
.yjsgrtl div.yjk2-details > div { padding: 0 0 10px 10px; }
.yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.itemComments ul.itemCommentsList li img, .yjsgrtl div.k2LatestCommentsBlock ul li a.lcAvatar img { margin: 0 auto 0 30px; }
.yjsgrtl div.k2LatestCommentsBlock ul li span.lcComment { clear: none; }
.yjsgrtl div.k2TagCloudBlock a, .yjsgrtl div.k2TagCloudBlock a:hover { margin: 0 0 10px 10px; }
/* Responsive menu */
span.yjmm_select { font-size: 100%; text-align: left; }
span.yjmm_select:after { content: "\f111"; font-size: 6px; right: 0; }
/* Hover effect */
.yj-hover { display: block; overflow: hidden; }
.yj-hover img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }