/**
 * @package      YJSG Framework
 * @copyright    Copyright(C) since 2007  Youjoomla.com. All Rights Reserved.
 * @author       YouJoomla
 * @license      http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 * @websites     http://www.youjoomla.com | http://www.yjsimplegrid.com
 */
/*main container*/
.centered {
	margin:0 auto;
	display:block;
	position:relative;
}
/* main site width class width set in head */
.yjsgsitew {
	margin:0 auto;
	display:block;
}
#header {
	display:table;
	position:relative;
	padding-top:0;
	padding-bottom:0;
	margin:0 auto;
	width:100%;
	z-index:1000;
}
#logoholder {
	display:table-cell;
	float:none;
	overflow:hidden;
	vertical-align:top;
	position:relative;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
#logo {
	display:block;
	float:none;
	overflow:hidden;
}
/* logo homepage link  */
#logo a {
	display:block;
	text-decoration:none;
	margin:0;
	padding:0;
	height:inherit;
	width:auto;
	font-size:0.01;
	text-indent:-10000px;
}
/* manibody grid */
.holders {
	height:auto;
	margin:0 auto;
	padding:25px 0;
}
/* yjsg_left_mid_right.php*/
.holders .sidebars {
	height:auto;
	float:left;
}
/* yjsg_mid_left_right.php*/
#holder2 .sidebars {
	float:right;
}
#holder2 .sidebar-main {
	float:left;
}
/* yjsg_left_right_mid.php*/
#holder3 .sidebar-main {
	float:right;
}
.sidebar-top {
	padding-bottom:15px;
}
.sidebar-bottom {
	padding-top:15px;
}
/* end manibody grid */

/* main gutters: these should all equal to eachother */
div.yjsgxhtml,
div.inside-container {
	padding-left:15px;
	padding-right:15px;
}
#logoholder + #yjsgheadergrid {
	margin-left:15px;
}
.yjsgrtl #logoholder + #yjsgheadergrid {
	margin-left:-15px;
	margin-right:15px;
}
#yjsgheadergrid {
	margin-left:-15px;
	margin-right:-15px;
}
div.addround {
	padding:15px;
}
/* end gutters */
.yjsg_grid {
	display:block;
	margin:0px auto;
	height:auto;
	width:auto;
	padding:15px 0;
	clear:both;
}
.inside-container {
	margin-right: auto;
	margin-left: auto;
}
.inside-container > .yjsg_grid,
.inside-container > .inside-container {
	padding-left: 0px;
	padding-right: 0px;
}
#yjsgbodytop {
	padding-top: 0px;
}
#yjsgbodybottom {
	padding-bottom: 0px;
}
/* module outside container */
.yjsgxhtml {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.yjsgxhtml.only_mod {
	float:none;
}
/* module container */
.yjsquare,
.yjsgModsChrome,
.yjplain {
	margin:0;
	padding:0;
	clear: both;
	display:block;
	height:auto;
}
.sidebars .yjsquare {
	margin-bottom:15px;
}
/* module title */
.module_title {
	word-wrap: break-word;
	margin:0 0 20px 0;
}
/* module subtitle*/
.module_subtitle {
	display:block;
	clear:both;
	font-size:80%;
	margin:5px 0 0 0;
}
/* split title */
.module_title .title_split {
}
/* module content */
.yjsquare_in {
	padding:0;
	margin:0;
	display:block;
}
/* rounded corners */
.addround {
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #999;
}
/* footer */
#footer {
	display:block;
	clear:both;
	overflow:hidden;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
}
#youjoomla {
	clear:both;
	padding:0;
	overflow:hidden;
}
#footmod {
	clear:both;
	padding:0;
	margin:0px;
	overflow:hidden;
}
#cp {
	display:table;
	padding:0;
	overflow:hidden;
}
.validators,
.yjsgcp {
	display:block;
	clear:both;
}
.yjsglogo {
	display:block;
	height:35px;
	width:35px;
	margin:auto 0;
	padding:0;
	position:absolute;
	top: 0;
	bottom: 0;
	left:auto;
	right: 15px;
	background: url(../../../../../plugins/system/yjsg/assets/images/yjsglogo.png) no-repeat center center;
}
.yjsglogo span {
	line-height:999px;
}
#joomlacredit {
	padding-top:0;
	padding-bottom:0;
	margin:0 auto;
	display:block;
}
/*Font resizer and rtl/ltr links*/
a.tdir {
}
a.fs {
}
/* breadcrumbs */
#pathway {
	padding-top:0;
	padding-bottom:0;
	display:block;
	overflow:hidden;
	margin:0 0 10px 0;
}
.yjsgspathway {
	margin:0 auto;
	width:auto;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#pathway ul.breadcrumb {
	padding: 8px 15px;
	margin:0;
	list-style: none;
	background-color: whiteSmoke;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#pathway .breadcrumb li {
	display: inline-block;
	text-shadow: 0 1px 0 white;
}
#pathway .breadcrumb .active {
	color: #999;
}
#pathway .breadcrumb .divider {
	color: #ccc;
}
.icon-yjsg-pathway:before {
	content: "\f054";
}
.icon-yjsg-marker:before {
	content: "\f041";
}
/* topmenupoz module position */
.top_menu_poz {
	margin:0 auto;
	display:block;
}
/* Panels */
.yjsg-panel {
	display:block;
	position:absolute;
	top:-2000;
	width:100%;
	z-index:7900;
}
.yjsg-panel-stretch {
	display:block;
	background:#fff;
	overflow:hidden;
}
.yjsg-panel-content {
	margin:0 auto;
	display:block;
}
.yjsg-panel-open {
	background:#fff;
	display:block;
	margin:0 auto;
	position:relative;
	bottom:1px;
	font-weight:bold;
	text-align:center;
	border:1px solid #e2e2e2;
}
/* top panel */
#yjsg_toppanel .yjsg-panel-stretch {
	border-bottom:1px solid #e2e2e2;
}
#yjsg_toppanel .yjsg-panel-open {
	border-top:none;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
/* bottom panel */
#yjsg_botpanel {
	position:fixed;
}
#yjsg_botpanel .yjsg-panel-stretch {
	border-top:1px solid #e2e2e2;
}
#yjsg_botpanel .yjsg-panel-open {
	margin:0;
	position:absolute;
	top:0px;
	right:15px;
	border-bottom:none;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
