@charset "utf-8";
 /*======================================================================*\
|| #################################################################### ||
|| # 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 only screen and (min-width: 240px) and (max-width: 1420px) {
.yjsgsitew {
	max-width: 100%!important;
	/*width: 1200px!important;*/
	margin: 0 auto;
}
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills {
	max-width: 100%!important;
}
/*#layout_type.fullwidth .yjsgsitew {
	width: 100%!important;
}*/

.supportmenu_block{
	width:784px;
	margin-left:auto;
	margin-right:auto;
	}


#seminar_event_block img{
	max-width: 90%;
	}

.random-image{
	width:100%;
	}

}
@media only screen and (min-width: 240px) and (max-width: 1220px) {
.yjsgsitew {
	max-width: 100%!important;
	/*width: 1024px!important;*/
	margin: 0 auto;
}



}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
.yjsgsitew {
	max-width: 100%!important;
	width: 100%!important;
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
#yjsgheadergrid #topmenu_holder {
	float: none;
	margin-top: 30px;
	
}

#topmenu_holder {
	float: none;
	margin-top: 0px;
	margin-bottom:0px;
}

#supportmenu div.beforeintro {
    max-width: 100%;
}

}
/*Slider*/
@media only screen and (min-width: 240px) and (max-width: 981px) {
.mainslider .button_color, .mainslider .button_white {
	margin: 0 auto 20px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 760px) {
.mainslider {
	max-width: 90%;
}

.supportmenu_block{
	width:80%;
	}
.startupresults_block_li li {
    float:none;
	display:block;
}

}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.mainslider h4 {
	font-size: 300%;
}



}
/* Who we are */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.gridsfx-ewhoweare.yjsgsitew {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
.ewhoweare .yjsg-row.tab3 .yjsg-col-1-2 {
	width: 100%;
}
.ewhoweare .yjsg-row.tab3 .blockholder {
	max-width: 90%;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.gridsfx-ewhoweare .beforeintro {
	max-width: 100%!important;
}
.ewhoweare .yjsg-round-progress {
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.ewhoweare .yjsg-col-1-3 {
	width: 100%!important;
}
.ewhoweare .yjsg-col-1-3:first-child span, .ewhoweare .blockholder span {
	display: table;
	margin: 0 auto 20px auto;
	float: none;
}
.ewhoweare .blockholder h4, .ewhoweare .blockholder p {
	text-align: center;
}
}
@media only screen and (min-width: 240px) and (max-width: 380px) {
.ewhoweare ul.yjsgsliderPaginationTabs li a {
	padding: 7px 10px;
	font-size: 90%;
}
}
/* Recent work */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.gridsfx-erecentwork .beforeintro {
	max-width: 80%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.erecentwork .SphereSliderHolder .clonedesc .intro {
	max-width: 80%;
}
.erecentwork .SphereSliderHolder .prev {
	left: 10px;
}
.erecentwork .SphereSliderHolder .next {
	right: 10px;
}
}
/* What we offer */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.whatweoffer .yjsg-row .yjsg-col-1-3 {
	width: 33%;
}
.whatweoffer img {
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
}
}
@media only screen and (min-width: 240px) and (max-width: 920px) {
.whatweoffer .yjsg-row .yjsg-col-1-3 {
	width: 100%;
}
.whatweoffer .yjsg-col-1-3:first-child li, .whatweoffer .yjsg-col-1-3 li {
	text-align: center;
}

/*.whatweoffer .yjsg-col-1-3 span {
	display: table;
	margin: 10px auto;
}*/


}
/*Our clients*/
@media only screen and (min-width: 240px) and (max-width: 981px) {
.eourclients .SphereSliderHolder .clonedesc {
	width: 100%;
}
.eourclients .SphereSliderHolder .clonedesc .intro {
	padding: 40px 0;
}
.eourclients .SphereSliderHolder .prev {
	left: 20px;
	bottom: -60px!important;
}
.eourclients .SphereSliderHolder .next {
	right: 20px;
	bottom: -60px!important;
}
}
/*Our clients*/
@media only screen and (min-width: 240px) and (max-width: 1480px) {
.eourteam .yjme_holder {
	margin: 0 auto;
}
.eourteam .yjme_item {
	padding: 0 20px;
}
.eourteam .yjme_item .imageholder, .eourteam .yjme_item a.item_image, .eourteam .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.eourteam .yjme_item a.item_title {
	font-size: 140%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.eourteam .yjme_item {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.eourteam .yjme_item {
	width: 100%;
}
}
/*Our clients*/
@media only screen and (min-width: 240px) and (max-width: 480px) {
.econtactus .contact_holder p {
	font-size: 80%;
}
}
/*K2*/
@media only screen and (min-width: 240px) and (max-width: 1480px) {
div.itemListSubCategories {
	margin: 0 auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
div.subCategoryContainer {
	width: 100%!important;
	margin: 0 auto 50px auto!important;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
div.catItemView, div.itemView, div.tagItemView, div.userItemView, div.userBlock, div.latestItemView, div.genericItemView {
	max-width: 100%!important;
}
}
/*Blog*/
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.eourteamblog .multicolumns {
	margin: 0 auto;
}
div.yjsg-newsitems .float-left {
	padding: 0 20px;
}
}
/* CSS Document */


@media only screen and (min-width: 240px) and (max-width: 980px) {
.btn_entori{
	float:left;
	max-width:80%;
	margin-right:0px;
	margin-bottom:20px;	
	display: inline-table;
	}
	
.btn_tousika{
	float:left;
	max-width:80%;
	margin-left:0px;
	margin-bottom:20px;	
	display: inline-table;
	}
	
}

@media only screen and (min-width: 240px) and (max-width: 980px) {
#layout_type .yjsg1_out {
    
 	background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
     background-image: url("../images/csaj/main.jpg");
    background-origin: padding-box, padding-box;
    background-position: center center, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;

    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;

}

.top_img {	
	 	background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/csaj/top_img_back.png");
    background-origin: padding-box, padding-box;
    background-position: center center, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: contain;
	
	margin:auto;
	padding: 0 1%;
}

.top_img h2 {
    font-size: 30px;
    font-weight: lighter;
    line-height: 150%;
	text-align:center;
}

.top_img h3 {
    font-size: 16px;
    font-weight: lighter;
    line-height: 150%;
	text-align:center;
}

#top1{
	padding: 0 1%;
	}

#yjsg2 {

    background-image: url("../images/csaj/top_p_back.jpg");
    background-size: auto 100%;
    max-width: 100%;
    width: auto;
}
	

.btn_entori {
    display: inline-table;
    float: left;
    margin-right: 10px;
    max-width: 100%;
    height: auto;
}


.btn_tousika {
    display: inline-table;
    float: left;
    max-width: 100%;
    height: auto;
}

.top_p_btn{
	margin-top:20px;
	max-width:200px;
	margin-left:10px;
	margin-right:10px;
	}

#top1 h3{
	color:#ffffff;
	text-align:center;
	font-size:20px;
	}
	
.about_block_text_01{
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right:20px;
	background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box, padding-box;
    background-position: center center, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: contain;
	
	}
	
#bodybottom1{
	margin-bottom:20px;
	}

