/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
 
@media screen and (max-width: 980px) {
.top_menu_poz_navbar, #mmenu_holder {
	width: 280px!important;
	margin: 0 auto!important;
	text-align: left!important;
}
.yjmm_select {
	font-weight: 300!important;
}
span#yjmm_selectid {
	font-size: 100%!important;
}
#default_video {
	width: 100%!important;
}
body {
	background: none;
}
}
 @media only screen and (min-width: 980px) and (max-width: 1199px) {
#header, #header_in, #centertop, #centerbottom, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .yjsgsitew {
	width: auto!important;
}
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills {
	width: auto!important;
}
}
 @media only screen and (min-width: 240px) and (max-width: 981px) {
#header, #yjsgheadergrid.yjsg_grid {
	padding: 0;
}
}
/* Login */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.yjsg_login_button {
	margin: 0 auto 40px auto;
	float: none;
	position: relative;
	display: table!important;
	right: auto;
	left: auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#yjsg_login_modal.modal.fade.in {
	max-width: 90%;
	position: absolute;
	top: 2%!important;
}
}
/* Custom module */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.slivesearch {
	float: none;
}
.slivesearch .yjsquare_in {
	padding: 0!important;
}
.slivesearch .yj_inputbox {
	width: 95%!important;
}
.LiveSearchContainer.defaultfeed, .LiveSearchResults.defaultfeed {
	width: 98%!important;
}
.slivesearch form {
	margin: 0 auto;
}
.slivesearch .button, .slivesearch .icon-search {
	right: 2%;
}
}
/* Image slider */
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.simageslider h4 {
	font-size: 200%;
}
.simageslider p {
	padding: 25px 0;
}
.simageslider .YJIS_outer.yjis_respond img {
	width: 50%;
	height: auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.simageslider .YJSlide_slide .YJSlide_intro {
	top: 0;
	width: 100%;
}
.simageslider .YJIS_outer.yjis_respond img {
	visibility: hidden;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.simageslider p {
	padding: 20px 0;
	margin: 0;
}
.simageslider .small_span {
	margin: 15px 0 0 0;
}
.simageslider ul {
	padding: 10px 0;
	overflow: hidden;
}
.simageslider h4 {
	font-size: 200%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.simageslider .YJSlide_slide .YJSlide_intro_in {
	padding: 20px;
}
.simageslider h4 {
	font-size: 150%;
}
.simageslider h4 br {
	display: none;
}
.simageslider ul {
	padding: 10px 0;
	overflow: hidden;
}
.simageslider ul li {
	width: 100%;
	float: none;
	font-size: 100%;
	padding: 0;
	line-height: 21px;
}
.simageslider p {
	padding: 5px 0;
	margin: 0;
}
.simageslider .small_span {
	margin: 15px 0 0 0;
}
.simageslider .button_dark, .simageslider .button_light {
	font-size: 90%;
	padding: 7px 12px;
}
}
/* Custom module */
@media only screen and (min-width: 240px) and (max-width: 981px) {
#top1 .scustom img {
	display: none;
}
#top1 .scustom p, #top1 .scustom .button_dark {
	position: relative;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#top1 .scustom {
	padding: 0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
#top1 .scustom img {
	width: 90%;
}
}
/*YJ Module Engine*/
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.smoduleengine .yjme_item {
	width: 25%;
}
.smoduleengine .yjme_item.class1, .smoduleengine .yjme_item.class2 {
	margin: 0;
}
.smoduleengine .yjme_item_in {
	padding: 0 50px 0 0;
}
}
@media only screen and (min-width: 540px) and (max-width: 981px) {
.smoduleengine .yjme_item {
	width: 50%;
}
.smoduleengine .yjme_item.class1, .smoduleengine .yjme_item.class2 {
	margin: 0;
}
.smoduleengine .yjme_item_in {
	padding: 20px 10px;
}
.smoduleengine .yjme_item div.imageholder, .smoduleengine .yjme_item a.item_image, .smoduleengine .yjme_item a.item_image img {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
.smoduleengine .yjme_item {
	width: 100%;
}
.smoduleengine .yjme_item.class1, .smoduleengine .yjme_item.class2 {
	margin: 0;
}
.smoduleengine .yjme_item_in {
	padding: 20px 0;
}
.smoduleengine .yjme_item div.imageholder, .smoduleengine .yjme_item a.item_image, .smoduleengine .yjme_item a.item_image img {
	width: 100%!important;
}
}
/* Custom features */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.scustom.features img {
	display: none;
}
.scustom.features .features_right_block {
	position: relative;
	float: left;
	width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.scustom.features .block_holder {
	width: 100%;
}
.scustom.features .block.middle {
	margin: 0 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.scustom.features .block {
	float: none;
}
.scustom.features .block.middle {
	margin: 0;
}
.scustom.features .small_span {
	margin: 6px 0;
}
}
/* YJ News Pop */
@media only screen and (min-width: 240px) and (max-width: 640px) {
.snewspop ul.yjnewspopFilter li {
	margin: 5px 0;
}
}
/* Twitter */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.twitterpos {
	margin: -25px 0 0 0;
	background: url(file:///C|/Users/user/images/yjsg_twitter_bg.jpg) no-repeat left top;
}
.twitterpos:before {
	display: none;
}
.stwitter .yjsquare_in {
	padding: 25px 0;
}
.stwitter div.yj_twitter_title {
	padding: 0;
}
.stwitter div.yj_twitter_title a {
	line-height: 45px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.stwitter .icon-twitter {
	margin: 0 auto;
	float: none;
}
.stwitter div.yj_twitter_title {
	text-align: center;
	padding: 0 30px;
}
}

/* Satisfied users */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.satisfiedusers #user_slider .carousel-control {
	left: 40px;
}
.satisfiedusers #user_slider .carousel-control.right {
	left: 75px;
}
.satisfiedusers #user_slider .carousel-inner {
	width: 85%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.satisfiedusers .user_intro, .satisfiedusers #user_slider {
	width: 100%;
}
.satisfiedusers .user_intro {
	margin: 0 0 20px 0;
}
.satisfiedusers .user_intro_in {
	border-bottom: 1px solid #D1CECE;
	border-right: none;
	padding: 0;
}
.satisfiedusers #user_slider .carousel-inner {
	width: 100%;
	padding: 0;
}
.satisfiedusers #user_slider .carousel-control {
	left: 0;
}
.satisfiedusers #user_slider .carousel-control.right {
	left: 35px;
}
.satisfiedusers #client_slider .carousel-inner img {
	opacity: 1!important;
	border-radius: 3px;
	margin: 0 0 20px 0;
}
}
/* Clients */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.clientspos #client_slider {
	width: 100%;
}
.clientspos #client_slider .carousel-inner {
	border: none;
}
.clientspos #client_slider .carousel-inner img {
	opacity: 1;
}
.clientspos .client_intro_in {
	padding: 0;
}
.clientspos .client_intro h2 {
	margin: 25px 0;
}
.clientspos .slider-pager {
	left: 0;
	bottom: -115px;
}
}
/* Subscribe and Socials */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.ssubscribe .inputbox_name, .ssubscribe .inputbox_email {
	margin: 0 20px 10px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 545px) {
#user11, #user12 {
	width: 100%!important;
}
}
/* Infos */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.sinfos .info_block {
	width: auto;
}
.sinfos .info_block.middle {
	margin: 0 25px;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.sinfos .info_block {
	width: 100%;
	margin: 20px 0!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#topmenu_holder {
	height: auto!important;
}
#k2Container.itemListView, #k2Container.tagView, #k2Container.userView, #k2Container.latestView, #k2Container.genericView {
	margin: 20px 0 0 0;
}
#k2Container.itemView {
	margin: 20px 0 0 20px;
}
div.catItemView, div.tagItemView, .userView div.userItemView, .latestView div.latestItemView, .genericView div.genericItemView {
	margin: 0 0 50px 0;
}
span.catItemImage img, span.itemImage img, span.tagItemImage img, span.userItemImage img, span.latestItemImage img, span.genericItemImage img {
	width: 100%!important;
}
span.catItemImage a, span.itemImage a, span.tagItemImage a, span.userItemImage a, span.latestItemImage a, span.genericItemImage a {
	height: auto;
}
}