/* Side panel */
#yjsg_sidepanel {
	position:fixed;
	top:0;
	height:800px;
	z-index:7900;
}
#yjsg_sidepanel .yjsg-panel-open {
	height:100px;
	width:30px;
	position:absolute;
	border-right:none;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-top-left-radius:5px;
	line-height:100px;
	font-family: 'FontAwesome';
	overflow:hidden;
	text-indent:10px;
	font-size:20px;
}
#yjsg_sidepanel_open:after {
	content: "\f053";
}
#yjsg_sidepanel_open.SidePanOpen:after {
	content: "\f054";
}
#yjsg_sidepanel_slide {
	display:block;
	overflow:hidden;
	margin-left:30px;
	height:800px;
	background:#fff;
	padding-top:20px;
	border-left:1px solid #e2e2e2;
}
/* Module Articles Category */
.yjsg-article-category ul {
	padding:0;
	margin:0;
	list-style:none;
}
.yjsg-article-category ul li {
	background-image:none;
}
.yjsg-article-category ul li h6 {
	margin:0;
	font-weight:normal;
	font-size:100%;
}
.yjsg-article-category ul li a {
	line-height:32px;
	display: block;
}
.yjsg-article-category ul li a:before {
	font-size:10px;
	font-family: 'FontAwesome';
	content: "\f054";
}
.yjsg-article-category ul li:last-child a {
	border:none;
}
.yjsg-article-category ul li a {
	border-bottom: 1px solid #ddd;
}
.yjsg-article-category ul li a.active,
.yjsg-article-category ul li a:hover {
	background:#f7f7f7;
}
/* off canvas */
html.canvas_on {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
}
.yjsg-off_canvas {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 8999;
	background: rgba(0, 0, 0, 0);
}
.yjsg-off_canvas.canvas_active {
	display: block;
}
.yjsg-off_canvas_in {
	display:block;
	padding:15px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	background: #fff;
	overflow-y: auto;
	z-index:9100;
}
.yjsg-off_canvas_in .closeCanvas {
	position:absolute;
	top:0;
	right:5px;
	cursor:pointer;
	font-size:18px;
}
.yjsg-offc-btn.site-offc {
	display:none;
	position:fixed;
	top:5px;
	left:5px;
	font-size:21px;
	cursor:pointer;
	z-index:7999;
}
/* module chrome images iframes objects */
.yjsgChromes embed,
.yjsgChromes video,
.yjsgChromes iframe,
.yjsgChromes video {
	display:block;
	margin:0;
	padding:0;
}
.yjsgChromes video {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.yjsgChromes iframe,
.yjsgChromes embed,
.yjsgChromes object {
	max-width: 100%;
	border:none;
}
.yjsgChromes img {
	display:block;
	height: auto;
	width:100%;
	max-width:100%;
}
/* tabs module chrome */
.yjsgtabs_chromeaction {
	display:block;
	position:relative;
}
/* accordion module chrome */
.yjsgaccChrome {
	display:block;
	position:relative;
}
.yjsgaccGroup {
	display:block;
	position:relative;
	padding:0;
	margin:0 0 3px 0;
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.yjsgaccTrigger {
	display:block;
	padding: 9px 15px;
	font-size:14px;
	background-color: #f5f5f5;
}
.yjsgaccTrigger a {
	display:block;
}
.yjsgaccTrigger.hovered,
.yjsgaccTrigger.active {
	background-color: #fafafa;
}
.yjsgaccContent {
	display:none;
	padding: 15px;
	border-top:1px solid #ddd;
	overflow:hidden;
}
/* slider module chrome */
.yjsgsliderHolder {
	display:block;
	position:relative;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	position:relative;
	width:100%;
}
.yjsgsliderChrome {
	position: relative;
	overflow: hidden;
	display:block;
	opacity: 0;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.yjsgsliderChrome .yjsgsliderSlide {
	position: absolute;
	display:block;
	overflow:hidden;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
	opacity: 0;
	margin:0;
	padding:0;
}
/* controls */
.yjsgsliderControls {
	display:none;
}
/* pagination */
ul.yjsgsliderPagination,
ul.yjsgsliderPagination li {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.yjsgsliderPagination {
	display:block;
	margin-top:10px;
	position:relative;
	z-index:15;
}
ul.yjsgsliderPagination li {
	float:left;
	margin:0 5px 0 0;
}
ul.yjsgsliderPagination li a {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-decoration:none;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:#fff;
	border: 1px solid #ddd;
}
ul.yjsgsliderPagination li.active a {
	background:#efefef;
}
/* navigation */
a.yjsgsliderNav,
span.yjsgsliderStopAll {
	position:absolute;
	display:block;
	overflow:hidden;
	text-align:center;
	top:50%;
	left:0px;
	z-index:15;
	padding:0;
	margin:-45px 0 0 0;
	height:45px;
	width:45px;
	line-height:45px;
	font-size:45px;
}
a.yjsgsliderNav.next {
	left:auto;
	right:0;
}
a.yjsgsliderNav i {
	display:block;
	text-align:center;
	font-family:"FontAwesome";
	font-style:normal;
}
a.yjsgsliderNav.prev i:before {
	content:"\f104";
}
a.yjsgsliderNav.next i:before {
	content:"\f105";
}
/* stop all videos */
span.yjsgsliderStopAll {
	font-family:"FontAwesome";
	left:auto;
	right:0;
	margin:-80px 0 0 0;
	font-size:20px;
	color:#fff;
}
span.yjsgsliderStopAll:before {
	content:"\f052"
}
/* tabnav */
div.yjsgsliderControlsTabs {
	display:none;
}
ul.yjsgsliderPaginationTabs {
	display:block;
	padding:0;
	margin:0px 0px 15px 0px;
	list-style-type:none;
	border-bottom: 1px solid #ddd;
}
ul.yjsgsliderPaginationTabs li {
	padding:0;
	float:left;
	margin:0 5px 0 0;
	list-style-type:none;
	background-image:none;
	margin-bottom:-1px;
}
ul.yjsgsliderPaginationTabs li a {
	cursor:pointer;
	position: relative;
	display: block;
	padding: 10px 15px;
	line-height:20px;
	border: 1px solid transparent;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
ul.yjsgsliderPaginationTabs li.active a {
	background:#fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
div.yjsgModsChrome.yjsgtabs .yjsgsliderNav {
	margin-top:0px;
}
div.yjsgSimpleTabs.yjsgtabsnav ul.yjsgShortcodeTabs li.active a {
	border-bottom-color: transparent;
}
.yjsgTabContent {
	word-wrap: break-word;
	overflow:hidden;
}
.yjsg-edit-form .yjsgTabContent{
	overflow:visible;
}
.yjsgTabContent img,
.yjsgTabContent video,
.yjsgTabContent audio,
.yjsgTabContent iframe {
	max-width:100%;
}
/* tabpills */ 
div.tabpills ul.yjsgsliderPaginationTabs {
	border-bottom:none;
}
div.tabpills ul.yjsgsliderPaginationTabs li.active a {
	border: 1px solid #ddd;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#000;
	background:#efefef;
}
.yjsgsliderChrome.loadingSlides {
	height:80px;
}
.yjsgsliderLoader {
	display:block;
	height:100px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../../../../../plugins/system/yjsg/assets/images/yjsgsliderLoader.gif) no-repeat center center;
	z-index:10;
}
/* tabsleft */
.tabsleft .yjsgShortcodeTabs {
	width:auto;
	float:left;
	margin:0;
	margin-right:10px;
	border:none;
	border-right: 1px solid #ddd;
	display:block;
}
.tabsleft ul.yjsgShortcodeTabs li {
	float:none;
	clear:both;
	display:block;
	margin:0;
	margin-right:-1px;
}
.tabsleft .yjsgShortcodeTabs li.active a {
	border: 1px solid #ddd;
	border-right-color: transparent;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
div.yjsgSimpleTabs.tabsleft ul.yjsgShortcodeTabs li.active a {
	border-right-color: transparent;
}
/* tabsright */	
.tabsright .yjsgShortcodeTabs {
	width:auto;
	float:right;
	margin:0;
	margin-left:10px;
	border:none;
	border-left: 1px solid #ddd;
	display:block;
}
.tabsright ul.yjsgShortcodeTabs li {
	float:none;
	clear:both;
	display:block;
	margin:0;
	margin-left:-1px;
}
.tabsright .yjsgShortcodeTabs li.active a {
	border: 1px solid #ddd;
	border-left-color: transparent;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}
div.yjsgSimpleTabs.tabsright ul.yjsgShortcodeTabs li.active a {
	border-left-color: transparent;
}
/* tabscentered */
.tabscentered .yjsgShortcodeTabs {
	text-align:center;
	float:none;
}
.tabscentered .yjsgShortcodeTabs >li {
	float:none;
	display:inline-block;
}
/* PAGE OR COMPONENT SPECIFIC */
/* error page */
.yjsg-page-error .centered {
	width:auto;
	max-width:600px;
	text-align:center;
	padding:30px 0;
}
.yjsg-page-error h1 {
	font-size:280px;
}
@media screen and (max-width: 768px) {
.yjsg-page-error h1 {
	font-size:180px;
}
}
.yjsg-page-error h1:after {
	content:"Sorry, we couldn't find that page...";
	display:block;
	clear:both;
	font-size:28px;
}
.yjsg-page-error span.errormsg {
	display:block;
	margin-top:20px;
}
/* offline page */
.yjsg-page-offline .centered {
	width:auto;
	max-width:600px;
	padding:30px 15px;
}
.yjsg-page-offline #header {
	text-align:center;
}
.yjsg-page-offline p.offlinemsg {
	display:block;
	text-align:center;
	margin:15px 0;
}
/* tmpl component */
.tpl_component {
	padding:20px;
	display:block;
}
/* com_user pages */
.yjsg-userpages {
	display:block;
	width:auto;
	max-width:600px;
	margin:0 auto;
}
.yjsg-userpages .pagetitle {
	display:block;
	text-align:center;
}
.yjsg-userpages.user dt {
	font-weight: bold;
	padding: 5px;
	margin: 0 0 5px 0;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.yjsg-userpages.user dd {
	padding: 5px;
	margin: 0;
}
/* com_content view-category */
.category_description {
	display:block;
	position:relative;
	margin-bottom:30px;
}
.cat-image {
	float:left;
	margin-right:20px;
}
ul.categories_view {
	list-style-type:none;
	padding:0;
}
ul.categories_view li {
	list-style-type:none;
	background:none;
	border-bottom:1px solid #ebebeb;
	padding:10px 0;
}
.catitem_title {
	font-size:120%;
	font-weight:normal;
}
/* image upload editor com_media */
html.com_media li {
	background-image:none;
}
html.com_media .icon-folder-close:before,
html.com_media .icon-folder-2:before {
	content: "\f07b";
}
html.com_media #imageForm .controls input {
	border:1px solid #ddd;
	padding:4px 6px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
html.com_media .span6 {
	float:left;
	margin-right:10px;
}
html.com_media.view-imagesList .imgOutline {
	border:1px solid #ddd;
	float:left;
	width:80px;
	height:80px;
	text-align:center;
	margin-right:10px;
	line-height:40px;
}
html.com_media #uploadform input {
	float:left;
}
html.com_media button {
	margin:0px 5px;
}
/* editor */
html.view-form div#sbox-window {
	padding:0;
}
#editor-xtd-buttons a {
	display:block;
	float:left;
	padding:4px 15px;
	border:1px solid #ddd;
	margin:15px 5px 0 0;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
/* yjsg modules positions preview */
.yjsg-module-positions,
.yjsg-module-positions-raw {
	min-height:125px;
	text-align:center;
	border:2px dashed #ddd;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	vertical-align:middle;
	line-height:125px;
}
.yjsg-module-positions.smaller {
	min-height:30px;
	line-height:30px;
}
.yjsg-module-positions.smaller.modpos-footer {
	max-width:75%;
	display:none;
}
.yjsg-module-positions.smaller.modpos-footer:first-child{
	display:block;
}
@media screen and (max-width: 979px) {
.yjsg-module-positions {
	margin-bottom:20px;
}
}
/* columns system */
.yjsg-row {
	display: block;
	margin:0 auto;
	height: auto;
	width: auto;
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inside-container .yjsg-row,
.yjsg_grid .yjsg-row {
	margin-left:-15px;
	margin-right:-15px;
}
.yjsg-row .yjsg-row {
	margin:0 auto;
}
[class*='yjsg-col-'] {
 display:block;
 float:left;
 margin:0;
 padding:0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
[class*='yjsg-col-'] {
 padding-left:15px;
 padding-right:15px;
}
.yjsg-col-1 {
	width:100%;
	float:none;
}
.yjsg-col-1-2 {
	width: 50%;
}
.yjsg-col-1-3 {
	width:33.33333333333333%;
}
.yjsg-col-1-4 {
	width: 25%;
}
.yjsg-col-1-5 {
	width:20%;
}
.yjsg-col-1-6 {
	width:16.66666666666667%;
}
.yjsg-col-1-8 {
	width: 12.5%;
}
.yjsg-col-2-3 {
	width: 66.66%;
}
.yjsg-col-3-4 {
	width:75%;
}
.yjsg-col-2-5 {
	width:40%;
}
.yjsg-col-3-5 {
	width:60%;
}
.yjsg-col-4-5 {
	width:80%;
}
 @media screen and (max-width: 979px) {
 [class*='yjsg-col-'] {
 width: 50%;
}
.yjsg-col-1,
[class*='yjsg-col-1-']:nth-child(odd):last-child {
	width:100%;
}
}
 @media screen and (max-width: 719px) {
 [class*='yjsg-col-'] {
 width: 100%;
}
}
/* clearing */
.category_description:after,
ul.yjsgsliderPaginationTabs:after,
.yjsgSimpleTabs:after,
.yjsg-panel:after,
.yjsg-panel-stretch:after,
.yjsg-panel-content:after,
.yjsg-row:before,
.yjsg-row:after,
.sidebars:after,
.component:after,
.yjsgspathway:after,
.horiznav:after,
.top_menu:after,
#topmenu_holder:after,
.centered:after,
.holders:after,
.sidebars:after,
.yjsg_grid:after,
#header:after,
.yjsgxhtml:after,
.yjsquare:after,
.yjsquare_in:after,
.yjsgModsChrome:after,
.yjsgaccChrome:after,
.yjsgaccGroup:after,
.yjsgaccTrigger:after,
.yjsgaccContent:after,
.tpl_component:after,
.top_menu_poz:after,
.yjsg-userpages:after,
.yjsgTabContent:after{
	display:table;
	content: "";
	clear: both;
}
/* RTL */
/* layout */
.yjsgrtl .yjsgxhtml {
	float:right;
}
.yjsgrtl .holders .sidebars {
	float:right;
}
.yjsgrtl #holder2 .sidebars {
	float:left;
}
.yjsgrtl #holder2 .sidebar-main {
	float:right;
}
.yjsgrtl #holder3 .sidebar-main {
	float:left;
}
/* off canvas */
.yjsgrtl .site-offc {
	left:auto;
	right:5px;
}
.yjsgrtl .yjsg-off_canvas_in .closeCanvas {
	right:auto;
	left:5px;
}
/* pathway */
.yjsgrtl .icon-yjsg-pathway:before {
	font-family:inherit;
	content: "";
}
.yjsgrtl .icon-yjsg-pathway:after {
	font-family: 'FontAwesome';
	content: "\f053";
}
/* footer */
.yjsgrtl .yjsglogo {
	left:15px;
	right:auto;
}
/* tabs */
.yjsgrtl ul.yjsgsliderPaginationTabs li,
.yjsgrtl ul.yjsgsliderPagination li {
	float:right;
	margin-right:0px;
	margin-left:5px;
}
/* panels */
.yjsgrtl #yjsg_botpanel .yjsg-panel-open {
	right:auto;
	left:15px;
}
.yjsgrtl #yjsg_sidepanel_slide {
	margin-left:0;
	margin-right:30px;
	border-left:none;
	border-right:1px solid #e2e2e2;
}
.yjsgrtl #yjsg_sidepanel .yjsg-panel-open {
	border-left:none;
	border-right:1px solid #e2e2e2;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* cat menu */
.yjsgrtl .yjsg-article-category ul li a:before {
	font-family:inherit;
	content: "";
}
.yjsgrtl .yjsg-article-category ul li a:after {
	font-family: 'FontAwesome';
	content: "\f053";
	font-size: 10px;
}
/* tabsright */
.yjsgrtl .tabsright .yjsgShortcodeTabs li {
	float:none;
	margin-right:0;
	margin-left:-1px;
}
/* tabsleft */
.yjsgrtl .tabsleft .yjsgShortcodeTabs li {
	float:none;
	margin-right:-1px;
	margin-left:0;
}
/* table */
.yjsgrtl table.yjsg-table-bordered td {
	border-right-width:0;
}
.yjsgrtl table.yjsg-table-bordered thead:last-child tr:last-child > th:first-child,
.yjsgrtl table.yjsg-table-bordered tbody:last-child tr:last-child > td:first-child,
.yjsgrtl table.yjsg-table-bordered tbody:last-child tr:last-child > th:first-child,
.yjsgrtl table.yjsg-table-bordered tfoot:last-child tr:last-child > td:first-child,
.yjsgrtl table.yjsg-table-bordered tfoot:last-child tr:last-child > th:first-child {
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
/* clear */
#yjsgheadergrid:before,
#yjsgheadergrid:after{
	content:'';
	display:table;
	width:100%;
	clear:both;
}
/* Page builders support */
.com_quix .holders,
.com_sppagebuilder .holders,
.com_blox .holders{
	padding:0;
}
.com_quix .tpl_component,
.com_sppagebuilder .tpl_component,
.com_blox .tpl_component{
	padding:0;
}
.com_quix #centerbottom.yjsgsitew,
.com_sppagebuilder #centerbottom.yjsgsitew,
.com_blox #centerbottom.yjsgsitew{
	padding:0;
	width:auto;
}
.com_quix #midblock .inside-container,
.com_sppagebuilder #midblock .inside-container,
.com_blox #midblock .inside-container{
	padding:0;
}
/*!
 * From Thz Animate -http://themezly.com
 * Version - 1.0.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 */

