/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
.yjsgsitew {
	margin: 0 auto;
}
.fullwidth {
	display: block;
	overflow: hidden;
}
#layout_type {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0px 18px 0 rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0 0px 18px 0 rgba(0, 0, 0, 0.50);
	box-shadow: 0 0px 18px 0 rgba(0, 0, 0, 0.50);
}
#header_top {
	display: block;
	clear: both;
}
.shinebg {
	display: block;
	clear: both;
}
.yjsg2_out {
	display: block;
	clear: both;
}
#yjsg2 {
	padding-top: 50px;
	padding-bottom: 75px;
}
#yjsg3 {
	padding-top: 70px;
	padding-bottom: 70px;
}
#yjsg4 {
	padding-top: 50px;
	padding-bottom: 50px;
}
/*mid grid*/
div#centerbottom .center_out {
	padding: 0 10px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#topmenu_holder {
	margin-bottom: 30px;
	margin-top: 30px;
}
#yjsgheadergrid #topmenu_holder {
	float: right;
}
/* grids padding */
.yjsg_grid {
	padding: 10px 20px;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#yjsgbodytop {
	padding: 0;
}
#yjsgbodybottom {
	padding: 5px 0;
}
/* article and module titles font size*/
.article_title, .module_title {
	font-size: 170%;
}
.module_title {
	text-transform: capitalize;
}
/* pathway */
#pathway {
	padding-bottom: 20px;
}
/*TOP MENU RESET */
/* flyouts */
div.top_menu ul.subul_main, div.top_menu ul.subul_main.dropline, div.top_menu ul.subul_main {
	margin-top: 5px;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
/* mega holder */
div.YJSG-inner.horiznav {
	padding-top: 7px!important;
	padding-bottom: 7px!important;
}
/* mega haschild flyouts */
.top_menu ul.subul_main.level2, .top_menu ul.subul_main.level3, .top_menu ul.subul_main.level4 {
	margin-top: 20px;
}
/*HostStacker Slider*/
#Youdeveloperslider .elements .slide .intro, #Youdeveloperslider .elements .slide .introimage {
	padding-top: 40px;
}
#Youdeveloperslider .elements .slide .intro .title {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0;
}
#Youdeveloperslider .elements .slide .intro .title a {
	color: #fff;
	font-size: 100%;
}
#Youdeveloperslider .elements .slide .intro .title a:hover {
	color: #1b1b1c;
}
#Youdeveloperslider .elements .slide .intro .intro_text h1 {
	color: #fff;
	font-size: 350%;
}
#Youdeveloperslider .elements .slide .intro .intro_text {
	display: block;
	float: left;
}
#Youdeveloperslider .elements .slide .intro .intro_text span.sliderblock {
	display: inline-block;
	padding: 5px 25px 5px 10px;
	margin-bottom: 15px;
	font-size: 150%;
}
/*  Slider page*/
.SliderPage {
	margin: 30px 0!important;
}
.SliderPage h2.article_title {
	text-align: center;
	font-size: 250%;
}
.SliderPage .newsitem_text span.sliderblock {
	display: inline-block;
	padding: 10px 25px 10px 10px;
	margin-bottom: 15px;
	font-size: 150%;
	text-align: center;
}
.SliderPage .newsitem_text img {
	clear: both;
	float: right;
	margin-top: -78px;
}
/*Intro Text*/
.intro-text h1 {
	color: #fff;
	text-align: center;
	font-size: 300%;
	font-weight: 700;
}
.intro-text .yjsquare_in p {
	text-align: center;
	font-size: 150%;
	line-height: 28px;
}
/*yjme offer*/
.offer .yjme_holder .yjme_item {
	float: left;
	display: block;
	width: 25%;
	clear: none;
	padding-top: 35px;
	overflow: hidden;
}
.offer .yjme_item_in {
	border-bottom: none;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}