div.tabpills ul.yjsgsliderPaginationTabs li.active a {
  border: 1px solid #f6720a;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
  background: #f6720a;
  font-weight:bold;
}
.productbox {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}
.productbox .productboxleft {
	margin: 0px;
	padding: 0px;
	float:left;
	height: auto;
	width: 250px;
}
.productbox .productboxright {
	margin: 0px;
	padding-left: 30px;
	height: auto;
	float:left;
	width: 60%;
}
.productbox .productboxleft .productboxhead {
	margin: 0px;
	padding: 0px;
	float:left;
	
	width: 100%;
	
	
}
.productbox .productboxleft .productboximg {
	margin: 0px;
	padding: 0px;
	float:left;
	height: auto;
	width: auto;
}

.yealink-out-box {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 350px;
margin-left:20px;
}
.yealink-out-box .yealink-out-box-head {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 100%;
	line-height:40px;
	color:#FF6000;
}
.yealink-out-box .yealink-pro-box {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 50%;
}
.yealink-out-box .yealink-pro-right {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 50%;
	
	
}
.yealink-out-box .clearyealink {
	clear:both;
}

.vc400box {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 95%;
}
.vc400box .vc400left {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 45%;
}
.vc400box .vc400right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 55%;
	font-weight:bold;
	color:#060;
}
.vc400box .vc400right ul li {
	line-height: 35px;
}