.yjsg-animate,
.yjsg-animate-wait {
    opacity: 0;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	will-change: transform, opacity;
}
/* yjsg-anim-fadeIn */
.yjsg-anim-fadeIn {
    -webkit-animation-name: yjsg-anim-fadeIn;
    animation-name: yjsg-anim-fadeIn;
    opacity: 1;
}
@keyframes yjsg-anim-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* yjsg-anim-slideIn-up */

.yjsg-anim-slideIn-up {
    -webkit-animation-name: yjsg-anim-slideIn-up;
    animation-name: yjsg-anim-slideIn-up;
    opacity: 1;
}
@keyframes yjsg-anim-slideIn-up {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
                transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0px, 0);
                transform: translate3d(0, 0px, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-slideIn-up {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0px, 0);
        opacity: 1;
    }
}
/* yjsg-anim-slideIn-down */

.yjsg-anim-slideIn-down {
    -webkit-animation-name: yjsg-anim-slideIn-down;
    animation-name: yjsg-anim-slideIn-down;
    opacity: 1;
}
@keyframes yjsg-anim-slideIn-down {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
                transform: translate3d(0, -100px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0px, 0);
                transform: translate3d(0, 0px, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-slideIn-down {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0px, 0);
        opacity: 1;
    }
}
/* yjsg-anim-slideIn-left */