div.yjsgxhtml, div.inside-container {
    padding-left: 15px;
    padding-right: 15px;
}

.sosiki_text {
    width: 100%;
	padding-right:0px;
}

.supportmenu_block{
	background-color:#ffffff;
	}

.supportmenu_block {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-origin: padding-box, padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat, no-repeat;
    background-size: inherit;
    padding-left: 20px;
    padding-right: 20px;
	width: 80%;
}


.supportmenu_block_text {
    float: initial;
    max-width: 100%;
}


.supportmenu_block_img {
    float: initial;
    max-width: 100%;
	padding-top:20px;
}

.inside-container .yjsg-row, .yjsg_grid .yjsg-row {
    margin-left: 15px !important;
    margin-right: -15px !important;
}

#yjsg7 #user23.yjsgxhtml {
	margin-top:120px;
}

.centertop_out {
    display: block;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15;
}

#page-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    font-size: 77%;
	z-index: 99999;
}

.centertop_out {
    padding-top: 8px;
}

.step_img sikin_img{
	padding-right:3px;
	}
	
.naze_block .yjsg-row{
	margin-left:0px !important;
	}

.naze_block .step_img{
	float:none;
	width:100%;
	}
	
div.about_block{
	margin-bottom:0px;
	}

div#yjsgbodytop{
	margin-bottom: 0px;
	}

div#holder2{
	padding-bottom: 0px;
	}

div.naze_img{
	margin-bottom: 0px;
	}

#user11 .beforetitle{
	margin-bottom: 0px;
	}

#user11 li.trapezoid_left {
    padding-right: 0px;   
}	
	
#user11 .yjsg-row{
	margin-left: 0px !important;
	margin-right:0 !important;
	}

li.square {
    height: 96px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}

li.square {
    height: 96px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    position: relative;
}

#modules_title p.lead_p{
	width:95%;
	margin:16px auto 0px;
	}

#seminar_event_block{
	margin-right: 0;
	}

#seminar_event_block .yjsgxhtml{
	margin-bottom:30px;
	}
	
p.lead_p {
	margin-top: 16px;
	}


.supportmenu_block_img {
    float: none;
    max-width: 100%;
}

.supportmenu_block_text {
    margin-right:0px;
}

.supportmenu_block_img img{
    display: block;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
}


#bodytop1 p.lead_p {
    font-size: 18px;
    line-height: 180%;
    margin-top: 16px;
    text-align: left;
}

.sosiki_bock {
    margin-top: 16px;
}

label.trapezoid_left_la{
		background-image: url("../images/csaj/red_gurade_right.png");
	background-repeat: no-repeat;
background-position: right 4px top 2px;
top: 5px;
right: 6px;
position:absolute;
display:block;
width:100%;
height: 50%;
	}
	

div.top_p p{
	text-align:left;
	font-size:18px;
	color:#232323;
	width:90%;
	margin: 0 auto;
}



}

@media only screen and (min-width: 240px) and (max-width: 768px) {
	#bodybottom2 .list{
	margin-top: 20px;
	margin-bottom:-10px;
	}

.sien_li{
	padding-top:5px;
	padding-bottom:5px;
	margin-left: 5px;
	margin-bottom:26px;
	}
	
.sikin_img {
    margin-top: 4px;
	width:55px;
}

/*.yjsg-col-1-3{ transform:translateX(0) !important}*/


}

@media only screen and (min-width: 240px) and (max-width: 1010px) {


.extrapos3_out .lead_p{
	text-align:left;
	}



}