.partnerbox {
	float: left;
	height: auto;
	width: 45%;
	margin-top: 15px;
	margin-left: 15px;
}
.partnerbox .partnerhead {
	margin: 0px;
	float: left;
	height: 35px;
	width: 100%;
	padding-top: 0px;
}

.partnerbox .partnerpara {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}

.partnerclear {
	clear: both;
	width:100%;
}
.yealinkboxouter {
	float: left;
	height: auto;
	width: 90%;
	margin-top: 15px;
	margin-left: 15px;
}
.yealinkinnerbox {
	float: left;
	height: auto;
	width: 50%;
	
}
.yealinkinnerbox .yealinkhead {
	line-height: 40px;
	float: left;
	height: 40px;
	width: 100%;
}
.yealinkinnerbox .yealinpara {
	line-height: 40px;
	float: left;
	height: 40px;
	width: 100%;
}.partnerclear {
	clear: both;
	width:100%;
}.gatewaysouterbox {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 500px;
}
.gatewaysouterbox .gatewaysouterleftbox {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 300px;
}
.gatewaysouterbox .gatewaysouterrightbox {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 200px;
}


.satisfiedusers {
    background: #ff8030;
    border-bottom: 1px solid #d2d2d2;

}

.partnerbox {
	margin: 0px;
	padding: 0px;
	float: left;
	
	width: 100%;
	text-align:center;
	color:#CCC;
	

}
.partnerbox ul {
	list-style-type: none;
}
.partnerbox ul li {
	list-style-type: none;
	background-image:none;
	line-height:100px;
	height: 100px;
	padding-left:0px;

}


.partnerbox ul li a {
	background-color: #4DB900;
	display:block;
	margin:0px;
	padding:0px;height: 100px;
	font-size:30px;
}
.partnerbox ul li a:hover {
	background-color:#999;
	margin:0px;
	padding:0px;
	font-size:30px;
}

.validators {
	color:#000;
	display:none !important;
}
.validators a {
	color:#000;
	display:none !important;
}
.validators a:hover,.validators a:link,.validators a:visited {
	color:#000;
	display:none !important;
}
.yjsgcp {
	color:#000;
	display:none !important;
	
}
.yjsgcp a {
	color:#000;
		display:none !important;
}

.yjsgcp  {
	color:#000;
		display:none !important;
}
.yjsgcp a:hover, .yjsgcp a:link, .yjsgcp a:visited {
	color:#000;
		display:none !important;
}

.top_menu ul li a {
    color : #FFF !important;
}

.top_menu ul li a:hover {
    color : #F60 !important;
}
.top_menu li.active a.activepath {
    color : #FFF !important;
}

.horiznav ul.subul_main li a span.yjm_has_desc span.yjm_desc {
    color: #E67324 !important;
}


*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
}

[class*='col-'] {
	float: left;
  min-height: 1px;
	padding-right: 20px; /* column-space */
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
	text-align: center;
	
}
.col-1-3 li, .col-4-12 li{
	
	text-align: left;
	
}
.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}


@media handheld, only screen and (max-width: 900px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}

ul#menu-top {
    padding: 0;
	
	font-size:12px;
	text-align:right;
}

ul#menu-top li {
    display: inline;
	color:#CCC;


}
ul#menu-top li a {
    display: inline;
	color:#CCC;	

}


ul#menu-top li a:hover {
	color:#FFF;
	
  
}



#yjsg5::before
 {
	 background-color:#000!important;

}
.top_menu ul.subul_main li a, span.separator {
    border-color: #4b4a4a!important;
}
.top_menu ul.subul_main li a, .top_menu ul.subul_main
{
     background-color:#363333!important;
}

.yjsquare_in a {
	color: #000!important;
}

.yjsquare_in a:hover {
	color: #000 !important;
}
#logo
{
	height:100px!important;
	
}

#menu-top
{
	color:#FFF!important;
	
}
#menu-top a
{
	color:#FFF!important;
	color:#F60
	
}
#menu-top a:hover
{

	color:#F60!important;
	
}

#yjsg3{
	background-color:#ffffff;
	
	
}

#yjsg3 p{
	
	color:#FFF;
}
#yjsg3 h2{
	
	color:#FFF;
}

#yjsg3 h4{
	
	color:#FFF;
}
#yjsg3 li{
	
	color:#FFF;
	padding-top:14px;
	line-height:28px;
	background-image:none;
}