.yjsg-anim-slideIn-left {
    -webkit-animation-name: yjsg-anim-slideIn-left;
    animation-name: yjsg-anim-slideIn-left;
    opacity: 1;
}
@keyframes yjsg-anim-slideIn-left {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
                transform: translate3d(100px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0px, 0, 0);
                transform: translate3d(0px, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-slideIn-left {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0px, 0, 0);
        opacity: 1;
    }
}
/* yjsg-anim-slideIn-right */

.yjsg-anim-slideIn-right {
    -webkit-animation-name: yjsg-anim-slideIn-right;
    animation-name: yjsg-anim-slideIn-right;
    opacity: 1;
}
@keyframes yjsg-anim-slideIn-right {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
                transform: translate3d(-100px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0px, 0, 0);
                transform: translate3d(0px, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-slideIn-right {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0px, 0, 0);
        opacity: 1;
    }
}
/* yjsg-anim-zoomIn */

.yjsg-anim-zoomIn {
    -webkit-animation-name: yjsg-anim-zoomIn;
    animation-name: yjsg-anim-zoomIn;
    opacity: 1;
}
@keyframes yjsg-anim-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.4);
                transform: scale(0.4);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-webkit-keyframes yjsg-anim-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.4);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
/* yjsg-anim-zoomIn-right */

