/*======================================================================*\
|| #################################################################### ||
|| # 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;
}
/* titles */
h1, h2, h3, h4, h5, h6, .article_title, .module_title, .pagetitle {
	font-size: 150%;
	font-family: "Montserrat";
	font-weight: 700;
}
/* Top menu*/
#topmenu_holder {
	margin: 0 auto;
}
.horiznav a {
	font-size: 90%;
	font-family: 'Montserrat';
	text-transform: uppercase;
}
ul.yjsgmenu ul.subul_main li a {
	font-size: 80%;
}
ul.yjsgmenu li a span.yjm_desc {
	text-transform: capitalize;
	font-size: 100%;
}
/*menu center*/
.horiznav ul.yjsgmenu {
	text-align: center;
}
.horiznav ul.yjsgmenu li.level0 {
	float: none;
	display: inline-block;
	text-align: left;
}
ul.yjsgmenu > li.level0 {
	margin: 0 5px;
}
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul li a, .horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul li a:hover {
	margin: 5px 0;
}
/*desc*/
ul.yjsgmenu > li.level0 > span > a span.yjm_desc {
	font-size: 90%;
}
/*circle*/
ul.yjsgmenu span.child a:after {
	font-size: 6px;
	right: 8px;
}
ul.defaultmenu li a:before, ul.defaultmenu li a:after {
	font-size: 7px;
	margin-right: 10px;
}
/* top level menu items */
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
}
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: 3px 0;
}
/* sub levels menu items */
ul.yjsgmenu ul li a {
	line-height: 35px;
}
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 .yjsg_grid, #layout_type.yjsgsitew .holders {
	padding: 60px 20px;
        
}
#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 #pathway{
	padding:0 35px;
}
#layout_type.yjsgsitew  #footer{
	padding: 60px 35px;
}
/* Transitions */
.slidersfx-yjsgsfx-oslides ul.yjsgsliderPagination li a, .owhoami .yjsg-col-1-3 h4, .owhoami .yjsg-col-1-3 span, .button_white, .olatestblog .yjme_item a.item_readmore, .opartners .partner, .button_color, .orecent .introTitle a, .orecent div.yjNewsPopContainer a.getmore, .yjk2_tags a, div.itemCommentsForm form #submitCommentButton, .ogallery .yjt_imgs, div.k2TagCloudBlock a, .optimogallery .yjt_imgs, .button, a.readon, ul.yjsg-pagination-links > li > a, ul.yjsg-pagination-links > li > span, .yj_hover_more, #k2accordions .yjsgaccTrigger a, .olatestblog .yjme_item a.item_image img {
	-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;
}
/* Paddings, Margins */
.yjsg_grid, .holders {
	padding: 60px 0;
background: #E0FFFF;
}
#yjsgbodytop.yjsg_grid {
	padding-bottom: 15px;
}
#yjsgbodybottom.yjsg_grid {
	padding-top: 15px;
}
#footer {
	padding: 40px 15px;
}
#logoholder + #yjsgheadergrid {
	margin: 0 -15px;
}
#cp {
	margin: 15px auto 0 auto;
}
.yjsglogo {
	position: relative;
	margin: 15px auto 0 auto;
	right: 0;
}
/* Defaults */
.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 {
	padding: 10px 12px;
	height: auto;
}
.yjsg-form .yjsg-form-prepend, .yjsg-form .yjsg-form-append {
	border-left: none;
	border-top: none;
	border-bottom: none;
}
.yjsg-module-positions.smaller.modpos-footer {
	max-width: 100%;
}
.typobg {
	display: table;
	overflow: hidden;
	padding: 40px;
}
.button, a.readon {
	display: table;
	text-transform: uppercase;
	font-family: 'Montserrat';
	border-radius: 0;
	padding: 10px 20px;
	height: auto;
	line-height: normal;
}
a.readon span {
	height: auto;
	line-height: normal;
	padding: 0;
}
/*user profile*/
.yjsg-userpages.user dt {
	border: none;
}
/*logout*/
.yjsg-userpages.logout button {
	margin: 0 auto;
}
.yjsg-userpages.logout .logout-description {
	text-align: center;
}
/*path*/
#pathway {
	margin: 0 0 60px 0;
}
#pathway ul.breadcrumb {
	border-radius: 0;
}
#pathway .breadcrumb li {
	text-shadow: none;
}
/*pagination*/
ul.yjsg-pagination-links > li > a, ul.yjsg-pagination-links > li > span {
	border: none;
	border-radius: 0!important;
	padding: 8px 15px;
	margin: 0 1px;
}
/*next, prev*/
.yjsg-pager-links .pager li > a, .yjsg-pager-links .pager li > span {
	border: none;
	border-radius: 0;
}
/* Module Styles */ 
.yjsg2 .module_title {
	text-transform: uppercase;
}
.yjsg3 .module_title {
	text-transform: uppercase;
}
.yjsg4 .module_title, .yjsg6 .module_title, .yjsg8 .module_title {
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto 40px auto;
}
.yjsg5 .module_title, .yjsg7 .module_title, .yjsg9 .module_title {
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto 40px auto;
}
.yjsg8 {
	padding: 20px;
}
.yjsg9 {
	padding: 20px;
}
/*subtitles*/
.yjsg4 .module_subtitle, .yjsg5 .module_subtitle, .yjsg6 .module_subtitle, .yjsg7 .module_subtitle, .yjsg8 .module_subtitle, .yjsg9 .module_subtitle {
	font-weight: normal;
	font-size: 70%;
}
.yjsg6 .module_subtitle, .yjsg7 .module_subtitle, .yjsg8 .module_subtitle, .yjsg9 .module_subtitle {
	font-style: italic;
	text-transform: none;
}
/* Backgrounds */ 
.centertop_out, .extrapos1_out, .yjsg4_out {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.centertop_out:before, .extrapos1_out:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.5;
}
.yjsg2_out {
	display: block;
	overflow: hidden;
}
.extrapos1 {
	display: block;
	overflow: hidden;
	padding: 60px 15px;
	position: relative;
}
.yjsg6_out {
	display: block;
	overflow: hidden;
}
/* Buttons */
.button_color, .button_white {
	display: table;
	overflow: hidden;
	margin: 0;
	padding: 12px 20px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat';
	position: relative;
}
.button_dark {
	display: table;
	overflow: hidden;
	margin: 0;
	padding: 12px 20px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat';
	position: relative;
}
/*span*/
.button_white span, .button_color span, .button_dark span {
	position: relative;
	display: table;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.button_white span::before, .button_color span::before, .button_dark span::before {
	position: absolute;
	top: 200%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*hover*/
.button_white:hover span, .button_white:focus span, .button_color:hover span, .button_color:focus span, .button_dark:hover span, .button_dark:focus span {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	transform: translateY(-200%);
}
/* Logo centered */
#logoholder {
	display: block;
	margin: 40px auto;
}
/* Main slider */
.slidersfx-yjsgsfx-oslides {
	padding: 300px 0;
}
.oslides h4 {
	display: table;
	margin: 0 auto;
	font-size: 170%;
	font-weight: 700;
	text-align: center;
	padding: 40px 60px;
	line-height: 26px;
	text-transform: uppercase;
}
.oslides h4 span {
	font-size: 60%;
	display: block;
	font-weight: normal;
}
/*navigation*/
.slidersfx-yjsgsfx-oslides a.yjsgsliderNav {
	font-size: 150%;
	height: 35px;
	width: 35px;
	line-height: 35px;
	opacity: 1!important;
	margin: -20px 0 0 0;
}
/*paginition*/
.slidersfx-yjsgsfx-oslides ul.yjsgsliderPagination {
	display: table;
	margin: 10px auto;
}
.slidersfx-yjsgsfx-oslides ul.yjsgsliderPagination li a {
	border: none;
	border-radius: 0;
	width: 10px;
	height: 10px;
	line-height: 10px;
	padding: 10px;
}
/* Who am I */
.owhoami .yjsg-col-1-3 {
	padding: 0 30px;
}
.owhoami .yjsg-col-1-3 span {
	display: block;
	overflow: hidden;
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 0 40px 0 auto;
}
.owhoami .yjsg-col-1-3 h4 {
	font-size: 100%;
	text-transform: uppercase;
	margin: 0 auto 10px auto;
}
.owhoami .yjsg-col-1-3 p {
	display: table;
}
/* Recent Project */
/*tabs*/
.orecent ul.yjnewspopFilter {
	display: none;
	border: none;
	padding: 0;
	margin: 0 auto 40px auto;
}
.orecent ul.yjnewspopFilter li a {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 90%;
}
.orecent ul.yjnewspopFilter li a.selected {
	border-radius: 0;
}
.orecent ul.yjnewspopFilter li a:hover {
	border-radius: 0;
}
/*desc*/
.orecent .yjnewspopIntroBlock {
	padding: 30px;
}
.orecent .introTitle {
	text-transform: uppercase;
	font-family: 'Montserrat';
	margin: 0 auto 10px auto;
}
.orecent .introAuthor {
	margin: 0 auto 10px auto;
}
.orecent .introAuthor a {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: normal;
}
/*button*/
.orecent div.yjNewsPopContainer .load_more {
	height: auto;
	display: none;
}
.orecent div.yjNewsPopContainer a.getmore {
	width: auto;
	height: auto;
	border: none;
	display: table;
	text-transform: uppercase;
	font-family: 'Montserrat';
	text-shadow: none;
	padding: 12px 20px;
	margin: 55px auto 0 auto;
	line-height: normal;
	font-size: 100%;
}
.orecent .yjnewspopC div.yjnewspopIntro {
	display: none!important;
}
/* Video */
.ovideo {
	padding: 60px 0;
}
.ovideo .button_white {
	margin: 0 auto;
}
/* Gallery Box */
.ogallery .gallery_box_holder {
	display: table;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width:100%;
}
.ogallery .yjt_imgs {
	width:20%;
	max-width: 20%;
	display: table;
	float: left;
	margin: 0 auto;
	opacity: 0.5;
}
.ogallery .yjt_imgs img{
	width:100%;
}
.ogallery .yjt_imgs:hover {
	opacity: 1;
}
.ogallery .button_color {
	margin: 0 auto 200px auto;
}
/* Extended optimo gallery */
.optimogallery .yjt_imgs {
	margin: 0 auto;
	width: 33%;
	padding: 5px;
	opacity: 0.5;
}
.optimogallery .yjt_imgs:hover {
	opacity: 1;
}
/* Latest blog news  */
.olatestblog .yjme_holder {
	display: block;
	overflow: hidden;
	margin: 0 -15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.olatestblog .yjme_item {
	clear: none;
	float: left;
	width: 50%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.olatestblog .yjme_item_in {
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
}
/*image*/
.olatestblog .yjme_item div.imageholder {
	border: none;
	background: none;
	padding: 0;
	margin: 0 auto;
}
.olatestblog .yjme_item a.item_image {
	position: relative;
}
.olatestblog .yjme_item a.item_image img {
	max-width: none;
	position: absolute;
}
/*extra holder*/
.yj_extraholder {
	padding: 30px;
	display: block;
	overflow: hidden;
}
/*title*/
.olatestblog .yjme_item a.item_title {
	font-family: 'Montserrat';
	text-transform: uppercase;
	margin: 0 auto 10px auto;
}
/*details*/
.olatestblog .yjme_item div.item_details {
	height: auto;
	float: none;
	padding: 0;
	margin: 0 auto;
	line-height: normal;
}
.olatestblog .item_author, .olatestblog .item_cdate, .olatestblog .item_category {
	margin: 0 10px 10px 0;
	font-size: 80%;
	font-weight: normal;
	text-transform: uppercase;
}
/*icon*/
.olatestblog .item_details span {
	margin: 0 5px 0 auto;
}
/*intro*/
.olatestblog .yjme_item p.item_intro {
	margin: 0 auto;
	overflow: hidden;
}
/*button*/
.olatestblog .yjme_item a.item_readmore {
	float: none;
	margin: 20px 0 0 0;
	padding: 10px 18px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 80%;
	border: none;
	width: auto;
	height: auto;
	line-height: normal;
	display: table;
}
.olatestblog .yjme_item a.item_readmore span {
	padding: 0;
	height: auto;
	line-height: normal;
}
/*hover*/
.olatestblog .yjme_item:hover a.item_image img {
	opacity: 0.4;
}
/*right items*/
.olatestblog .yjme_item:nth-child(2n) .imageholder {
	float: right!important;
}
.olatestblog .yjme_item:nth-child(2n) .item_title, .olatestblog .yjme_item:nth-child(2n) p.item_intro {
	text-align: right;
}
.olatestblog .yjme_item:nth-child(2n) .item_category, .olatestblog .yjme_item:nth-child(2n) .item_author, .olatestblog .yjme_item:nth-child(2n) .item_cdate {
	float: right;
	margin: 0 auto 10px 10px;
}
.olatestblog .yjme_item:nth-child(2n) a.item_readmore {
	float: right;
	margin: 20px 0 0 0;
}
/* Optimo Partners */ 
.opartners .yjsg-row {
	padding: 40px 0;
}
.opartners .yjsg-col-1-6 {
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.opartners .yjsg-col-1-6:last-child {
	border-right: 1px solid;
}
.opartners .partner {
	display: block;
	overflow: hidden;
	height: 150px;
}
/* Stay Informed */
.oinformed form {
	display: table;
	margin: 0 auto;
	width: 45%;
}
.oinformed .inputbox_email {
	border: none;
	border-radius: 0;
	margin: 0 15px 0 auto;
	padding: 13px 10px 12px 10px;
	width: 70%;
	float: left;
	font-style: italic;
}
.oinformed .button_color {
	border: none;
	box-shadow: none;
	border-radius: 0;
	height: auto;
}
.oinformed .optimosocials {
	display: table;
	margin: auto;
	font-size: 150%;
}
.oinformed .optimosocials li {
	float: left;
	list-style: none;
	margin: 0 15px;
}
/* RTL */
.yjsgrtl ul.yjsgmenu {
	float: none;
}
.yjsgrtl .horiznav ul.yjsgmenu li.level0, .yjsgrtl div.k2CategoriesListBlock ul li a {
	text-align: right;
}
.yjsgrtl .owhoami .yjsg-col-1-3 span {
	float: right;
	margin: 0 auto 0 40px;
}
.yjsgrtl a.item_title, .yjsgrtl .yjme_item p.item_intro {
	text-align: left;
}
.yjsgrtl div.k2TagCloudBlock a, .yjsgrtl .yjk2_author, .yjsgrtl .yjk2_date, .yjsgrtl .yjk2_cat, .yjsgrtl .yjk2_comments, .yjsgrtl .yjk2_hits, .yjsgrtl .yjk2_tags li a {
	margin: 0 auto 10px 10px!important;
	float: right;
}
.yjsgrtl .yjk2_author span, .yjsgrtl .yjk2_date span, .yjsgrtl .yjk2_cat span, .yjsgrtl .yjk2_comments span, .yjsgrtl .yjk2_hits span {
	margin: 0 auto 0 5px!important;
}
.yjsgrtl div.itemAuthorBlock img.itemAuthorAvatar, .yjsgrtl div.itemComments ul.itemCommentsList li img, .yjsgrtl div.k2LatestCommentsBlock ul li a.lcAvatar img, .yjsgrtl div.userBlock img {
	margin: 0 auto 0 20px;
	float: right;
}
.yjsgrtl div.catItemImageBlock, .yjsgrtl div.tagItemImageBlock, .yjsgrtl div.userItemImageBlock, .yjsgrtl div.latestItemsCategoryImage, .yjsgrtl div.latestItemImageBlock, .yjsgrtl div.genericItemImageBlock, .yjsgrtl .itemRatingForm, .yjsgrtl div.itemRatingBlock span {
	float: right;
}
.yjsgrtl div.itemComments ul.itemCommentsList li span.commentLink {
	float: left;
}
/* Hover effect */
.yj_hover {
	display: block;
	overflow: hidden;
	position: relative;
}
.yj_hover_in {
	display: table;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	z-index: 1;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.yj_hover_title {
	display: table;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	line-height: 24px;
	font-size: 16px;
	font-family: "Montserrat";
	margin: 0 auto;
	text-align: center;
}
.yj_hover_category {
	display: block;
	overflow: hidden;
	font-size: 80%;
}
/*more*/
.yj_hover_more {
	display: table;
	overflow: hidden;
	margin: 20px auto 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: normal;
	padding: 12px 20px;
	text-transform: uppercase;
	font-family: "Montserrat";
}
