/*======================================================================*\
|| #################################################################### ||
|| # 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: 1.5em; }
/* Module and Items titles */
.article_title, .module_title { font-size: 170%; }
h1, h2, h3, h4, h5, h6, .article_title, .module_title, .pagetitle { font-family: 'Baloo Bhai 2', cursive; }
/* Top menu*/
.horiznav a { font-size: 100%; font-family: 'Baloo Bhai 2', cursive; }
ul.yjsgmenu ul.subul_main li a { font-size: 90%; }
ul.yjsgmenu > li.level0 { margin: 0 5px; }
#yjsgheadergrid #topmenu_holder { margin: 20px auto; }
ul.yjsgmenu div.yj_menu_module_holder { padding: 30px; }
ul.yjsgmenu span.child a:after { right: 10px; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-prepend + .yjsg-form-element { padding: 8px 15px; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-prepend { border-radius: 50px 0 0 50px; }
ul.yjsgmenu div.yj_menu_module_holder .button { padding: 10px 35px; }
/* 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: 40px; line-height: 40px; }
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: 4px 0; }
/* sub levels menu items */
ul.yjsgmenu ul li a { line-height: 48px; }
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; 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 #header { padding: 0 45px; }
#layout_type.yjsgsitew #yjsgbodytop { padding: 0 0 15px 0; }
#layout_type.yjsgsitew #yjsgbodybottom { padding: 15px 0 0 0; }
#layout_type.yjsgsitew .extrapos1, #layout_type.yjsgsitew .extrapos2 { padding: 70px 65px; }
#layout_type.yjsgsitew #pathway { margin: 0 50px 70px 50px; }
#layout_type.yjsgsitew #footer { padding: 50px 65px; }
#layout_type.yjsgsitew .yjsglogo { right: 65px; }
#layout_type.yjsgsitew .islide .yjsg-col-1-2:last-child { width: 45%; }
#layout_type.yjsgsitew .iwelcome .yjsg-col-1-2:last-child { width: 55%; right: 0; bottom: -120px; }
#layout_type.yjsgsitew .isync .yjsg-col-1-2:last-child { right: 50px; top: -70px; }
/* Transition */
.yjsgmenu li a, .button-color, .button-dark, .button-dark2, .button-white, .button-icon-color, .button-icon-color span.button-icon, .button-icon-dark, .button-icon-dark span.button-icon, .button-icon-white, .button-icon-white span.button-icon, .slidersfx-yjsgsfx-iaccount ul.yjsgsliderPagination li a, .ivideo a span, .isphere .SphereSlider div.sphere.sphereselected, div.itemCommentsForm form input#submitCommentButton, ul.yjsg-pagination-links > li > a, ul.yjsg-pagination-links > li > span, .button, a.readon, .yj-hover img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/* Border radius */
ul.subul_main, .iwelcome ul li span { border-radius: 10px; }
ul.yjsgmenu li.level0 a, .button-color, .button-dark, .button-dark2, .button-white, .button-icon-color, .button-icon-dark, .button-icon-white, .slidersfx-yjsgsfx-iaccount ul.yjsgsliderPagination li a, .ivideo a span { border-radius: 50px; }
/* Backgrounds */
.yjsg5-out { background-attachment: fixed; background-position: right top; background-repeat: no-repeat; background-size: cover; }
/* Defaults */
.yjsg_grid, .holders { padding: 100px 0; }
#yjsgbodytop.yjsg_grid { padding: 0 0 15px 0; }
#yjsgbodybottom.yjsg_grid { padding: 15px 0 0 0; }
.centertop-out { position: relative; }
.extrapos1, .extrapos2 { padding: 70px 15px; }
.yjsg4-out { position: relative; }
#footer { padding: 40px 15px; }
#pathway { margin: 0 0 100px 0; }
#pathway .breadcrumb li { text-shadow: none; }
#pathway ul.breadcrumb { border-radius: 50px; }
.icon-yjsg-pathway:before { content: "\f105"; }
/*buttons*/
.button, a.readon { display: table; height: auto; width: auto; line-height: normal; padding: 15px 50px; border: none; font-size: 100%; border-radius: 50px; }
a.readon span { height: auto; line-height: normal; padding: 0; }
/*inputs*/
.yjsg-element-holder input, .yjsg-form .yjsg-form-element, .yjsg-element-holder select, .yjsg-form .inputbox { padding: 10px; height: auto; box-shadow: none; border-radius: 50px; }
/*user profile*/
.yjsg-form-fieldset legend { border: none; font-size: 140%; margin: 0 auto; font-weight: 400; font-family: 'Baloo Bhai 2', cursive; }
.yjsg-userpages.user dl { margin-bottom: 50px; }
.yjsg-userpages.user dt { margin: 0 auto 5px auto; padding: 0; background: none; font-size: 100%; float: none; text-align: left; clear: none; width: auto; font-weight: 700; font-family: 'Baloo Bhai 2', cursive; }
.yjsg-userpages.user dd { padding: 0; margin: 0 auto 20px auto; font-size: 100%; }
/*logout*/
.yjsg-userpages.logout button { margin: 0 auto; }
.yjsg-userpages.logout .logout-description { text-align: center; }
/*next, prev*/
.yjsg-pager-links .pager li.previous > a { padding: 2px 20px 2px 10px; border-radius: 50px; }
.yjsg-pager-links .pager li.next > a { padding: 2px 10px 2px 20px; border: none; border-radius: 50px; }
.yjsg-pager-links .pager li.previous > a span:before { content: "\f104"; }
.yjsg-pager-links .pager li.next > a span:before { content: "\f105"; }
/*pagination*/
ul.yjsg-pagination-links > li > a, ul.yjsg-pagination-links > li > span { padding: 10px 20px; font-size: 100%; }
ul.yjsg-pagination-links > li:last-child > a, ul.yjsg-pagination-links > li:last-child > span { border-radius: 0 50px 50px 0; }
ul.yjsg-pagination-links > li:first-child > a, ul.yjsg-pagination-links > li:first-child > span { border-radius: 50px 0 0 50px; }
ul.yjsg-pagination-links > li > a strong, ul.yjsg-pagination-links > li > span strong { font-weight: normal; }
ul.yjsg-pagination-links > li > a:hover, ul.yjsg-pagination-links > li > span:hover, ul.yjsg-pagination-links > li > a:focus, ul.yjsg-pagination-links > li > span:focus { background: #fff; }
/* Logo */
#logoholder { overflow: visible; }
#logo { margin: 0 auto 0 -15px; }
/* Intro */
.infinity-intro { max-width: 42%; margin: 0 auto; text-align: center; }
/* Note */
.infinity-note { display: block; margin: 20px auto 0 auto; font-size: 90%; font-family: 'Baloo Bhai 2', cursive; font-style: italic; text-decoration: underline; }
/* Module styles */
.yjsg2 .module_title, .yjsg3 .module_title { font-weight: 700; }
.yjsg4 .module_title, .yjsg5 .module_title { text-align: center; }
.yjsg6 .module_title, .yjsg7 .module_title { font-weight: 700; text-align: center; }
.yjsg8 .module_title, .yjsg9 .module_title { font-weight: 700; font-size: 120%; text-transform: uppercase; }
.yjsg10, .yjsg11 { padding: 30px; border-radius: 10px; }
/* Buttons */
.button-color, .button-dark, .button-dark2, .button-white, .button-icon-color, .button-icon-dark, .button-icon-white { display: table; overflow: hidden; margin: 0; padding: 0 0 0 50px; font-family: 'Baloo Bhai 2', cursive; font-size: 100%; line-height: normal; }
.button-color, .button-dark, .button-dark2, .button-white { padding: 15px 50px; }
.button-icon-color span, .button-icon-dark span, .button-icon-white span { display: inline-table; vertical-align: middle; }
.button-icon-color span.button-icon, .button-icon-dark span.button-icon, .button-icon-white span.button-icon { padding: 20px 25px 14px 20px; margin: 0 auto 0 30px; }
/* Main slide */
.gridsfx-islide { padding: 220px 0; }
.islide .yjsg-col-1-2:first-child { width: 40%; }
.islide .yjsg-col-1-2:last-child { position: absolute; right: 0; bottom: 0; padding: 0; text-align: right; }
.islide h4 { font-size: 300%; margin: 0 auto 20px auto; }
.islide .button-icon-color { margin: 0 40px 0 auto; }
.islide .button-icon-color, .islide .button-icon-white { float: left; }
/* Welcome */
.gridsfx-iwelcome { padding: 200px 0; }
.iwelcome { position: relative; }
.iwelcome .module_title { font-size: 280%; margin: 0 auto 30px auto; }
.iwelcome ul li { display: block; overflow: hidden; padding: 25px 0; max-width: 60%; list-style-type: none; }
.iwelcome ul li:nth-child(2) { margin: 0 auto 0 35px; }
.iwelcome ul li:nth-child(3) { margin: 0 auto 0 70px; }
.iwelcome ul li:last-child { margin: 0 auto 0 105px; }
.iwelcome ul li span { display: table; overflow: hidden; width: 75px; height: 70px; line-height: 70px; text-align: center; float: left; font-size: 200%; margin: 0 30px 0 auto; padding: 5px 0 0 0; }
.iwelcome ul li h4 { font-weight: 700; font-size: 110%; margin: 0 auto 5px auto; }
.iwelcome ul li p { margin: 0 auto; line-height: 26px; }
.iwelcome .yjsg-col-1-2:last-child { position: absolute; bottom: -250px; right: -80px; width: auto; }
/* Account */
.slidersfx-yjsgsfx-iaccount { padding: 190px; }
.iaccount img { width: auto; }
.iaccount .module_title { font-size: 280%; margin: 0 auto 30px auto; }
.slidersfx-yjsgsfx-iaccount ul.yjsgsliderPagination li a { padding: 0; text-indent: -9999px; line-height: normal; width: 8px; height: 8px; background: none; }
/* Sync */
.gridsfx-isync { padding: 200px 0; }
.isync .yjsg-row { padding: 0 }
.isync .yjsg-col-1-2:last-child { position: absolute; right: 0; top: -100px; }
.isync h4 { font-size: 280%; margin: 0 auto 30px auto; }
.isync p { margin: 0 auto; }
.isync ul { display: block; overflow: hidden; margin: 0 auto; }
.isync ul li { width: 50%; float: left; list-style-type: none; margin: 15px auto; }
.isync ul li span { font-size: 200%; margin: 0 20px 0 auto; float: left; }
.isync ul li p { margin: 0 auto; }
/* Features */
.ifeatures { padding: 300px 0 0 0; }
.ifeatures .yjsg-row { padding: 0; }
.ifeatures .yjsg-col-1-2:last-child { padding: 100px 15px 0 15px; }
.ifeatures h4 { font-size: 280%; margin: 0 auto 30px auto; }
.ifeatures ul { display: block; overflow: hidden; margin: 0 -15px; box-sizing: border-box; }
.ifeatures ul li { width: 50%; float: left; margin: 15px auto; padding: 0 15px; box-sizing: border-box; list-style-type: none; }
.ifeatures ul li > span { display: block; overflow: hidden; padding: 15px 30px; cursor: default; }
.ifeatures ul li span.icon { font-size: 200%; margin: 0 20px 0 auto; float: left; }
.ifeatures ul li p { margin: 0 auto; }
/* Video */
.gridsfx-ivideo { padding: 150px 0; }
.ivideo h5 { text-align: center; font-size: 120%; font-weight: 300; margin: 0 auto 30px auto; }
.ivideo h4 { max-width: 50%; margin: 0 auto 30px auto; text-align: center; font-size: 350%; font-weight: 300; line-height: 65px; }
.ivideo a { display: table; margin: 0 auto; overflow: hidden; line-height: normal; }
.ivideo a span { display: table; width: 20px; height: 20px; float: right; text-align: center; line-height: 20px; font-size: 60%; text-indent: 2px; margin: 0 auto 0 10px; }
/* Testemonials */
.gridsfx-isphere { padding: 150px 0; }
.isphere span.infinity-bubble-conversation { display: block; overflow: hidden; font-size: 400%; line-height: normal; text-align: center; margin: 0 auto 25px auto; }
.isphere .SphereSlider { padding: 50px 0; }
.isphere .SphereSlider, .isphere .SphereSlider div.sphereslide { overflow: visible; }
.isphere .SphereSlider div.sphere .roundimg, .isphere .SphereSlider div.sphere .roundimgin { background: none; border: none; }
.isphere .SphereSlider div.sphere.sphereselected { border-radius: 100%; background: none; }
.isphere .SphereSliderHolder .clonedesc .title { padding: 0; margin: 40px auto 10px auto; font-size: 100%; font-weight: 700; text-transform: uppercase; }
.isphere .SphereSliderHolder .clonedesc .intro { border: none; padding: 0; }
.isphere p { margin: 0 auto; }
.isphere .SphereSliderHolder .prev, .isphere .SphereSliderHolder .next { background: none; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 300%; }
/* Purchase */
.ipurchase .yjsg-row { padding: 0; margin: 0 -15px; }
.ipurchase p { margin: 10px auto 0 auto; font-size: 140%; font-weight: 300; font-family: 'Baloo Bhai 2', cursive; }
.ipurchase .button-white, .ipurchase .button-dark2 { float: right; }
.ipurchase .button-dark2 { margin-left: 30px; }
/* Subscribe */
.isubscribe { padding: 80px 0; }
.isubscribe .module_title { text-align: center; font-size: 280%; margin: 0 auto 30px auto; }
.isubscribe .infinity-intro { max-width: 35%; margin: 0 auto 40px auto; }
.isubscribe form { display: table; margin: 0 auto; width: 35%; position: relative; }
.isubscribe form .inputbox { height: auto; line-height: normal; padding: 16px 200px 16px 20px; border-radius: 50px; border: none; font-size: 90%; float: left; width: 100%; }
.isubscribe .button-color { width: auto; height: auto; padding: 14px 50px; position: absolute; right: 0; }
/* Footer */
.ifooter p { padding-left: 12px; margin: 0 auto; }
.ifooter h4 { text-transform: uppercase; font-size: 100%; font-weight: 700; }
.ifooter ul { margin: 0 auto; }
.ifooter ul li { list-style-type: none; }
.ifooter ul li a { display: block; overflow: hidden; padding: 8px 0; line-height: normal; }
/* K2 Custom */
.ik2custom h4 { font-size: 250%; margin: 0 auto 20px auto; }
.ik2custom .yjsg-col-1-2:last-child { position: absolute; right: 0; bottom: 0; padding: 0; width: 25%; }
/* RTL */
.yjsgrtl .islide .button-icon-color, .yjsgrtl .islide .button-icon-white, .yjsgrtl .iwelcome ul li span, .yjsgrtl .iwelcome .yjsg-col-1-2, .yjsgrtl .isync ul li span, .yjsgrtl .ifeatures ul li span.icon, .yjsgrtl .ipurchase .yjsg-col-3-5, .yjsgrtl .ifooter .yjsg-col-1-2, .yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.userBlock img { float: right; }
.yjsgrtl .ipurchase .button-white, .yjsgrtl .ipurchase .button-dark2 { float: left; }
.yjsgrtl .ifeatures .yjsg-col-1-2:first-child { text-align: left; }
.yjsgrtl .islide .button-icon-color, .yjsgrtl .iwelcome ul li span, .yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.userBlock img { margin: 0 auto 0 30px; }
.yjsgrtl .button-icon-color, .yjsgrtl .button-icon-dark, .yjsgrtl .button-icon-white { padding: 0 50px 0 0; }
.yjsgrtl .button-icon-color span.button-icon, .yjsgrtl .button-icon-dark span.button-icon, .yjsgrtl .button-icon-white span.button-icon { padding: 20px 20px 14px 25px; margin: 0 30px 0 auto; }
.yjsgrtl .button-icon-white span.button-icon { border-right: 1px solid #dbe5f4; border-left: none; }
.yjsgrtl .button-icon-white:hover span.button-icon { border-right: 1px solid #313542; border-left: none; }
.yjsgrtl .iwelcome ul li:nth-child(2), .yjsgrtl .ipurchase .button-dark2 { margin: 0 35px 0 auto; }
.yjsgrtl .iwelcome ul li:nth-child(3) { margin: 0 70px 0 auto; }
.yjsgrtl .iwelcome .yjsg-col-1-2:last-child { left: -80px; right: auto; }
.yjsgrtl .isync ul li span, .yjsgrtl .ifeatures ul li span.icon { margin: 0 auto 0 20px; }
.yjsgrtl .isubscribe .button-color { left: 0; right: auto; }
.yjsgrtl .isubscribe form .inputbox { padding: 16px 20px 16px 200px; }
/* Hover effect */
.yj-hover { display: block; overflow: hidden; border-radius: 10px; }
.yj-hover img { border-radius: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.yj-hover:hover img { opacity: 0.5; }
/* Responsive menu */
span.yjmm_select { color: #8990aa; border: 1px solid #d2d8e2; border-radius: 10px; text-align: left; font-size: 100%; text-indent: 20px; }