.yjsg-anim-zoomIn-right {
    -webkit-animation-name: yjsg-anim-zoomIn-right;
    animation-name: yjsg-anim-zoomIn-right;
    opacity: 1;
}
@keyframes yjsg-anim-zoomIn-right {
    0% {
        -webkit-transform: scale(0.4) translate3d(300px, 0, 0);
                transform: scale(0.4) translate3d(300px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0px, 0, 0);
                transform: scale(1) translate3d(0px, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-zoomIn-right {
    0% {
        -webkit-transform: scale(0.4) translate3d(300px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0px, 0, 0);
        opacity: 1;
    }
}
/* yjsg-anim-zoomIn-left */

.yjsg-anim-zoomIn-left {
    -webkit-animation-name: yjsg-anim-zoomIn-left;
    animation-name: yjsg-anim-zoomIn-left;
    opacity: 1;
}
@keyframes yjsg-anim-zoomIn-left {
    0% {
        -webkit-transform: scale(0.4) translate3d(-300px, 0, 0);
                transform: scale(0.4) translate3d(-300px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0px, 0, 0);
                transform: scale(1) translate3d(0px, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-zoomIn-left {
    0% {
        -webkit-transform: scale(0.4) translate3d(-300px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0px, 0, 0);
        opacity: 1;
    }
}
/* yjsg-anim-zoomIn-down */

.yjsg-anim-zoomIn-down {
    -webkit-animation-name: yjsg-anim-zoomIn-down;
    animation-name: yjsg-anim-zoomIn-down;
    opacity: 1;
}
@keyframes yjsg-anim-zoomIn-down {
    0% {
        -webkit-transform: scale(0.4) translate3d(0, -300px, 0);
                transform: scale(0.4) translate3d(0, -300px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0, 0px, 0);
                transform: scale(1) translate3d(0, 0px, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-zoomIn-down {
    0% {
        -webkit-transform: scale(0.4) translate3d(0, -300px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0, 0px, 0);
        opacity: 1;
    }
}
/* yjsg-anim-zoomIn-up */

.yjsg-anim-zoomIn-up {
    -webkit-animation-name: yjsg-anim-zoomIn-up;
    animation-name: yjsg-anim-zoomIn-up;
    opacity: 1;
}
@keyframes yjsg-anim-zoomIn-up {
    0% {
        -webkit-transform: scale(0.4) translate3d(0, 300px, 0);
                transform: scale(0.4) translate3d(0, 300px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0, 0px, 0);
                transform: scale(1) translate3d(0, 0px, 0);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-zoomIn-up {
    0% {
        -webkit-transform: scale(0.4) translate3d(0, 300px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate3d(0, 0px, 0);
        opacity: 1;
    }
}
/* yjsg-anim-zoomOut */

.yjsg-anim-zoomOut {
    -webkit-animation-name: yjsg-anim-zoomOut;
    animation-name: yjsg-anim-zoomOut;
    opacity: 1;
}
@keyframes yjsg-anim-zoomOut {
    0% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-zoomOut {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
/* yjsg-anim-newspaper */

.yjsg-anim-newspaper {
    -webkit-animation-name: yjsg-anim-newspaper;
    animation-name: yjsg-anim-newspaper;
    opacity: 1;
}
@keyframes yjsg-anim-newspaper {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotate(-180deg);
                transform: scale(0.3) rotate(-180deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(360deg);
                transform: scale(1) rotate(360deg);
    }
}
@-webkit-keyframes yjsg-anim-newspaper {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotate(-180deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(360deg);
    }
}
/* yjsg-anim-flipIn */

.yjsg-anim-flipIn {
    -webkit-animation-name: yjsg-anim-flipIn;
    animation-name: yjsg-anim-flipIn;
    opacity: 1;
}
@keyframes yjsg-anim-flipIn {
    0% {
        -webkit-transform: scaleX(0) rotateX(-360deg) translate3d(0, 0, -100px);
                transform: scaleX(0) rotateX(-360deg) translate3d(0, 0, -100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1) rotateX(0deg) translate3d(0, 0, 0px);
                transform: scaleX(1) rotateX(0deg) translate3d(0, 0, 0px);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-flipIn {
    0% {
        -webkit-transform: scaleX(0) rotateX(-360deg) translate3d(0, 0, -100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1) rotateX(0deg) translate3d(0, 0, 0px);
        opacity: 1;
    }
}
/* yjsg-anim-unfold */

.yjsg-anim-unfold {
    -webkit-animation-name: yjsg-anim-unfold;
    animation-name: yjsg-anim-unfold;
    opacity: 1;
}
@keyframes yjsg-anim-unfold {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
                transform: rotateY(-90deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
    }
}
@-webkit-keyframes yjsg-anim-unfold {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
}
/* yjsg-anim-spiral */

.yjsg-anim-spiral {
    -webkit-animation-name: yjsg-anim-spiral;
    animation-name: yjsg-anim-spiral;
    opacity: 1;
}
@keyframes yjsg-anim-spiral {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-360deg);
                transform: rotateY(-360deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes yjsg-anim-spiral {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-360deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
}

/*KenBurns*/
.yjsg-anim-kenburns-in,
.yjsg-anim-kenburns-out{
    -webkit-animation-timing-function: ease;
	animation-timing-function: ease;
     -webkit-animation-direction: alternate;
	animation-direction: alternate;	   
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


/*KenBurns In*/
.yjsg-anim-kenburns-in{
    -webkit-animation-name:yjsgKenBurnsIn;
    animation-name: yjsgKenBurnsIn;
}

@-webkit-keyframes yjsgKenBurnsIn {
  100% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes yjsgKenBurnsIn {
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

/*KenBurns Out*/
[data-anim-kbe="out"]{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	    transform: scale(1.2);
}
.yjsg-anim-kenburns-out{
    -webkit-animation-name:yjsgKenBurnsOut;
    animation-name: yjsgKenBurnsOut;
}

@-webkit-keyframes yjsgKenBurnsOut {
  100% {
    -webkit-transform: scale(1.0);
  }
}
@keyframes yjsgKenBurnsOut {
  100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}

/*draw SVG container */
.yjsg-anim-draw-svg{
	opacity: 1!important;
}

/*durations */

.yjsg-animate[data-anim-duration="0"] {
    animation-duration: 0s;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
}
.yjsg-animate[data-anim-duration="100"] {
    animation-duration: 0.1s;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
}
.yjsg-animate[data-anim-duration="200"] {
    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
}
.yjsg-animate[data-anim-duration="300"] {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
}
.yjsg-animate[data-anim-duration="400"] {
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
}
.yjsg-animate[data-anim-duration="500"] {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
}
.yjsg-animate[data-anim-duration="600"] {
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
}
.yjsg-animate[data-anim-duration="700"] {
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
}
.yjsg-animate[data-anim-duration="800"] {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
}
.yjsg-animate[data-anim-duration="900"] {
    animation-duration: 0.9s;
    -webkit-animation-duration: 0.9s;
    -moz-animation-duration: 0.9s;
    -o-animation-duration: 0.9s;
}
.yjsg-animate[data-anim-duration="1000"] {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
}
.yjsg-animate[data-anim-duration="1100"] {
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    -o-animation-duration: 1.1s;
}
.yjsg-animate[data-anim-duration="1200"] {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
}
.yjsg-animate[data-anim-duration="1300"] {
    animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
}
.yjsg-animate[data-anim-duration="1400"] {
    animation-duration: 1.4s;
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    -o-animation-duration: 1.4s;
}
.yjsg-animate[data-anim-duration="1500"] {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
}
.yjsg-animate[data-anim-duration="1600"] {
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
}
.yjsg-animate[data-anim-duration="1700"] {
    animation-duration: 1.7s;
    -webkit-animation-duration: 1.7s;
    -moz-animation-duration: 1.7s;
    -o-animation-duration: 1.7s;
}
.yjsg-animate[data-anim-duration="1800"] {
    animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    -o-animation-duration: 1.8s;
}
.yjsg-animate[data-anim-duration="1900"] {
    animation-duration: 1.9s;
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
    -o-animation-duration: 1.9s;
}
.yjsg-animate[data-anim-duration="2000"] {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
}
/* spin */

.yjsg-spin {
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
    display: inline-block;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.yjsg-zoomOut {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -webkit-animation-name: yjsg-zoomOut;
    animation-name: yjsg-zoomOut;
}
@-webkit-keyframes yjsg-zoomOut {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }
}
@keyframes yjsg-zoomOut {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        opacity: 0;
    }
}

/* pulsate */

 @keyframes yjsgPulsate {
	 0% {
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);
	opacity: 0.2;
	}
	 20% {
	opacity: 0.3;
	}
	 40% {
	opacity: 0.4;
	}
	 80% {
	opacity: 1;
	}
	 100% {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
	opacity: 0.0;
	}
}
 @-webkit-keyframes yjsgPulsate {
	 0% {
	-webkit-transform: scale(0.8);
	opacity: 0.2;
	}
	 20% {
	opacity: 0.3;
	}
	 40% {
	opacity: 0.4;
	}
	 80% {
	opacity: 1;
	}
	 100% {
	-webkit-transform: scale(1.1);
	opacity: 0.0;
	}
}

/* radar */
@keyframes yjsgRadar {
	0% {
	-webkit-transform:scale(0.1);
	        transform:scale(0.1);
	opacity:0.0;
	}
	50% {
	opacity:0.8;
	}
	100% {
	-webkit-transform:scale(1);
	        transform:scale(1);
	opacity:0.0;
	}
}
 @-webkit-keyframes yjsgRadar {
	0% {
	-webkit-transform:scale(0.1);
	opacity:0.0;
	}
	50% {
	opacity:0.8;
	}
	100% {
	-webkit-transform:scale(1);
	opacity:0.0;
	}
}

/* sonar */
@keyframes yjsgSonar {
	 0% {
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);
	opacity: 0.2;
	}
	 20% {
	opacity: 0.3;
	}
	 40% {
	opacity: 0.4;
	}
	 100% {
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
	opacity: 0.0;
	}
}
 @-webkit-keyframes yjsgSonar {
	 0% {
	-webkit-transform: scale(0.8);
	opacity: 0.2;
	}
	 20% {
	opacity: 0.3;
	}
	 40% {
	opacity: 0.4;
	}
	 100% {
	-webkit-transform: scale(1.5);
	opacity: 0.0;
	}
}

/* Outs */
.yjsg-anim-outs {
	 opacity: 1;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	will-change: transform, opacity;
}
/*OutFadeOut*/
.yjsg-OutFadeOut{
	-webkit-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
	opacity:0;
}

/*OutZoomRollOut*/
.yjsg-OutZoomRollOut{
	 -webkit-transform: scale(0.5) rotate(-45deg) translate3d(0,-30%, 0);
	         transform: scale(0.5) rotate(-45deg) translate3d(0,-30%, 0);
	 -webkit-transition:-webkit-transform 0.7s ease;
	 transition:-webkit-transform 0.7s ease;
	 -o-transition:transform 0.7s ease;
	 transition:transform 0.7s ease;
	 transition:transform 0.7s ease, -webkit-transform 0.7s ease;
}

body.scrollingup .yjsg-OutZoomRollOut{
	 -webkit-transform: scale(0.5) rotate(-45deg) translate3d(0,30%, 0);
	         transform: scale(0.5) rotate(-45deg) translate3d(0,30%, 0);
	 -webkit-transition:-webkit-transform 0.7s ease;
	 transition:-webkit-transform 0.7s ease;
	 -o-transition:transform 0.7s ease;
	 transition:transform 0.7s ease;
	 transition:transform 0.7s ease, -webkit-transform 0.7s ease;
}
/*OutZoomFadeScaleOut*/
.yjsg-OutZoomFadeScaleOut{
	 -webkit-transform: translate3d(0, 30%, 0) scale(0.5);
	         transform: translate3d(0, 30%, 0) scale(0.5);
	 -webkit-transition:opacity 0.7s ease, -webkit-transform 0.7s ease;
	 transition:opacity 0.7s ease, -webkit-transform 0.7s ease;
	 -o-transition:opacity 0.7s ease, transform 0.7s ease;
	 transition:opacity 0.7s ease, transform 0.7s ease;
	 transition:opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	 opacity: 0;
}

/*OutChaseOut*/
.yjsg-OutChaseOut{
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
	-webkit-transition:opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition:opacity 0.7s ease, -webkit-transform 0.7s ease;
	-o-transition:opacity 0.7s ease, transform 0.7s ease;
	transition:opacity 0.7s ease, transform 0.7s ease;
	transition:opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	opacity: 0;
}
body.scrollingup .yjsg-OutChaseOut{
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
	-webkit-transition:opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition:opacity 0.7s ease, -webkit-transform 0.7s ease;
	-o-transition:opacity 0.7s ease, transform 0.7s ease;
	transition:opacity 0.7s ease, transform 0.7s ease;
	transition:opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	opacity: 0;	
}

/*OutScalePauseOut*/
.yjsg-OutScalePauseOut{
	 -webkit-transform:scale(0.6);
	     -ms-transform:scale(0.6);
	         transform:scale(0.6);
	 -webkit-transition:-webkit-transform 0.8s ease;
	 transition:-webkit-transform 0.8s ease;
	 -o-transition:transform 0.8s ease;
	 transition:transform 0.8s ease;
	 transition:transform 0.8s ease, -webkit-transform 0.8s ease;
}

/*OutParallaxOut*/
.yjsg-OutParallaxOut{
	opacity: 1;
	-webkit-animation-delay: 0.1s;
	        animation-delay: 0.1s;
}
body.scrollingdown .yjsg-OutParallaxOut{
    -webkit-animation-name: yjsg-OutParallaxUp;
    animation-name: yjsg-OutParallaxUp;
}

@-webkit-keyframes yjsg-OutParallaxUp {
    0% {
         -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
    75% {
        -webkit-transform:scale(1) translate3d(0, 50%, 0);
    }
    100% {
        -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
}

@keyframes yjsg-OutParallaxUp {
    0% {
         -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
    75% {
        -webkit-transform:scale(1) translate3d(0, 50%, 0);
    }
    100% {
        -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
}

body.scrollingup .yjsg-OutParallaxOut{
    -webkit-animation-name: yjsg-OutParallaxDown;
    animation-name: yjsg-OutParallaxDown;
}

@-webkit-keyframes yjsg-OutParallaxDown {
    0% {
         -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
    75% {
        -webkit-transform:scale(1) translate3d(0, -50%, 0);
    }
    100% {
        -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
}

@keyframes yjsg-OutParallaxDown {
    0% {
         -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
    75% {
        -webkit-transform:scale(1) translate3d(0, -50%, 0);
    }
    100% {
        -webkit-transform:scale(1) translate3d(0, 0%, 0);
    }
}


/* Rotate text */
.yjsg-rotate-text{
	display: inline-block;
	position: relative;
}
.yjsg-rotate-text .text-string {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.yjsg-rotate-text .text-active {
	position: relative;
	display: inline-block;
	opacity: 1;
}
.yjsg-rotate-text.isactive{
	-webkit-transition: width 0.6s cubic-bezier(0.93, 0.01, 0.26, 0.58);
	-o-transition: width 0.6s cubic-bezier(0.93, 0.01, 0.26, 0.58);
	transition: width 0.6s cubic-bezier(0.93, 0.01, 0.26, 0.58);
	-webkit-transform-style: flat;
	        transform-style: flat;
	-webkit-perspective: 600px;
	        perspective: 600px;	
}
.yjsg-rotate-text.isactive .text-active:not(.first){
	-webkit-animation: yjsgTextRotateActive 0.6s 0.3s cubic-bezier(0.21, 0.82, 0.36, 1) both alternate;
	        animation: yjsgTextRotateActive 0.6s 0.3s cubic-bezier(0.21, 0.82, 0.36, 1) both alternate;
}
.yjsg-rotate-text.isactive .text-inactive {
   -webkit-animation: yjsgTextRotateInactive 0.6s cubic-bezier(0.69, 0.01, 0.35, 0.96) both alternate;
           animation: yjsgTextRotateInactive 0.6s cubic-bezier(0.69, 0.01, 0.35, 0.96) both alternate;
}

@-webkit-keyframes yjsgTextRotateInactive {
	0% {
		-webkit-transform: translate(0, 0) rotateX(0);
		        transform: translate(0, 0) rotateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, -85%) rotateX(35deg);
		        transform: translate(0, -85%) rotateX(35deg);
		opacity: 0;
	}
}

@keyframes yjsgTextRotateInactive {
	0% {
		-webkit-transform: translate(0, 0) rotateX(0);
		        transform: translate(0, 0) rotateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, -85%) rotateX(35deg);
		        transform: translate(0, -85%) rotateX(35deg);
		opacity: 0;
	}
}

@-webkit-keyframes yjsgTextRotateActive {
	0% {
		-webkit-transform: translate(0, 85%) rotateX(-35deg);
		        transform: translate(0, 85%) rotateX(-35deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0) rotateX(0);
		        transform: translate(0, 0) rotateX(0);
		opacity: 1;
	}
}

@keyframes yjsgTextRotateActive {
	0% {
		-webkit-transform: translate(0, 85%) rotateX(-35deg);
		        transform: translate(0, 85%) rotateX(-35deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0) rotateX(0);
		        transform: translate(0, 0) rotateX(0);
		opacity: 1;
	}
}
/* ============================================ 
	# Preloaders
 ============================================ */
.yjsg-preloader-active{
	overflow-y: scroll;
}
.yjsg-preloader{
	display: block;
	visibility: visible;
	position: fixed;
	opacity:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333333;
	z-index:1000000000;
	-webkit-transiton: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;	
}
.yjsg-preloader-click .yjsg-preloader{
	-webkit-transiton: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;		
	
}
.yjsg-preloader-in {
	position: absolute;
	left: 50%;
	top: 50%;
	height:200px;
	width:300px;
	margin-top: -100px;
	margin-left: -150px;
	
}
.yjsg-preloader-text{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	font-size:18px;
}
html:not(.yjsg-preloader-active) .yjsg-preloader.leave-left{
	left:-2800px;
	visibility:hidden;
}
html:not(.yjsg-preloader-active) .yjsg-preloader.leave-right{
	left:2800px;
	visibility:hidden;
}
html:not(.yjsg-preloader-active) .yjsg-preloader.leave-down{
	top:2000px;
	visibility:hidden;
}
html:not(.yjsg-preloader-active) .yjsg-preloader.leave-up{
	top:-2000px;
	visibility:hidden;
}

html:not(.yjsg-preloader-active) .yjsg-preloader.leave-fade{
	opacity:0;
	visibility:hidden;
}
html .yjsg-preloader.leave-curtain{
	background:none;
}

.yjsg-preloader.leave-curtain .yjsg-preloader-in{
	opacity:1;
	-webkit-transiton: all 5s;
	-moz-transition: all 5s;
	-ms-transition: all 5s;
	-o-transition: all 5s;
	transition: all 0.5s;
}
.yjsg-preloader.leave-curtain:before,
.yjsg-preloader.leave-curtain:after{
	content:'';
	background:#333333;
	height:inherit;
	width:50%;
	position:absolute;
	-webkit-transiton: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;	
	z-index:-1;
}
.yjsg-preloader.finished.leave-curtain{
	z-index:-1;
}
.yjsg-preloader.leave-curtain:before{
	left:0%;
}
.yjsg-preloader.leave-curtain:after{
	right:0%;
}
html:not(.yjsg-preloader-active) .yjsg-preloader.leave-curtain:before{
	left:-50%;
}

html:not(.yjsg-preloader-active) .yjsg-preloader.leave-curtain:after{
	right:-50%;
}
html:not(.yjsg-preloader-active) .yjsg-preloader.leave-curtain .yjsg-preloader-in{
	opacity:0;
}

.yjsg-preloader-click .yjsg-preloader-in,
.yjsg-preloader-click .yjsg-preloader.leave-curtain .yjsg-preloader-in{
	opacity:0;
}

.yjsg-loader-1,.yjsg-loader-2{margin:-28px auto 0;animation:yjsg-loader-rotate 1s linear infinite}.yjsg-loader-1,.yjsg-loader-2,.yjsg-loader-3{animation:yjsg-loader-rotate 1s linear infinite}.yjsg-loader-1{width:56px;height:56px;border-width:5px;border-style:solid;border-right-color:transparent;border-radius:50%;position:relative;top:50%}.yjsg-loader-1::after{content:'';width:5px;height:5px;border-radius:50%;position:absolute;top:-1px;left:33px}.yjsg-loader-2{width:56px;height:56px;border:5px solid transparent;border-radius:50%;position:relative;top:50%}.yjsg-loader-2:before{content:'';width:56px;height:56px;position:absolute;top:-5px;left:-5px;opacity:.25;margin:0;border-radius:50%;border-width:5px;border-style:solid}.yjsg-loader-3,.yjsg-loader-4{position:relative;top:50%;margin:-28px auto 0;width:56px;height:56px}.yjsg-loader-3{border:5px solid transparent;border-radius:50%}.yjsg-loader-4{animation:yjsg-loader-rotate 1s ease-in-out infinite}.yjsg-loader-4::after,.yjsg-loader-4::before{content:'';position:absolute;border-radius:50%}.yjsg-loader-5,.yjsg-loader-6::before{animation:yjsg-loader-scale 1s ease-out infinite}.yjsg-loader-4::before{width:56px;height:56px;border-style:solid;border-width:2px;opacity:.5}.yjsg-loader-4::after{width:10px;height:10px;background:#0074AE;top:-4px;left:50%;margin-left:-5px}.yjsg-loader-5,.yjsg-loader-6{width:56px;height:56px;position:relative;top:50%}@keyframes yjsg-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.yjsg-loader-5{border-style:solid;border-width:4px;border-radius:50%;margin:-28px auto 0}.yjsg-loader-6{border:4px solid transparent;border-radius:50%;margin:-28px auto 0}.yjsg-loader-6::after,.yjsg-loader-6::before{border-style:solid;border-width:4px;position:absolute;opacity:0;border-radius:50%;content:''}.yjsg-loader-6::before{width:67.2px;height:67.2px;top:-9.6px;left:-9.6px;animation-delay:1s}.yjsg-loader-6::after{width:56px;height:56px;top:-4px;left:-4px;animation:yjsg-loader-scale 1s ease-out infinite;animation-delay:.5s}@keyframes yjsg-loader-scale{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}.yjsg-loader-7{width:10px;height:30px;position:relative;animation:yjsg-loader7 1s ease-in-out infinite;animation-delay:.4s;top:50%;margin:-28px auto 0}.yjsg-loader-7::after,.yjsg-loader-7::before{content:'';position:absolute;width:10px;height:30px;animation:yjsg-loader7 1s ease-in-out infinite}.yjsg-loader-7::before{right:18px;animation-delay:.2s}.yjsg-loader-7::after{left:18px;animation-delay:.6s}@keyframes yjsg-loader7{0%,100%{box-shadow:0 0 0,0 0 0}50%{box-shadow:0 -15px 0,0 15px 0}}.yjsg-loader-8{width:10px;height:10px;border-radius:50%;position:relative;animation:yjsg-loader8 .9s ease alternate infinite;animation-delay:.36s;top:50%;margin:-42px auto 0}.yjsg-loader-8::after,.yjsg-loader-8::before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;animation:yjsg-loader8 .9s ease alternate infinite}.yjsg-loader-8::before{left:-20px;animation-delay:.18s}.yjsg-loader-8::after{right:-20px;animation-delay:.54s}@keyframes yjsg-loader8{0%{box-shadow:0 28px 0 -28px}100%{box-shadow:0 28px 0}}.yjsg-loader-9,.yjsg-loader-9::after,.yjsg-loader-9::before{width:10px;height:10px;border-radius:50%;box-shadow:0 60px 0}.yjsg-loader-9{position:relative;animation:yjsg-loader9 .8s ease-in-out alternate infinite;animation-delay:.32s;top:50%;margin:-50px auto 0}.yjsg-loader-9::after,.yjsg-loader-9::before{content:'';position:absolute;animation:yjsg-loader9 .8s ease-in-out alternate infinite}.yjsg-loader-9::before{left:-20px;animation-delay:.48s}.yjsg-loader-9::after{right:-20px;animation-delay:.16s}@keyframes yjsg-loader9{0%{box-shadow:0 60px 0}100%{box-shadow:0 20px 0}}