.offer .item_intro span {
	display: block;
	text-align: center;
}
.circleIcons {
	height: 125px;
	line-height: 125px;
	width: 125px;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 60px!important;
	vertical-align: middle;
	display: block;
	margin: 0 auto;
	clear: both;
}
/* h2 title  */
.offer .yjme_item_in h2 {
	padding-top: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 140%;
}
/* hover effect */
.offer .yjme_item:hover .circleIcons {
	text-shadow: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.offer .yjme_item:hover {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/* YJ Plans Extended */

.plansPreText {
	text-align: center;
	padding-bottom: 70px;
}
.plansPreText h2 {
	font-size: 300%;
	font-weight: 700;
	text-align: center;
}
.plansPreText p {
	font-size: 170%;
	text-align: center;
}
.yjplanxtdended ul li {
	font-size: 100%;
	height: 55px;
	padding-top: 15px;
	color: #555;
}
.yjplanxtdended ul li.yjplanstitle {
	font-size: 170%;
}
.yjplanextd li.row1 {
	height: 90px;
}
.yjplanextd li.row1 span {
	clear: both;
	text-align: center;
}
.yjplanextd li.row1 span.price {
	font-size: 270%;
}
.yjplanextd li.row1 span.priceText {
	font-size: 120%;
}
.usd_circle {
	display: block;
	height: 55px;
	line-height: 55px;
	width: 55px;
	margin: 0 auto;
}
.planicons {
	font-size: 25px!important;
	margin-top: -3px;
}
/* active plan */
.yjplanxtdended ul.isactive li.lastrow, .yjplanxtdended.separated li.lastrow {
	height: 70px;
}
.yjplanxtdended ul.isactive li {
	color: #fff;
}
a.planOrder {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 auto;
	padding: 5px 20px;
}
.smallCircle {
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	margin-left: 15px;
	line-height: 19px;
	height: auto;
	width: 22px!important;
}
/*Twitter Twiter Comment */
.yj_twitter_cont {
	font-size: 150%;
}
.yj_twitter_title {
	text-align: center;
	line-height: 200%;
	border: none;
}
div.yj_twitter_cont {
	border: none;
}
.yj_twitter_follow_hoststacker {
	text-align: center;
	display: block;
	overflow: hidden;
	clear: both;
}
.TwittIcons {
	height: 125px;
	line-height: 130px;
	width: 125px;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 60px!important;
	vertical-align: middle;
	display: block;
	margin: 0 auto;
	clear: both;
}
/*Satisfied clients*/
.yjsgsfx-yjme.HsClients {
	padding: 0!important;
}
.HsClients {
	padding: 0px 0 20px !important;
}
.OurGoal {
	padding: 40px 0 0 80px;
}
/* title */
.HsClients h2.module_title {
	font-size: 200%;
	padding-left: 5px;
}
.HsClients .yjsquare_in {
	padding-top: 40px;
}
.HsClients .yjme_holder .yjme_item .yjme_item_in {
	padding-bottom: 10px;
	padding-left: 0;
}
.HsClients .yjme_item div.imageholder {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-right: 25px;
	padding: 0;
}
.HsClients .yjme_item p.item_intro {
	color: #777777;
}
.HsClients .yjme_item a.item_title {
	padding-top: 15px;
	font-size: 150%;
	clear: right;
}
/* Item Details*/
/* Read more .HsClients,.OurGoal */
.HsClients .yjme_item .item_readmore {
	margin-bottom: 20px;
	padding: 3px 3px 3px 8px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
}
/**** What Is Our Goal******/
.OurGoal h2.module_title {
	font-size: 200%;
}
.OurGoal .yjsquare_in {
	padding-top: 25px;
}
ul.ListOurGoal li {
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	background-image: none;
}
ul.ListOurGoal li a:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 150%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 20px;
	padding: 8px;
	display: block;
	float: left;
	line-height: 18px;
}
/**** About us *******/
.darkbg .h2_holder h2.module_title {
	color: #fff;
	font-size: 150%;
	padding-top: 15px;
	text-transform: uppercase;
}
.darkbg .yjsquare_in p {
	font-size: 120%;
	line-height: 30px;
	margin-bottom: 40px;
}
/*read more footer*/
.darkbg .yjsquare_in a.RmAboutUs {
	padding: 10px 15px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	display: block;
	float: left;
	margin-bottom: 10px;
}
.darkbg .HsNaviFooter {
	margin-left: 55px;
}
.darkbg .list-navi {
	padding-top: 10px;
}
.darkbg .list-navi li {
	padding-left: 0px;
	padding-bottom: 20px;
}
.darkbg ul.list-navi li a:before {
	padding-bottom: 20px;
	content: "\f10c";
	font-family: FontAwesome;
	padding-right: 10px;
}
.darkbg .list-navi a {
	padding-left: 0px;
}
/*google maps*/
.darkbg .yjsquare .yjgmapLoad {
	border: 5px solid #63a9e5;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.darkbg .yjGoogleMaps {
	padding-top: 10px;
}
/*Footer logo*/
.yjsquare.HsFooterLogo {
	width: 53%;
}
/*patagraph footerlogo*/
.HsFooterLogo .yjsquare_in p {
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 30px;
}
/* images*/
.HsFooterLogo .yjsquare_in img {
	padding-top: 20px;
}
/*intro text*/
.intro-text2 h2.module_title {
	text-align: center;
	font-size: 300%;
	margin-bottom: 20px;
	clear: both;
}
.intro-text2 p {
	padding: 5px 25px 5px 10px;
	margin-bottom: 15px;
	font-size: 150%;
	text-align: center;
	line-height: 150%;
}
/* news items spacing */
div.yjsg-newsitems {
	padding: 20px 0;
}
.news_item_a {
	padding: 20px 5px;
}
/* custom page satisfied clients*/
.news_item_c.ClientsPage {
	text-align: center;
}
.news_item_c.ClientsPage .newsitem_info {
	width: 100%;
	text-align: center;
	clear: both;
	float: none;
}
.news_item_c.ClientsPage .newsitem_info {
	width: 100%;
	text-align: center;
	clear: both;
	float: none;
}
.news_item_c.ClientsPage .newsitem_info span {
	float: none;
}
.yjsg-newsitems.ClientsPage a.readon {
	float: none;
	display: inline-block;
	clear: none;
	margin: 0 auto;
}
.yjsg-newsitems .ClientsPage h2.article_title, .ClientsPage h1.article_title {
	text-align: center;
}
.yjsg-newsitems .ClientsPage .newsitem_text img, .ClientsPage .newsitem_text img {
	display: block;
	margin: 0 auto;
	border-radius: 0%;
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	padding: 0;
}
/*k2 date holder category item*/
.yjk2DateHolderLeft {
	display: block;
	overflow: hidden;
	float: left;
}
.yjk2DateHolderRight {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
	padding-top: 7px;
}
/*icon category Item*/
.HsIconSep {
	margin: 0px 5px;
}
/*font icon item view*/
.catItemViewIcon {
	margin-right: 5px;
}
/* spinn */
.HsClients .yjme_item div.imageholder, .TwittIcons, .circleIcons {
	-webkit-transition: -webkit-transform 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-in;
	-ms-transition: -ms-transform 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-in;
}
.TwittIcons:hover, .HsClients .yjme_holder .yjme_item:hover div.imageholder, .offer .yjme_holder .yjme_item:hover .circleIcons {
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
}
div#typicons div.span3 {
	width: 200px;
}
.yj1, .yj2 {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#footer {
	padding: 0px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.yjsgrtl #yjsgheadergrid #topmenu_holder {
	float: left;
}
.yjsgrtl .HsClients .yjme_item div.imageholder {
	float: right!important;
	margin-left: 25px;
	margin-right: 0;
}
.yjsgrtl .HsClients .yjme_item a.item_title {
	clear: none;
}
.yjsgrtl .OurGoal {
	padding: 40px 80px 0 0;
}
.yjsgrtl ul.ListOurGoal li a:before {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}
.yjsgrtl .darkbg .yjsquare_in a.RmAboutUs {
	float: right;
}