/*======================================================================*\
|| #################################################################### ||
|| # 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: 30px; }
/* Module and Items titles */
.article_title, .module_title { font-size: 170%; }
/* Top menu*/
.horiznav a { font-size: 70%; font-weight: 400; text-transform: uppercase; }
ul.yjsgmenu li a span.yjm_desc { font-weight: 500; }
/*icon*/
ul.yjsgmenu span.child a:after { font-size: 6px; }
/*module*/
ul.yjsgmenu div.yj_menu_module_holder { padding: 20px; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-prepend, ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-append { border-top-left-radius: 100px; border-bottom-left-radius: 100px; font-size: 80%; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-element { padding: 6px 12px; font-size: 90%; }
ul.yjsgmenu div.yj_menu_module_holder .button { padding: 10px 25px; }
/* 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: 70px; line-height: 70px; }
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: 23px 0; }
/* sub levels menu items */
ul.yjsgmenu ul li a { line-height: 50px; }
ul.yjsgmenu ul a span.yjm_has_desc, ul.yjsgmenu ul a span.yjm_has_all { line-height: normal; padding: 13px 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 .yjsg_grid, #layout_type.yjsgsitew .holders { padding: 70px 50px; }
#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 .extrapos2, #layout_type.yjsgsitew .extrapos3, #layout_type.yjsgsitew .extrapos4 { padding: 70px 65px; }
#layout_type.yjsgsitew #pathway { margin: 0 50px 70px 50px; }
#layout_type.yjsgsitew #footer { padding: 50px 65px; }
#layout_type.yjsgsitew .gridsfx-tengine a.yjsgsliderNav { left: 0; }
#layout_type.yjsgsitew .gridsfx-tengine a.yjsgsliderNav.next { right: 0; left: auto; }
#layout_type.yjsgsitew .yjsgsfx-taboutus, #layout_type.yjsgsitew .yjsgsfx-tskills { padding: 0 100px; }
.homepage #layout_type.yjsgsitew .yjsg2-out { max-width:100%; min-height:600px; }

#layout_type.yjsgsitew .gridsfx-tcreators.gridsfx-tengine { padding: 70px 100px; }
#layout_type.yjsgsitew .taboutus .yjsg-col-1-2 .yjsg-col-1 { margin: 0 auto 35px auto; }
/* Transition */
.gridsfx-tengine a.yjsgsliderNav, .yj-hover img, .yj-hover .yj-hover-plus, .gridsfx-tclients ul.yjsgsliderPagination li a, .tengine.team .team-socials, .tengine.team .team-socials a, .button-color, .button-dark, .button-gray, .footer-socials li a, .tpartners a, .tstickymenu ul li a, .button, a.readon, .yjsg-pager-links .pager li.previous > a, .yjsg-pager-links .pager li.next> a, .teammembers .team-socials a { -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; }
/* Border radius */
.tclients img, .gridsfx-tclients ul.yjsgsliderPagination li a, .tengine.team .team-socials a, .tsubscribe .inputbox_email, .button-color, .button-dark, .button-gray, .footer-socials li a, .tstickymenu ul li a, .yjsg-element-holder input, .yjsg-form .yjsg-form-element, .yjsg-element-holder select, .yjsg-form .inputbox, .button, a.readon, .yjsg-pager-links .pager li.previous > a, .yjsg-pager-links .pager li.next> a, .teammembers .team-socials a, form#comment-form input[type="text"], div.itemCommentsForm form input#submitCommentButton, div.itemCommentsForm form span#formLog.k2FormLogSuccess, div.itemComments ul.itemCommentsList li img, #pathway ul.breadcrumb { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
/* Defaults */
.yjsg_grid { padding: 0; }
.holders { padding: 10px 0; }
#yjsgbodytop.yjsg_grid { padding:  0; }
#yjsgbodybottom.yjsg_grid { padding:  0; }
#pathway { margin: 0 auto 70px auto; }
#yjsg1.yjsg_grid, #yjsg7.yjsg_grid { position: relative; }
#header { padding: 0;background:#e8bec3; }
.sticky-side-pos .yjsg-module-positions { padding: 0 30px; margin: 0 auto; }
.extrapos1 .yjsg-module-positions { min-height: 40px; line-height: 40px; margin: 13px 15px; padding: 0 30px; }
.extrapos1 { display: table; float: right; }
.extrapos2, .extrapos3, .extrapos4 { padding: 0px 25px; }
#yjsgheadergrid { display: block; float: left; }
#footer { padding: 50px 15px; }
#youjoomla { overflow: visible; }
#footmod { overflow: visible; margin: 0 auto 30px auto; }
#cp { margin: 0 auto; text-align: center; }
.yjsgcp { margin: 0 auto 30px auto; }
a.yjsglogo { position: relative; right: auto; left: auto; margin: auto; }
.yjsg-module-positions.smaller.modpos-footer { max-width: 100%; }
/*prepend,append*/
.yjsg-form .yjsg-form-prepend, .yjsg-form .yjsg-form-append { padding: 4px 8px; }
/*inputs*/
.yjsg-element-holder input, .yjsg-form .yjsg-form-element, .yjsg-element-holder select, .yjsg-form .inputbox { height: auto!important; padding: 9px 12px; box-shadow: none; }
.yjsg-form .yjsg-element-holder textarea { border-radius: 10px; }
/*buttons*/
.button, a.readon { display: table; height: auto; width: auto; line-height: normal; padding: 13px 35px; border: none; font-size: 80%; font-weight: 700; text-transform: uppercase; }
a.readon span { height: auto; line-height: normal; padding: 0; }
/*user profile*/
.yjsg-form-fieldset legend { font-weight: 700; border: none; }
.yjsg-userpages.user dl { margin-bottom: 50px; padding: 0; }
.yjsg-userpages.user dt { margin: 0 auto; padding: 0; background: none; font-size: 100%; }
.yjsg-userpages.user dd { padding: 0; margin: 0 auto 20px auto; }
/*logout*/
.yjsg-userpages.logout button { margin: 0 auto; }
.yjsg-userpages.logout .logout-description { text-align: center; margin: 0 auto 20px auto; }
/*next, prev*/
.yjsg-pager-links .pager li.previous > a, .yjsg-pager-links .pager li.next> a { border: none; padding: 13px 30px; text-transform: uppercase; font-weight: 700; line-height: normal; font-size: 80%; }
/*pagination*/
ul.yjsg-pagination-links > li > a, ul.yjsg-pagination-links > li > span, ul.yjsg-pagination-links > li > a:hover, ul.yjsg-pagination-links > li > span:hover { border-width: 1px; }
ul.yjsg-pagination-links > li:first-child > a, ul.yjsg-pagination-links > li:first-child > span { border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
ul.yjsg-pagination-links > li:last-child > a, ul.yjsg-pagination-links > li:last-child > span { border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
/*hover*/
ul.yjsg-pagination-links > li > a:hover, ul.yjsg-pagination-links > li > span:hover { background: none; }
/*article links*/
ul.yjsg-more-articles-links li, ul.yjsg-more-articles-links { border-width: 1px; }
/*tables*/
table.yjsg-table-bordered, table.yjsg-table-bordered td, table.yjsg-table-bordered th { border-width: 1px; }
table.yjsg-table-bordered > thead > tr > th, table.yjsg-table-bordered > tbody > tr > th, table.yjsg-table-bordered > tfoot > tr > th, table.yjsg-table-bordered > thead > tr > td, table.yjsg-table-bordered > tbody > tr > td, table.yjsg-table-bordered > tfoot > tr > td { padding: 15px; }
/*search results*/
dl.search-results dt.result-title { padding: 20px 0 0 0; font-size: 100%; font-weight: 700; }
dl.search-results dd.result-category, dl.search-results dd.result-text, dl.search-results dd.result-created { margin: 0; padding: 0 20px 0 40px; }
dl.search-results dd.result-created { margin: 0; padding: 0 0 20px 40px; }
/* Backgrounds */
.centertop-out, .yjsg7-out { display: block; background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; }
.centertop-out:before, .yjsg7-out:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  }
.gray-holder, .yjsg6-out, .extrapos4-out, .yjsg2-out { position: relative; z-index: 1; }



/* Sticky side pos */
.sticky-side-pos.yjsg-sticky { display: none; width: auto; overflow: visible; right: 25px; left: auto; padding: 10px; }
/* Module styles */
.yjsg2 .module_title, .yjsg3 .module_title { font-size: 90%; font-weight: 900; text-transform: uppercase; }
.yjsg2 .module_title .module_subtitle, .yjsg3 .module_title .module_subtitle { font-weight: 300; font-size: 300%; }
.yjsg4 .module_title, .yjsg5 .module_title { font-size: 120%; font-weight: 900; text-transform: uppercase; }
.yjsg6, .yjsg7 { padding: 30px; }
.yjsg6 .module_title, .yjsg7 .module_title { font-size: 160%; }
/* Title center */
.teamtitle { text-align: center; }
/* Buttons */
.button-color, .button-dark, .button-gray { display: table; margin: 0; padding: 12px 35px; text-transform: uppercase; height: auto; line-height: normal; font-weight: 700; font-size: 80%; }
/* Sticky side menu */
.homepage .sticky-side-pos { background: none; border: none; box-shadow: none; }
.tstickymenu ul { margin: 0 auto; }
.tstickymenu ul li { list-style-type: none; }
.tstickymenu ul li a { position: relative; display: table; padding: 4px; margin: 20px 0; }
/*hover,active*/
.tstickymenu ul li.active a, .tstickymenu ul li a:hover { }
/*tooltips*/
.tstickymenu .yjsg-tip-left:before { top: -3px; margin-right: -12px; }
.tstickymenu .yjsg-tip-left:after { margin-bottom: -18px; width: 120px; }
/* Socials */
.tsocials ul { display: block; margin: 0 auto; }
.tsocials ul li { float: left; list-style-type: none; }
.tsocials ul li a { display: table; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*tooltips*/
.tsocials .yjsg-tip-left:before { top: 30px; }
.tsocials .yjsg-tip-left:after { margin-bottom: -20px; }
/* Craetive arrow */
.homepage .creative-arrow { display: table; position: absolute; left: 0; right: 0; margin: auto; bottom: -200px; width: 30px; height: 30px; }
.creative-arrow { display: none; }
/* About us */
.taboutus .yjsg-col-1-2:first-child { padding-right: 100px; }
.taboutus .yjsg-col-1-2:last-child { padding-left: 85px; }
.taboutus .yjsg-col-1-2 .yjsg-col-1 { margin: 0 auto 20px auto; }
.taboutus .yjsg-col-1-2 h4 { text-transform: uppercase; font-weight: 900; margin: 0 auto; font-size: 80%; }
/* Recent work */
.homepage .gray-holder, .yjsg2-out { background-repeat: no-repeat; background-position: center top; }
.homepage .extrapos2 .teamtitle { margin: -55px auto; }
.gridsfx-tengine { padding: 0; }
.gridsfx-tengine .yjsgsliderHolder { position: inherit; }
.tengine .yjme_holder { display: block; overflow: hidden; margin: 0 -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tengine .yjme_item { width: 25%; float: left; clear: none; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tengine .yjme_item_in { padding: 0; margin: 0 auto; border: none; }
.tengine .yjme_item div.imageholder { margin: 0 auto; padding: 0; background: none; border: none; }
.tengine .yjme_item div.imageholder, .tengine .yjme_item a.item_image, .tengine .yjme_item a.item_image img { width: 100%!important; height: auto!important; }
.tengine .yjme_item a.item_title { text-transform: uppercase; font-weight: 400; font-size: 90%; text-align: center; margin: 10px auto; }
.tengine .yjme_item p.item_intro { text-align: center; }
/*nav*/
.gridsfx-tengine a.yjsgsliderNav { display: table; width: 50px; height: 80px; line-height: 80px; font-size: 100%; opacity: 1!important; margin: 0 auto; top: calc(50% - -30px);
left: 100px; }
.gridsfx-tengine a.yjsgsliderNav.next { left: auto; right: 100px; }
/* Our skills */
.homepage .yjsg4-out { background: no-repeat center center ;   
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
.tskills .yjsg-col-1-2:last-child { padding: 0; }
.tskills .yjsg-col-1 { display: block; overflow: hidden; padding: 0; margin: 0 auto 10px auto; }
.tskills h4, .tskills .percentage { display: table; float: left; text-transform: uppercase; font-size: 90%; font-weight: 700; margin: 0 auto 10px auto; line-height: normal; }
.tskills .percentage { float: right; }
.tskills .progress-bar { display: block; margin: 0 0 20px 0; position: relative; overflow: hidden; height: 8px; clear: both }
.tskills .progress-bar-progress { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; max-width: 100%; z-index: 1; }
/* Clients */
.tclients img { display: table; margin: 0 auto 30px auto; width: auto; padding: 10px; }
.tclients h4 { text-align: center; font-weight: 900; text-transform: uppercase; margin: 0 auto; font-size: 90%; line-height: 24px; }
.tclients h4 span { display: block; font-weight: 300; text-transform: none; }
.tclients p { font-weight: 400; text-align: center; max-width: 80%; margin: 0 auto; padding: 30px 0 0 0; }
/*pagination*/
.gridsfx-tclients ul.yjsgsliderPagination { display: table; margin: 0 auto; padding: 10px 0; }
.gridsfx-tclients ul.yjsgsliderPagination li { margin: 0 5px; }
.gridsfx-tclients ul.yjsgsliderPagination li a { display: block; padding: 0; line-height: normal; text-indent: -9999px; width: 7px; height: 7px; border: none; }
/* Meat the team */
.homepage .yjsg6-out { background-repeat: no-repeat; background-position: center top; }
.homepage .yjsg6-out:after { content: ""; display: block; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: -1; }
.tcreators { padding: 50px 0; }
/*engine*/
.tengine.team .yjme_item { width: 33%; }
.tengine.team .yjme_holder { margin: 0 -10px; }
.tengine.team .yjme_item { padding: 10px; }
.tengine.team p { margin: 0 auto; }
.tengine.team .team-name { display: none; }
/*socials*/
.tengine.team .team-socials { display: table; position: absolute; top: -30px; left: 0; right: 0; margin: auto; width: 150px; opacity: 0; }
.tengine.team .team-socials a { display: table; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 90%; float: left; margin: 0 10px; }
/*hover*/
.tengine.team .yj-hover-plus { display: none; }
.tengine.team .yjme_item:hover img { opacity: 0.1; }
.tengine.team .yjme_item:hover .team-socials { opacity: 1; top: calc(50% - 15px); }
/* Subscribe */
.tsubscribe span { text-transform: uppercase; font-weight: 900; font-size: 90%; text-align: center; display: block; }
.tsubscribe h4 { display: block; text-align: center; font-size: 250%; max-width: 40%; margin: 0 auto 50px auto; line-height: 50px; }
.tsubscribe form { display: table; margin: 0 auto; width: 35%; }
.tsubscribe .inputbox_email { background: none; width: 100%; line-height: normal; padding: 15px 20px; text-align: center; font-size: 80%; font-style: italic; margin: 0 auto 30px auto; height: auto; }
.tsubscribe .button-color { margin: 0 auto; }
/* Partners */
.tpartners a { display: block; overflow: hidden; width: 100%; height: 150px; }
/* Footer socials */
.footer-socials { display: table; margin: 0 auto; }
.footer-socials li { list-style-type: none; margin: 0 5px; float: left; }
.footer-socials li a { display: table; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 90%; }
/* Team members page */
.teammembers .yj-hover, .teammembers .img-introtext-none img, .teammembers .img-fulltext-none img { display: table; margin: 0 auto 20px auto; }
.teammembers .img-introtext-none .yj-hover img { display: table; margin: 0 auto; }
.teammembers .team-name { display: block; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 100%; margin: 0 auto 20px auto; }
.teammembers .team-socials { display: table; margin: 0 auto 20px auto; }
.teammembers .team-socials a { display: table; margin: 0 10px; float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 90%; }
.teammembers a.readon { margin: 0 auto; }
/* Hover effect */
.yj-hover { display: block; overflow: hidden; position: relative; }
.yj-hover-plus { display: table; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; right: 0; top: -40px; margin: auto; z-index: 1; opacity: 0; }
.yj-hover img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/*hover*/
.yj-hover:hover img { opacity: 0.1; }
.yj-hover:hover .yj-hover-plus { opacity: 1; top: calc(50% - 15px); }
/* RTL */
.yjsgrtl .extrapos1, .yjsgrtl .tskills .percentage { float: left; }
.yjsgrtl #yjsgheadergrid, .yjsgrtl .tskills .yjsg-col-1-2, .yjsgrtl .tskills h4, .yjsgrtl #k2Container .yjk2-details > div, .yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.userBlock img { float: right; }
.yjsgrtl #k2Container .yjk2-details > div { margin: 0 auto 0 15px; }
.yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.userBlock img { margin: 0 auto 0 40px; }
.yjsgrtl #logoholder { border-right: none; }
.yjsgrtl ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-prepend, .yjsgrtl ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-append { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 100px; border-bottom-right-radius: 100px; }
.yjsgrtl .yjsg-form .yjsg-form-prepend + .yjsg-form-element { border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-left: 0; margin-right: -1px; }
.yjsgrtl .sticky-side-pos.yjsg-sticky { left: 25px; right: auto; }
.yjsgrtl .tsocials ul li a { border-left: none; }
.yjsgrtl .tsocials .yjsg-tip-left:after { right: auto; left: 70px; }
.yjsgrtl .tstickymenu .yjsg-tip-left:after { right: auto; left: 40px; }
.yjsgrtl .tsocials .yjsg-tip-left:before { right: 10px; }
.yjsgrtl .tstickymenu .yjsg-tip-left:before { right: -20px; }
.yjsgrtl .tsocials .yjsg-tip-left:before, .yjsgrtl .tstickymenu .yjsg-tip-left:before { border-left-color: transparent; }
.yjsgrtl #k2Container .yjk2-title-left, .yjsgrtl #k2Container .yjk2-intro-left { text-align: right; }
/*responsive menu*/
span.yjmm_select { -webkit-border-radius: 100px; -khtml-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font-size: 80%; text-transform: uppercase; text-align: left; text-indent: 20px; }