body {-webkit-overflow-scrolling: touch;}
.body .container {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.moduletable a, .article-info a {color:#404853;}

.item-page { 
background-color: #FFFFFF; 
padding:20px;
font-size: 14px;
line-height: 20px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; 
}

.item-text {padding:0 100px 20px; }
.item-text .page-header {border-bottom: 1px solid #e5e5e5;}

.item-text h2, .item-text h3, .item-text h4 { margin: 32px 0 12px; }

.spec, .free-theme { background: none repeat scroll 0 0 #F4F4F4; 
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 20px;}
	
.spec {	color: #777777;
	font-size: 90%;
    font-style: normal;
    font-weight: normal;
    line-height: 1.7em;
}
.extensions .spec  {margin-top: 20px; }
.spec b { color:#333;}
.spec a {color:#404853;}
.spec .t_pad { padding-left:14px; width:100%;}
.t_wrap {white-space: nowrap;}
.spec .subjects span { display:inline-block; text-shadow:none; font-size:11px; text-decoration: underline; color:#404853;  }
.spec .subjects a:hover {color:#7E8AA2;}
.spec .t_pad.author {padding-top:4px;}

a.open-menu-art {cursor: pointer;font-size: 11px; color:#A0A9BA; }
a.open-menu-art:hover {color:#7E8AA2;}

.free-theme {
 background-color: rgba(126, 138, 162, 0.6);
    color: #FFFFFF;
    text-align: center;}

.button_container, .guestinfo_container {margin-bottom: 20px;}
.guestinfo_container p { text-align:center;}
.button_container .btn {
    padding-left: 0;
    padding-right: 0;
    width: 49% !important;}
.button_container .btn.right {float: right;}
.buytop { text-align:right; color: #777777;}
.img-fox { margin-bottom: 20px; margin-top:20px; width:100%;position: relative; vertical-align:bottom; }
.full-image { height:500px; overflow:hidden; width:720px;  margin: 0 auto; 	vertical-align:bottom;	position: relative; }
.image-macbook { height:377px; overflow:hidden; width:686px;  margin: 0 auto; 	vertical-align:bottom;	position: relative;
background-image:url(../../../images/macbook-big.png);
background-size: contain;
background-repeat:no-repeat;
-webkit-background-size: contain;
-o-background-size: contain;
-moz-background-size: contain;
z-index:80; 
display:block;}

.extensions .full-image {height:400px; overflow:hidden; width:686px;  margin: 0 auto; 	vertical-align:bottom;	position: relative;overflow:hidden;}
.full-image img.parallax, .full-image img.safari { display: block; margin-left: auto; margin-right: auto; width:720px; padding:0; position:absolute; top:0px; }
.extensions .full-image img.parallax { display: block; margin-left: auto; margin-right: auto; width:480px; padding:0; position:absolute; top:0px; left:50%; margin-left:-240px; }
.full-image img.safari { z-index:50;}
.full-image img.parallax {z-index:40;}

.img-fox .img-shadow  { background:url(../img/fulimg-shadow.png) no-repeat; background-position: bottom center; background-size:100%; padding:0; margin:0; position: absolute; left:5%; right:5%; bottom:0; width:90%; z-index:60; }

.skrolltext {position:absolute; z-index:70;  bottom:0;  right:184px; vertical-align: bottom; border-radius:8px; text-align: center; color: #FFFFFF; display: inline-block;line-height: 20px; font-size:16px;}
.skrolltext i {font-size:32px;}
.skrolltext a { color: #FAFAFA; cursor: pointer; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); transition: all 0.2s ease-out;}
.skrolltext a:hover { color:#FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);}

div#modalimg { background:#1D1D1D; border:none;}
div#modalimg.modal { width:720px; max-height:100%; margin-left: -360px; left: 50%; top:20px; bottom: 40px; padding:0px;  overflow:hidden; position: fixed;}
div#modalimg.modal .modal-body  img{ width:720px;}
div#modalimg.modal .modal-body { max-height:100%; position: absolute; top:49px; bottom: 0px; padding: 0; overflow:hidden; -webkit-overflow-scrolling: touch;}
div#modalimg .modal-header { position: absolute;top:0px; display:block; left: 0;right:0; background:#FFF; }
div#modalimg .modal-footer { position: absolute;bottom: 0px;display:block; left: 0;right:0; }
.item-page .article-info dl { line-height: 20px; text-align:right;}

.limitunit {margin-bottom:60px;}

.version-full { line-height:22px; text-align:right; font-size:16px; }
.version-full .tag_version { 
	float:right; 
	background-color: #F6F7F8;
	color:#404853;
	font-size:18px;
	line-height:22px;
	margin-left:5px; margin-right:-21px;
	padding: 2px 12px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;}
	
.search form { margin:0;}
.header-search { min-width: 315px; width: auto;}
.header-search .search-query { width:64%; border:0; }
.header-search .button { height: 20px; margin-left: 0; width: 68px;}
.btnSearch {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: none;
	border:0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 4px 8px 4px 12px;
    text-align: center;
	color: #FFFFFF;
    vertical-align: middle;
}
.btnSearch:hover, .btnSearch:focus, .btnSearch:active, .btnSearch.active, .btnSearch.disabled, .btnSearch[disabled] {color: #333333;}
.btnSearch:hover, .btnSearch:focus { 
	background:url(../../../images/search_h.png);
	background-repeat:no-repeat;
    text-decoration: none;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    transition: all 0.1s linear 0s;
}
.btnSearch:focus {outline:none;}

.box-video {text-align: center;}

.box i {
    float: left;
    font-size: 32px;
    margin: 10px 12px 0px 0px;
    text-align: center;
	height:48px;
    width: 48px;
	background-repeat: no-repeat;
    background-size: 48px auto;
}

.icon-responsive-design { background-image: url('/images/content_icon/responsive-design.png');}
.icon-quickstart { background-image: url('/images/content_icon/quickstart.png');}
.icon-cogs2 { background-image: url('/images/content_icon/cogs.png');}
.icon-html { background-image: url('/images/content_icon/html.png');}
.icon-html5 { background-image: url('/images/content_icon/html5.png');}
.icon-website { background-image: url('/images/content_icon/website.png');}
.icon-dashboard2 { background-image: url('/images/content_icon/dashboard.png');}
.icon-print_brush { background-image: url('/images/content_icon/print_brush.png');}


#close-menu {
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	opacity: 1; filter: alpha(opacity=0);
	position: fixed;
	margin-left:234px;
	top: 16px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	z-index: 1;
}
#close-menu:hover {color: #ccc;} 
#close-menu:active {opacity: 0.5;}

.open-menu {	
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	opacity: 1;
	position: absolute;
	top: 23px;
	left:10px;
	text-shadow:none; display:block;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	z-index:1;}
.open-menu:hover {color: #CCC;} 
.open-menu:active {color: #5E6779;}

.nav-list { margin-bottom: 50px;}

.item-156 ul, .item-614 ul {display: none; padding-left:24px;}
li.item-156 ul li, li.item-614 ul li {float: left;}
.nav-list .item-156 .active > a, .nav-list .item-614 .active > a {background:none;}
.nav-list .item-156 .active > a img, .nav-list .item-614 .active > a img {border:1px solid #FAFAFA; }

.sidr ul.nav > li {clear:both !important;}
.coloritem img { width:24px; height:24px; -moz-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px; border:1px solid #404853;}
.coloritem img:hover { border:1px solid #FAFAFA; }

#panel-1, #panel-2, #panel-3, #panel-4, #panel-5 { color: #8C9198; margin: 0 0 -2px;}
#panel-1 h3, #panel-2 h3, #panel-3 h3, #panel-4 h3, #panel-5 h3 { text-transform: uppercase;}
	
.nav-list li a {
text-transform: none; color: #EDEFF2;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.3); 
transition: all 0.2s linear 0s;}

.nav-list .active > a, .nav-list .active > a:hover, .nav-list .active > a:focus {color: #FAFAFA;}


button.icon-remove {border: none; padding: 0; background: none;}

.items-leading .page-header { margin:0; padding-bottom: 12px;}
.article-info { clear:both; font-size:12px;}
.readmore {float: right; }

#footer-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  
    background-color: #1B1B1B;
    background-color: rgba(126, 138, 162, 0.7)!important;
  width: 100%; 
  z-index:100;
}

#footer-menu .nav {
    list-style: none outside none;
    margin-bottom: 0px;
}

.footer {margin-top: 20px;}
.copyright {font-size: 12px; color: #edeff2; line-height: 133% ! important; margin: 0;}
.footer hr {margin: 6px 0 12px 0;}
.joomla_license {font-size: 11px; color: #bfc5cf; line-height: 133% ! important;}


.top-container { min-height:122px; }
.top-container > .row-fluid { background-color:#293A51; color: #b7cce1;  padding:2px 0 1px 0; }
.login-btn { height:20px; float:right; }
.logout { margin:0; height:20px; float:right;}
.logout-button { float:right; padding-left:20px; }
.login-greeting {float: left; }

.cat-row0, .cat-row1 {	
background: #edeff2;
background: -moz-linear-gradient(top,  #edeff2 0%, #e2e4e6 50%, #a0a9ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edeff2), color-stop(50%,#e2e4e6), color-stop(100%,#a0a9ba));
background: -webkit-linear-gradient(top,  #edeff2 0%,#e2e4e6 50%,#a0a9ba 100%);
background: -o-linear-gradient(top,  #edeff2 0%,#e2e4e6 50%,#a0a9ba 100%);
background: -ms-linear-gradient(top,  #edeff2 0%,#e2e4e6 50%,#a0a9ba 100%);
background: linear-gradient(to bottom,  #edeff2 0%,#e2e4e6 50%,#a0a9ba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeff2', endColorstr='#a0a9ba',GradientType=0 );
background-repeat: repeat-x;
	box-shadow: none;
	background-size:100% 200%;}


.cat-row0, .cat-row1 { 
-webkit-transition:all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;
-moz-transition:all 0.8s ease-in-out;}
.cat-row0.activer, .cat-row1.activer { 
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-position:100%; }	
	
body.site {border-top: 0px solid #293A51;}

.boxWhite { background-color:#FAFAFA; padding:20px;}
.boxBlue { background-color:#46638A; padding:20px 0px; color: #b7cce1;}
.boxDarkBlue { background-color:#293A51; padding:20px 0px; color: #b7cce1;}

.lineWhite { background-color:#FAFAFA; padding:20px 0px;}
.lineBlue { background-color: #46638A; border-bottom: 1px solid #b7cce1;  border-top: 0px solid #DDDDDD; padding:20px 0px; color: #b7cce1;}
.lineDarkBlue { background-color: #293A51; border-bottom: 1px solid #b7cce1;  border-top: 0px solid #DDDDDD; padding:20px 0px; color: #b7cce1;}


.boxBlue h1, .boxBlue h2, .boxBlue h3, .boxBlue h4, .boxBlue h5, .boxBlue h6, .boxDarkBlue h1, .boxDarkBlue h2, .boxDarkBlue h3, .boxDarkBlue h4, .boxDarkBlue h5, .boxDarkBlue h6, .lineBlue h1, .lineBlue h2, .lineBlue h3, .lineBlue h4, .lineBlue h5, .lineBlue h6, .lineDarkBlue h1, .lineDarkBlue h2, .lineDarkBlue h3, .lineDarkBlue h4, .lineDarkBlue h5, .lineDarkBlue h6, .slider-temp h1, .slider-temp h2, .slider-temph3, .slider-temp h4, .slider-temp h5, .slider-temp h6 {
    color: #ecf0f4;
}

.slider-wrapper { background-color:#46638A; color:#afc2d6;}
.slider-temp {color:#afc2d6;}

.items-leading .cat-row0, .items-leading .cat-row1, .items-leading .cat-row_no { padding:20px; margin-bottom:20px; }
.items-leading .cat-row0 .readmore, .items-leading .cat-row1 .readmore {background-color: #fff; }

.readmore a { box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none;}

.readmore { 
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	}
	
.social-icon img { height:24px; width:24px; background-color: rgba(0, 0, 0, 0.25); 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; }
.social-icon a:hover img { background-color:#FF9800;} 


.social-icon {  padding:0px 10px 0px 10px; display:inline; line-height:34px; float:right; }
.social-icon a { margin:0 3px; padding:0; }
.affix .social-icon { display:none;}
.nav-collapse { clear:right;}


.container.cont-jf { 
	background:none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
 	border-radius: 0;
	padding:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;	}

.container.bg-jf {background-color: #E2E4E6; box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);}
.container.bg-jf2 {background-color: #7E8AA2;}

.fox-color1 { background-color: #7E8AA2;}
.height-5 {height:0px;}
.height-10 {height:10px;}

.fox-block1 { background-color: #F5F5F5;
    border-radius: 4px;
    list-style: none outside none;
    padding: 8px 8px;}

.promo {margin-bottom: -20px;}

.promo-image {position: relative;}
.promo-image img { position: absolute; top:0; left:50%; right:auto; margin: 30px 0 0 -117px; }
.promo-desc { padding-top: 0px;}
.promo-desc .accordion { margin-bottom: 0px;}
.promo h2 {
	font-size: 26px;
    line-height: 28px;
    position: relative;}
.accordion-heading span {display: none;}	
a.btn:focus {outline:none;}
	
.menu_footer {font-size: 14px;    line-height: 1.4;    text-transform: none;}

.title-line { background: none repeat scroll 0 0 #a4adbe; height: 1px; margin-bottom: 20px; width:auto;}
.title-line span {background-color: #FF9800 !important; display: block; height: 1px; width: 50px;}
.title-lineGray { background: none repeat scroll 0 0 #dddddd; height: 1px; margin-bottom: 20px; width:auto; clear: both;  display:block;}

.container.fox-white { 
	background-color:fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; }

.container.fox-white.search { padding-bottom:0;}

.fox-white .breadcrumb { background-color: #46638A; color:#FFF; }
.fox-white .breadcrumb > li {text-shadow: 0 1px 1px rgba(0, 0, 0, 0.0);}
.fox-white .breadcrumb a { color:#FFF;}

.container.fox-gradient { 
background: #F6F7F8;
background: -moz-linear-gradient(top,  #fff 0%, #e2e4e6 480px, #293A51 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(480px,#e2e4e6), color-stop(100%,#293A51));
background: -webkit-linear-gradient(top,  #fff 0%,#e2e4e6 480px,#293A51 100%);
background: -o-linear-gradient(top,  #fff 0%,#e2e4e6 480px,#293A51 100%);
background: -ms-linear-gradient(top,  #fff 0%,#e2e4e6 480px,#293A51 100%);
background: linear-gradient(to bottom,  #fff 0%,#e2e4e6 480px,#293A51 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#293A51',GradientType=0 );
background-repeat: repeat-x;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; }
	
.boxheader1 { width:50%; float:left;}
.boxheader2 { width:50%; float:right; }
.boxheader1 .moduletable { padding-right:10px;}
.boxheader2 .moduletable { padding-left:10px;}

.cat-row0 .img-shadow, .cat-row1 .img-shadow  { background:url(../img/block-6.png) no-repeat; background-position: bottom center; background-size:100%; padding:0; margin:0; 
position: absolute; left:0; bottom:0; width:50%; z-index:100; }

.cat-row1 .img-shadow { left:inherit; right:0;  }



.box-intro { 
	height:100%; width:100%; margin-bottom:10px;
	display:table; position: relative; }

.item-image.pull-none {	
	width:50%;
	display:table-cell;
	vertical-align:bottom;
	position: relative; }

	
.article-intro {display:table-cell; vertical-align:middle; padding:40px 0 60px 0; }

.articles .article-intro { padding:0px 0 20px 0; }
.articles .article-info {margin-bottom:0px; position: absolute; top: -10px; color:#A0A9BA; display:block;}
.articles .items-leading .page-header {padding-top:18px;}
/*	
.extensions .article-intro {width:100%;} 
.extensions .item-image.pull-none { width:520px; display:block;}*/
.cat-row_no .article-intro {padding:0;}


.items-leading .tags { position: absolute; top: 0; right:0; width:50%; line-height:20px; text-align:right; z-index:5;}

.version-intro { position: absolute; top: -40px; right:-20px; width:50%; line-height:22px; text-align:right; z-index:2; color:#404853;}

.button-intro { position: absolute; bottom: 0; right:0; width:49%; line-height:20px; text-align:center; z-index:20; }

.items-leading .favorites { position: absolute; right: 0px; top: -70px; width: 50%; z-index: 3;}
.articles .items-leading .favorites { top: 0px; }

.cat-row_no .article-intro p {text-align:left;}

.item-page .favorites { position: relative; right: 0px; top: -20px; z-index: 3; display:block; width:16px; height:16px; margin:0; float:right;}

.cat-row1 .tags  {left:0; }
.cat-row1 .button-intro { left:0; }

.item-image img { display: block; margin-left: auto; margin-right: auto; width:440px; margin-bottom:-184px; padding:0; transform: rotate(0deg) translate(0px);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.extensions .item-image img { display: block; margin-left: auto; margin-right: auto; max-width:360px; margin-top:22px; margin-bottom:44px; padding:0;}

.item-image { overflow:hidden; }

.cat-row0 .item-image img:active {margin-bottom:0px;}
.cat-row1 .item-image img:active {margin-bottom:0px;}

	
@media (min-width: 768px) and (max-width: 1079px) {
	.item-image { width:50%;}
	.item-image img { width:100%;}
}

.firstWord { color:#FF9800;}

.button-intro a { margin:10px 1px 20px 1px; text-decoration:none; color:#FFF;}

.btnone, .btntwo { background-color: #F2F2F2;
    display: inline-block;
    font-size: 13px;
	padding:0 5px;
    text-align: center;
	vertical-align:middle;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);}

.btnone span, .btntwo span {
background-color: #7E8AA2; display: block; padding: 4px 16px;
line-height: 18px;
	-webkit-transition: all 0.1s ease-in;
		-moz-transition: all 0.1s ease-in;
				transition: all 0.1s ease-in;
}
.btnone,.btnone span {
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;}
.btntwo,.btntwo span  {
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;}
	


.btnone:hover span, .btntwo:hover span {  background-color:#FF9800; color:#FFF; text-decoration:none;}
.btnone:active span { 
transform: translate(-5px);
-webkit-transform: translate(-5px);
-moz-transform: translate(-5px);
-o-transform: translate(-5px);
-ms-transform: translate(-5px); 
 }
.btntwo:active span { transform: translate(5px);
-webkit-transform: translate(5px);
-moz-transform: translate(5px);
-o-transform: translate(5px);
-ms-transform: translate(5px);
 }

.item-page .tags {
    line-height: 20px;
    right: 0;
    text-align: right;
    top: 0;
    z-index: 1;}

.item-page .t_pad.tags {padding-top:4px; padding-bottom:4px;}
.spec table {margin: 0 0 9px;}
.spec .tags {text-align:left;}
.spec .tags-color {vertical-align:middle; padding-top:6px;}
.spec .tags-color  span { height: 18px; width:18px; display:inline-block; border-radius: 4px; margin:0 0px; border:2px solid #EDEFF2; opacity:0.9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	
.spec .tags-color  span a {height: 18px; width:18px; display:block; cursor:pointer; text-decoration:underline;}
.spec .tags-color  span:hover { border:2px solid #C1C7D0; opacity:1;}

.spec .tag-100 { background-image:url(/images/icons/color_red.png);}
.spec .tag-101 { background-image:url(/images/icons/color_pink.png);}
.spec .tag-102 { background-image:url(/images/icons/color_yellow.png);}
.spec .tag-103 { background-image:url(/images/icons/color_orange.png);}
.spec .tag-104 { background-image:url(/images/icons/color_green.png);}
.spec .tag-105 { background-image:url(/images/icons/color_lime.png);}
.spec .tag-106 { background-image:url(/images/icons/color_blue.png);}
.spec .tag-107 { background-image:url(/images/icons/color_light-blue.png);}
.spec .tag-108 { background-image:url(/images/icons/color_purple.png);}
.spec .tag-109 { background-image:url(/images/icons/color_brown.png);}
.spec .tag-110 { background-image:url(/images/icons/color_gray.png);}
.spec .tag-111 { background-image:url(/images/icons/color_white.png);}
.spec .tag-112 { background-image:url(/images/icons/color_black.png);}
.spec .tag-113 { background-image:url(/images/icons/color_multicolors.png);}
.spec .tag-160 { background-image:url(/images/icons/color_turquoise.png);}

.spec .tags-language  img { height: 16px; display:inline-block; margin:0 0px; border:2px solid #EDEFF2; opacity:0.8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.spec .tags-language img:hover {border:2px solid #C1C7D0; border-radius: 4px; opacity:1;}

.banner-1 { display:block; border:1px solid #C1C7D0; border-radius: 8px; text-align:center; vertical-align:middle;}

.tags span { 
	background-color: #5E6779;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF; 
    display: inline-block;
    font-size: 11px;
    height: 14px;
    line-height: 1;
    text-align: right;
	 margin-bottom:2px;
	padding: 3px 4px 0 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
	white-space: nowrap;}
/*.featured .tags span { background-color: rgba(178, 185, 199, 0.7);}*/
.tags span, .version-intro .tag_version {
	-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
				transition: all 0.1s ease-in-out;}
				
.cat-row1 .tags { text-align:left;}

.tags span:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
	background-color: #7E8AA2;}


.compat_t { background-color:#09F;}
.compat_c { background-color:#393;}
.compat_p { background-color:#639;}
.compat_m { background-color:#F00;}


.version-intro .tag_version {
	float:right; background-color: #fff;
	color:#404853;
	font-size:14px;
	line-height:18px;
	margin-left:5px;
	padding: 2px 12px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;}
.tags a {color: #FFFFFF; text-decoration: none;}

.tags .tag-3,.tags .tag-4,.tags .tag-5,.tags .tag-6,.tags .tag-7,.tags .tag-8,.tags .tag-10,.tags .tag-11,.tags .tag-12,.tags .tag-13,.tags .tag-14,.tags .tag-15 {background: url("../../../images/icons/joomla_white.png") no-repeat scroll 1px 0 transparent; padding: 3px 4px 0 18px; background-size:16px auto;}

.tags .tag-301,.tags .tag-302,.tags .tag-303,.tags .tag-304,.tags .tag-305,.tags .tag-307,.tags .tag-308,.tags .tag-309,.tags .tag-310,.tags .tag-311 {background: url("../../../images/icons/wordpress_white.png") no-repeat scroll 1px 0 transparent; padding: 3px 4px 0 18px; background-size:16px auto;} 

.box-intro .tags .tag-53, .box-intro .tags .tag-167 { 
background-color: #7E8AA2;  
position: absolute; 
top: -82px; 
right:15%; 
z-index:2;
border-radius: 0 0 6px 6px;
}
/*.featured.box-intro .tags span.tag-53, .featured.box-intro .tags span.tag-167 { background-color: rgba(178, 185, 199, 0.7);}*/
.cat-row1 .box-intro .tags .tag-53, .cat-row1 .box-intro .tags .tag-167  {right:-85%;}
.box-intro .tags .tag-53:hover, .box-intro .tags .tag-167:hover {background-color:#5E6779;}

.box-intro .tags .tag-177 { 
background-color: #7E8AA2;  
position: absolute; 
top: -82px; 
right:185%; 
z-index:2;
border-radius: 0 0 6px 6px;
}
.cat-row1 .box-intro .tags .tag-177 {right:85%;}

.tags .tag-3,.blog-featured .tags .tag-3,.tags .tag-10,.blog-featured .tags .tag-10 { background-color: #6bb238;}
.tags .tag-4,.blog-featured .tags .tag-4,.tags .tag-11,.blog-featured .tags .tag-11 {background-color: #905DAE;}
.tags .tag-5,.blog-featured .tags .tag-5,.tags .tag-6,.blog-featured .tags .tag-6,.tags .tag-12,.blog-featured .tags .tag-12 {background-color: #D8A418;}
.tags .tag-6,.blog-featured .tags .tag-6,.tags .tag-13,.blog-featured .tags .tag-13 {background-color: #5AA0E4;}
.tags .tag-7,.blog-featured .tags .tag-7,.tags .tag-14,.blog-featured .tags .tag-14 {background-color: #f44321;}
.tags .tag-8,.blog-featured .tags .tag-8,.tags .tag-15,.blog-featured .tags .tag-15 {background-color: #3d854d;}
.tags .tag-119, .blog-featured .tags .tag-119 {background-color: #6C9933;}
.tags .tag-120, .blog-featured .tags .tag-120 {background-color: #ea4e4e;}
.tags .tag-121, .blog-featured .tags .tag-121,.tags .tag-361, .blog-featured .tags .tag-361 {background-color: #896BC0;}

.tags .tag-301,.blog-featured .tags .tag-301,.tags .tag-302,.blog-featured .tags .tag-302,.tags .tag-308,.blog-featured .tags .tag-308 {background-color: #4c4c4c;}
.tags .tag-303,.blog-featured .tags .tag-303,.tags .tag-304,.blog-featured .tags .tag-304,.tags .tag-305,.blog-featured .tags .tag-305,.tags .tag-309,.blog-featured .tags .tag-309,.tags .tag-310,.blog-featured .tags .tag-310 {background-color: #0073aa;}

.articlestatus {position: absolute; top: 0; right: 160px; z-index:3; }
.articlestatus span { border-radius: 0 0 6px 6px;
	color: #ffffff;
    display: block;
    font-size: 11px;
    height: 16px;
	min-width:72px;
    line-height: 16px;
	margin: 0px 2px 2px 2px;
    padding: 0px 4px 0;
    text-align: center;
	float: left;
    white-space: nowrap;}
/*
.tag-new {background-color: #52CBE8; }
.tag-mosthit {background-color: #B8BC00;}
.tag-popular {background-color: #CE341D;}*/

.item-page .articlestatus {position: relative; 
	display: block;
    float: right;
    margin: 0;height: 0px;
    right: -10px;
    top: 60px;
	width:72px;
    z-index: 4;}
.item-page .articlestatus span { border-radius: 6px 0 0 6px;}



.article-intro p {text-align: center;}

.navbar .brand img { height:80px; width:240px;}
.navbar.affix .brand img { height:40px; width:120px;}
.navbar.affix .brand { margin-left:30px; padding: 5px 20px 5px;}


@keyframes anim-affix {
  0% {background-color: rgba(113, 127, 153, 0.9);}
  100% {background: rgba(126, 138, 162, 0.7);}}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.navbar.affix .brand img {
  -webkit-animation: bounceInDown 0.5s ease-out 0.0s normal both 1;
  animation: bounceInDown 0.5s ease-out 0.0s normal both 1;
}


a, a:focus, button {outline: none;}

#sidebar .moduletable { padding:20px; margin-bottom:20px; color:#263248; 
	background-color: #E2E4E6; 
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-transition: background 0.5s linear;
		-moz-transition: background 0.5s linear;
				transition: background 0.5s linear;
	}
#sidebar .moduletable  a {	transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: linear;} 
	
#sidebar .moduletable:hover {background-color: rgba(126, 138, 162, 0.7) !important;}
#sidebar .moduletable:hover a {color:#FFF;}

.readmore .btn {background:none; border:none;}

.block-0 {height:100%;	width:800px; background: #0CF; display:table; position: relative;}
.block-1 {width:50%; background: #C9C; display: table-cell; vertical-align: bottom ; position: relative;}
	
.block-1 img { display: block; height: 250px; width:200px; margin-left: auto; margin-right: auto; vertical-align:bottom;}

.block-3 { width:50%; background: #C9C; display: table-cell; vertical-align: middle; padding:40px 0 40px 0; text-align:center; }

.block-4 { position: absolute; top: 0; right:0; width:50%; line-height:20px; text-align:right; z-index:1; }

.block-5 { position: absolute; bottom: 0; right:0; width:50%; line-height:20px; text-align:center; z-index:1;}
	
.block-5 a { margin:10px 20px;}

.block-pusto { position:absolute; width:20px; z-index:3; height:auto; top:135px; left:0px; opacity:0.2; transition: all 0.3s ease-in-out 0s; font-size:24px; line-height: 26px; cursor:pointer; color: #7E8AA2;}
.affix .block-pusto { top:65px; z-index:3; position:absolute;  }
.block-pusto:hover {opacity:1; }

.block-0w { 
	height:100%;
	width:800px;
	background: #0CF;
	display:table; }

.block-3w { 
	width:50%;
	background: #C9C;
display: table-cell;
	vertical-align: bottom ; }
	
.block-1w { display: table-cell; vertical-align: middle;	}

/*	 Анимация слайдера    */
/*.carousel { background-color:#FFF;} */
.carousel-inner .item { height:480px; }
.carousel-fix { max-width: 1080px; margin-left:auto; margin-right:auto;}
.slider-temp { background-color:#46638A; width: 100%; height:480px;}
.slider-temp .item {padding-top: 68px;}
.slider-img {width:45%; float:left;}
.slider-intro {width:55%; float:right;}
.slider-intro p {padding-left: 10px;}

.product-type { text-align: center;}
.product-type > a {
	background-color:#7E8AA2;
    border-radius: 6px;
    display: inline-block;
    height: 42px;
    line-height: 43px;
    padding: 0 30px;
    white-space: nowrap;
    font-size: 12px;
	margin:0 4px;
	color:#FFF;
}
.product-type > a:hover {
    background: none repeat scroll 0 0 #e58900; text-decoration:none;
}
.lnd_introtxt {position:relative; }
.fn_static_1 {position:relative; border-bottom: 1px solid #eeeeee; padding: 7px 0 6px; 
display:block;
	clear: both;}
.fn_static_1 .version-intro, .lnd_introtxt .version-intro {z-index: 10; right: 0px; color: #999; font: 300 12px/18px "Open Sans",sans-serif;
    text-align: right;
    top: 0px;
    width: 40%;}
.fn_static_1 .version-intro span, .lnd_introtxt .version-intro span {
 background-color:none;
    border-radius:0;
    color: #999;
    float: right;
    font-size: 12px;
	line-height: 18px;
    margin-left: 2px;
    padding: 0;
}

.fn_static_1 p {
    color: #666;
   font-size: 90%;
  	margin: 0px;
}	
.fn_static_1 a {
    font-size: 14px;
    line-height: 26px;
}	

.anim-img  { width:100%; height:480px; opacity: 1; z-index:0; padding:20px 20px 0px 20px; }	
.anim-img img.center { display:block; margin-left:auto; margin-right:auto;}
.anim-img img.left { float:left; display:block; }
.anim-img img.right { float:right; display:block; }

.carousel-intro {width:100%; padding-top:100px; padding-left:50px; padding-right:0px;}
.carousel-inner .carousel-intro .anim-h {
	font-family: "Open Sans",sans-serif;
	text-transform: uppercase;
	color: #ECF0F4;
	text-align:left;
	font-size: 52px;
    font-weight: 900;
    line-height: 48px;
	z-index:5;
}

.carousel-inner .carousel-intro .anim-text { 
	text-align:left;
	font-size:18px;
    color: #AFC2D6;
	font-family: Roboto;
    font-weight: 100;
    line-height: 1.1;
	z-index:5;
}

.anim-btn .btn { min-width:164px; margin:10px 10px 0 0; }
.color-1 { color:#FF9800;}
.color-2 { text-decoration: underline; color: #3492f4;}



@keyframes anim-out1 {
  0% { opacity:1;}
  30% {transform:translate(100px, 0px)); opacity:1;}
  100% {opacity:0;}}
@-moz-keyframes anim-out1 {
  0% { opacity:1;}
  30% {transform:translate(100px, 0px); opacity:1;}
  100% {opacity:0;}}
@-webkit-keyframes anim-out1 {
  0% {opacity:1;}
  30% {transform:translate(100px, 0px); opacity:1;}
  100% {opacity:0;}}
@-o-keyframes anim-out1 {
  0% {opacity:1;}
  30% {transform:translate(100px, 0px); opacity:1;}
  100% {opacity:0;}}

@keyframes anim-out2 {
  0%, 50% {opacity:1;}
  70%, 100% {opacity:0;}}
@-moz-keyframes anim-out2 {
  0%, 50% {opacity:1;}
  70%, 100% {opacity:0;}}
@-webkit-keyframes anim-out2 {
  0%, 50% {opacity:1;}
  70%, 100% {opacity:0;}}
@-o-keyframes anim-out2 {
  0%, 50% {opacity:1;}
  70%, 100%{opacity:0;}}

@keyframes anim-in1 {
  0%, 50% {opacity:0;}
  100% {opacity:1;}}
@-moz-keyframes anim-in1 {
  0%, 50%  {opacity:0;}
  100% {opacity:1;}}
@-webkit-keyframes anim-in1 {
  0%, 50%  {opacity:0;}
  100% {opacity:1;}}
@-o-keyframes anim-in1 {
  0%, 50%  {opacity:0;}
  100% {opacity:1;}}

.active.left .anim-img img, .active.right .anim-img img {
	animation: anim-out1 0.6s ease-in 0.8s normal;
	-webkit-animation: anim-out1 0.6s ease-in 0.8s normal;
	-moz-animation: anim-out1 0.6s ease-in 0.8s normal;
	-o-animation: anim-out1 0.6s ease-in 0.8s normal;
}

.next.left .anim-img img, .prev.right .anim-img img {
	animation: anim-in1 1s ease-out 1s normal;
	-webkit-animation: anim-in1 1s ease-out 1s normal;
	-moz-animation: anim-in1 1s ease-out 1s normal;
	-o-animation: anim-in1 1s ease-out 1s normal; 
}

.active.left .anim-h, .active.right .anim-h { 

	-webkit-animation: anim-out2 1s ease-in-out normal both 1;
	-moz-animation: anim-out2 1s ease-in-out normal both 1;
	-o-animation: anim-out2 1s ease-in-out normal both 1;
	animation: anim-out2 1s ease-in-out normal both 1;
}

.next.left .anim-h, .prev.right .anim-h {
	animation: anim-in1 1s ease-out 0.8s normal both 1;
	-webkit-animation: anim-in1 1s ease-out 0.8s normal both 1;
	-moz-animation: anim-in1 1s ease-out 0.8s normal both 1;
	-o-animation: anim-in1 1s ease-out 0.8s normal both 1;
}

.active.left .anim-text, .active.right .anim-text, .active.left .anim-btn, .active.right .anim-btn {
	-webkit-animation: anim-out2 1s ease-in-out  0.4s normal both 1;
	-moz-animation: anim-out2 1s ease-in-out  0.4s normal both 1;
	-o-animation: anim-out2 1s ease-in-out  0.4s normal both 1;
	animation: anim-out2 1s ease-in-out  0.4s normal both 1;
}

.next.left .anim-text, .prev.right .anim-text, .next.left .anim-btn, .prev.right .anim-btn {
	animation: anim-in1 1s ease-out 0.8s normal both 1;
	-webkit-animation: anim-in1 1s ease-out 0.8s normal both 1;
	-moz-animation: anim-in1 1s ease-out 0.8s normal both 1;
	-o-animation: anim-in1 1s ease-out 0.8s normal both 1;
}

#comments-form textarea {
    max-width: 600px !important;
    width: 600px;
}
#comments-form .grippie {
    max-width: 600px !important;
    width: 600px;
}

.yashare-auto-init {margin: 0 0 9px;}

#filter_form, .filter_form {text-align:center;}
#filter_form label, .filter_form  label {text-transform: uppercase;font-size: 11px;
    line-height: 16px;}
#filter_form select, .filter_form  select  {
    background-color:#FFF;
    border: 2px solid #7E8AA2;
    width: 160px;
	border-radius: 6px;
	height: 28px;
    line-height: 28px;
}
select:focus, select:hover { border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;}

.toolbar-img {height: 23px; background-image:url(../../../images/safari_toolbar_mini.png);
	background-size: contain;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 440px;
	background-repeat:no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
	}
	
.extensions .toolbar-img {height: 286px; background-image:url(../../../images/macbook.png);
    position: absolute;
    width: 520px;
	display:block;
	z-index: 10;
}
.articles .toolbar-img {height: 10px; background-image:url(../../../images/safari_toolbar_blog_mini.png);}
.articles .item-image img { margin-bottom: -32px;}

span.browser-icon { display: inline-block; padding-top: 9px;}
span.browser-icon img {float: left; display: block; width: 28px; margin-right:6px; }
.in-archive {clear: both;}
	
.footer a {color: #bfc5cf;}

.blog .btn-group {display:none;}
.foot-copright {line-height: 12px;}
.foot-copright [class*="span"] {font-size: 12px; color: #bfc5cf;margin:0;min-height: 14px; }


.related-module { display:block; padding-bottom:20px; padding-top:20px; width:100%;}
.related-module h3 {text-align:center;}
.related-module .box { 
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
transition: all 0.3s ease-in 0s;}

.related-head { 
  text-align: center;
  height: 36px;
  width: 100%;
  display: table; }
.related-head h5 {vertical-align: middle; padding:0 15px; display: table-cell; }
.related-date {font-size: 11px; line-height:12px; padding:0 0 4px;text-align:center; color:rgba(30, 55, 70, 0.4);}
.related-img { margin: 0 0 0 0; padding:4px 6px 0px 6px; line-height: 11px;}
.related-img .safari { opacity:1;}
.related-img a img {border-bottom:2px solid #A4ADBE; }
.related-module .box:hover  .related-img a img {border-color:#FF9800; }

table.pagenav  { width:100%;text-align:center;}
.pagenav h3 { vertical-align:middle;}
td.pagenav-prev { width:42%; text-align:left; padding: 2px 10px;}
td.pagenav-next { width:42%; text-align:right; padding: 2px 10px; }
td.pagenav-prev  a, td.pagenav-next  a { font-size:14px; text-decoration: underline; vertical-align:middle;  }
td.pagenav-icon { width:8%;}
td.pagenav-icon img { height:16px;}
td.pagenav-center {width:2px; text-align:center; height:40px;  margin:2px 0; background-color:rgba(0, 49, 79, 0.08); display: block;}


.clr { clear:both;}
.hidden-desktop {display: none !important;}

.nav li img {height:16px;}
.category-desc img { float:left; margin: 0 20px 20px 0; height:48px;}
.category-desc ul li { display: inline-block;  padding: 0 6px; }
.category-desc blockquote { margin: 8px 0;}

.category-desc blockquote ul {text-align: right; color: #999999; display:block; line-height: 18px; font-size: 85%; }
.category-desc blockquote ul:after { content: " —";}

.color-desc > .category-desc img {height:32px;width:32px; -moz-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px;}


.featured-header {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 20px;
    padding: 5px 0 15px;
    text-align: center;}

.featured-header h1,.featured-header h2, .featured-header h3, .featured-header h4 {font-weight: 100;  margin-bottom: 10px; margin-top: 20px; line-height: 1.1; font-family: Roboto;}

.featured-header h1 {font-size: 48px;}
.blog .featured-header h1, .tag-category  .featured-header h1 {font-size: 42px;}
.featured-header h2 {font-size: 36px;}
.featured-header h3 {font-size: 24px;}
.featured-header h4 {font-size: 18px;}

.fox-featured {
    margin: 15px 0;
	padding-left: 15px;
    padding-right: 15px;
}
.row-fluid [class*="span"].fox-featured  {margin-left: 0; min-height: 1px;}

.fox-featured i,.fox-featured span  {
    border: 1px solid #FF9800;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;
	background-repeat: no-repeat;
    background-size: 64px auto;
    float: left;
    font-size: 32px;
    height: 64px;
    width: 64px;
    line-height: 1.05;
    margin-top: 15px;
    text-align: center;
}

.featured-content div > img {float: left;margin-top: 15px;}
.featured-content div > div {margin-left: 85px;}
.featured-content.text-center div > img {float: none;margin-top:0;} 
.featured-content.text-center div > div {margin-left:0;}


.icon-premium-template{ background-image: url('/images/content_icon/premium_template.png');}
.icon-search-and-nav{ background-image: url('/images/content_icon/search_and_nav.png');}
.icon-documentation{ background-image: url('/images/content_icon/documentation.png');}
.icon-support-and-discus{ background-image: url('/images/content_icon/support_and_discus.png');}
.icon-daily-updates{ background-image: url('/images/content_icon/daily_updates.png');}
.icon-free-extensions{ background-image: url('/images/content_icon/free_extensions.png');}
	
.social-like { margin:0 auto; display: table; max-width: 960px;}
#vk_like { float: left;}

a.showall {font-size:11px; color:#CCC;}
a.showall:hover {color:#7e8aa2;}

.category-desc .logo-studio, .category-desc .logo-subject, .category-desc .logo-desc { display: table-cell;   position: relative;   vertical-align: middle;   width: 30%; }
.category-desc .logo-studio img { margin-left: auto; margin-right: auto; display: block; float: none; height:auto; width: 256px; }
.category-desc .logo-subject img { margin-left: auto; margin-right: auto; display: block; float: none; height:auto; width: 64px; }
.category-desc .logo-desc {width: 20%;}
.category-desc .logo-desc img { margin: 0px; margin-left: 0; margin-right: auto; margin-bottom:0; display: block; float: none; height:auto; width: 48px;}
.category-desc .desc-studio { display: table-cell; vertical-align: middle; text-align: justify; margin: 0 0 20px; padding:0 20px;}

p.sortby span, p.count {font-size:10pt; color:#999;}
p.count span { }
p.sortby a {font-size:11px; color:#ccc; }
p.sortby , p.sortby a:hover {font-size:11px; color:#7e8aa2;}
p.sortby a.active {color:#7e8aa2;}
p.sortby, p.count {margin-bottom: 40px; margin-top: -20px;}
p.sortby.noactive {color:#999;}

/* Subscription */

.subscription-info { float:right; display: block;margin: 0 60px 0 0;font-size:12px;vertical-align: middle; line-height: 20px; color:#ecf0f4; }

/* Plans */

.plans.count3 {padding:0 100px;}

.section-title {margin:0 80px 40px; font-size: 14px; color: #404853; line-height: 20px; position: relative;}
.clubbing-like { margin:0 auto; text-align: center; padding-top:5px;}
.plans .row-fluid [class*="span"] {
		margin-left: 1%;
		*margin-left: 1%;
	}

.plans .row-fluid .span4 {
		width: 32.665%;
		*width: 32.565%;
	}
.plans .row-fluid .span3 {
		width: 24.24%;
		*width: 24.14%;
	}
.plans .row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}

.plans div {display:block;}
.p-name {background-color:#7e8aa2;}
.p-name h3 {color:#FFFFFF;}
.p-best {background-color:#ff9800;}
.p-block { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.p-price {background-color:#FFFFFF; padding:24px 0; font-family: "Open Sans",sans-serif;  }
.p-price > span.price {font-size: 56px;line-height: 86px;}
.p-price > span.price > sup {font-size: 24px; top: -1.4em;}
.p-price > span.old {font-size: 18px; position: relative; bottom:-2px; left:-4px;}
.p-price > span.old > span{
    border-bottom: 2px solid #ff0000 !important;
    display: block;
    left: -8px;
    position: absolute;
    top: 50%;
    transform: rotate(-12deg);
    width: 42px;
    z-index: 3;
}
.p-price.p-only > span.old > span{left: -12px; width: 38px;}
.p-period { font-weight:bold; padding:0 36px; }
.p-period > span { display:block; padding:8px 0 16px 0;  border-top: 1px solid #e3e3e3;}
.p-description {border-bottom: 1px solid #e3e3e3; text-align:center;}
.d-plan {height: 100%; min-height:180px;}
.p-description ul {list-style: none; margin: 0; padding: 0;}
.p-description ul > li {
    display: block;
    margin-bottom: -1px;
    padding: 8px 14px;
    color: #404853;
    text-decoration: none;
    border-bottom: 1px solid #e3e3e3;
}

.alert-plan {padding: 12px 14px;}
.alert-plan p {margin: 0;}
.p-btn {padding-bottom:12px;}
.selectpay {margin-bottom: 20px;}

.bg-gray {background: #f8f8f8 none repeat scroll 0 0;}
.bg-info {background: #edeff2 none repeat scroll 0 0;}
.bg-best {background: #FFCE86 none repeat scroll 0 0;}
.d-plan .icon-ok {color: #6c9933;}
.d-plan .icon-cancel {color: #c73226;}
.ques {
    color: #7e8aa2;
    font-size: 10px;
    font-weight: normal;
    vertical-align: 12%;
}
.badge {
    color: #fff;
    display: inline-block;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.badge {
    border-radius: 9px;
    padding-left: 9px;
    padding-right: 9px;
}
.badge:empty {display: none;}

.subscription-info .badge {line-height: 12px; text-shadow: none; }
.subscription-info .next-limit { font-size:12px;}

.login .nav-tabs > li > a {color: #7e8aa2;}
.login .nav-tabs > li > a:hover {color: #ff9800;}

.com_users .slogin .slogin-buttons {margin-left:auto; margin-right:auto; width:60%;}


#content-menu { position: relative; display: block;}
.jf-sidebar {display: block; background: #fff none repeat scroll 0 0; border: 1px solid #eee; border-radius: 4px; padding: 10px;}
.jf-sidenav { display: block; margin: 0 !important;}
.jf-sidenav li a {color: #7e8aa2; font-size: 90%;}
#content-menu .affix { display: block; top:0px; bottom:0px;	left: auto;	right: auto; margin-bottom: 0; position: relative; z-index: 100;}
#content-menu .backtotop {float:right; margin-top:-28px; color: #e4e4e4; font-size: 14px;}
#content-menu .backtotop:hover {color:#a0a9ba;}

.nav-list.jf-sidenav .active > a, .nav-list.jf-sidenav .active > a:hover, .nav-list.jf-sidenav .active > a:focus { background:none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.0); color: #ff9800; text-decoration: underline;}

.nav-header {color: #8c9198;}
.jf-sidenav .divider {border-bottom: 1px solid #e4e4e4;}

#filter_form select option:disabled {color: #ff9800;}
h1.filter span {font-size: 12px;height: 15px; margin-bottom: 0px; padding: 3px 6px 0;}

.result-title {font-size: 14px;}
.result-created {margin-bottom:10px; color: #999; font-size: 11px;}
.highlight {color:#EF5350;}

#content .thumbnail {background-color:#293A51; width: 220px; height: 220px; padding:20px 20px; margin-left:40px; margin-top:-50px; border-radius: 50%; box-shadow: none;border: 0px; }
#content .thumbnail img {margin:28% auto;}
#jform_contact_message {height: 160px; width: 520px;}

.dl-horizontal-l {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}
.dl-horizontal-r {margin-left: 180px;}
img.artbord {border: 1px solid #edeff2;}

.next-limit {color: #468847; font-size:12px;}
table.emhistory td { padding-top: 20px; padding-bottom: 20px; vertical-align: middle; }
table.emhistory h3 { margin-top: 0px;}
table.emhistory tr.active td {border-top: 1px solid #5cb85c; border-bottom: 1px solid #5cb85c;}
table.emhistory td.active {background-color: #5cb85c !important; height:100px; }
table.emhistory td.noactive {background-color: #fcf8e3 !important; }
table.emhistory td.disabled {background-color: #f2dede !important; }

#formsubscr div.alert label.checkbox {line-height: 22px; margin-bottom: 0px;}
#formsubscr button.btn-link {margin-right:20px;}
div.category-desc {position:relative;}
div.allthemes {position:absolute; top:-128px; right:0; font-size: 16px; display: none;}
.allthemes .icon-publish {color: #378137;}
.allthemes .icon-unpublish {color: #942a25;}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {background-color: rgba(126, 138, 162, 0.15);}
a.btn-copy.btn-link:active {color:#ff9800;}
.price-ru {color: #7e8aa2;}
.p-period .ques2 { font-family: "Open Sans",sans-serif; font-size: 11px; font-weight: normal; color: #7e8aa2;}
.free-theme .btn {width: 80%;}
.button_container .btn.clubbing-btn {width: 100% !important; margin-top:10px; float:none;}
.item-page .item-text .favorites {right: -80px; top: -80px;}

@media (min-width: 768px) and (max-width: 979px) {
.item-page .img-fox .full-image {width: 100%;}
}

@media (max-width: 768px) { 
.item-page .img-fox .full-image {width: 100%;}
}

.itemid-507 .body .container {width: 1180px; max-width: 1180px;}

.item-310 a img {height: 20px; position: absolute; top:-2px; right:6px;}


/* NEW Style Blog Grid List */
div.switcher { position: relative; }
div.switcher button span { display: block; margin: 0 3px; height: 16px; width: 16px; line-height: 16px; color:#ccc; font-size:16px;}
div.switcher button.active span { color: #7e8aa2;}
div.switcher button:hover, div.switcher button:focus { text-decoration: none;}
div.switcher button:hover span { color: #ff9800;}

/*
div.switcher.firsttime {
  animation: switcherFrames linear 2.8s;
  animation-iteration-count: infinite;
  animation-delay: 1s; 
  transform-origin: 50% 50%;
  -webkit-animation: switcherFrames linear 2.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s; 
  -webkit-transform-origin: 50% 50%;
  -moz-animation: switcherFrames linear 2.8s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 1s; 
  -moz-transform-origin: 50% 50%;
}
*/
@keyframes switcherFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  4% {
    transform:  translate(0px,-25px)  ;
  }
  10% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-15px)  ;
  }
  25% {
    transform:  translate(0px,0px)  ;
  }
  30% {
    transform:  translate(0px,-5px)  ;
  }
  40% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes switcherFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  4% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  10% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  25% {
    -moz-transform:  translate(0px,0px)  ;
  }
  30% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  40% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes switcherFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  4% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  10% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  25% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  40% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

div.switcher.firsttime:hover {
/*	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;*/
	animation:none;
	-webkit-animation: none;
	-moz-animation: none;
}








	
/* NEW Btn */
.btn-demo {
	color: #fff;
	border:none;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	background-color: #F39C12;
	background-image: -moz-linear-gradient(top,#F5AB35,#F39C12);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#F5AB35),to(#F39C12));
	background-image: -webkit-linear-gradient(top,#F5AB35,#F39C12);
	background-image: -o-linear-gradient(top,#F5AB35,#F39C12);
	background-image: linear-gradient(to bottom,#F5AB35,#F39C12);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF5AB35', endColorstr='#ffF39C12', GradientType=0);
	*background-color: #F39C12;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-demo:hover,
.btn-demo:focus,
.btn-demo:active,
.btn-demo.active,
.btn-demo.disabled,
.btn-demo[disabled] {
	color: #fff;
	background-color: #F39C12;
	*background-color: #F39C12;
}
.btn-demo:active,
.btn-demo.active {
	background-color: #F39C12 \9;
}

.btn-moreinfo {
	color: #fff;
	border:none;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	background-color: #7E8AA2;
	background-image: -moz-linear-gradient(top,#8794AD,#7E8AA2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#8794AD),to(#7E8AA2));
	background-image: -webkit-linear-gradient(top,#8794AD,#7E8AA2);
	background-image: -o-linear-gradient(top,#8794AD,#7E8AA2);
	background-image: linear-gradient(to bottom,#8794AD,#7E8AA2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8794AD', endColorstr='#ff7E8AA2', GradientType=0);
	*background-color: #7E8AA2;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-moreinfo:hover,
.btn-moreinfo:focus,
.btn-moreinfo:active,
.btn-moreinfo.active,
.btn-moreinfo.disabled,
.btn-moreinfo[disabled] {
	color: #fff;
	background-color: #7E8AA2;
	*background-color: #7E8AA2;
}
.btn-moreinfo:active,
.btn-moreinfo.active {
	background-color: #7E8AA2 \9;
}



/* For Grid Templates */
.blog-featured .item {
	height: auto;
	max-width: 100%;
	margin: 5px 0 35px 0;
	position: relative;
    transition: all 0.2s ease-in-out 0s;
}
.blog-featured .box-intro {
	height: 100%;
	width: auto;
	display: block;
	margin: 0px 20px;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 -2px 25px -23px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 -2px 25px -23px rgba(0, 0, 0, 0.75);
	box-shadow: 0 -2px 25px -23px rgba(0, 0, 0, 0.75);
}

.blog-featured .item-image {
	width:auto;
	display:block;
	margin: 0;
	position: relative;
	vertical-align: top;
}
.blog-featured .item-image img {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding:0;
}

.blog-featured .box-intro .img-shadow {
	background: url("../img/modal-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	height:100%;
	width:100%;
	line-height: 0;
    position: relative;
	top:0; left:0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	transition: all 0.8s ease-in-out 0s;
	z-index:4;
}


.blog-featured .article-intro {
	height: auto;
	width: auto;
	display:block;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	opacity:0;
	transition: all 0.2s ease-in-out 0s;
	z-index: 8;
}

.blog-featured .descrip {
	display:block;
	position: absolute;
	bottom: 66%;
	left: 20px;
	right: 20px;
	padding:2% 4%;
	color:#edeff2;
	font-size: 14px;
    line-height: 22px;
	text-align:center;
	z-index: 7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid rgba(255, 255, 255, 0.2);
	background-color:rgba(64, 72, 83, 0.8);
	/*text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;*/
}
.blog-featured .descrip:first-letter { text-transform: capitalize !important;} 

.blog-featured .article-intro .tags {
	display:block;
	background-color:rgba(64, 72, 83, 0.5);
	position: absolute; 
	bottom:0;
	padding:2% 4%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	opacity:0;
	z-index: 7;
}

.blog-featured .tags span {background-color: rgba(178, 185, 199, 0.5); text-shadow:none;}
.blog-featured .tags span a {color: #edeff2;}
.blog-featured .box-intro .tags .tag-53, .blog-featured .box-intro .tags .tag-167 {
	position:static; 
	background-color: rgba(178, 185, 199, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}
.blog-featured .box-intro .tags span:hover {background-color:#5e6779;}

.blog-featured .articlestatus {
	left: 18px;
	right: auto;
    top: -16px;
    z-index: 0;
}
.blog-featured .articlestatus span {
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
}
.articlestatus .tag-new {background-color: #F39C12;}
.articlestatus .tag-update {background-color: #7FB3D5;}
.articlestatus .tag-popular {background-color: #e43;}

.blog-featured .article-intro .favorites {
	width: auto;
	line-height: 22px;
	position: absolute;
	top:10px;
	right: 10px;
	text-align: right;
	z-index: 100;
}
.blog-featured .article-intro .button-intro {
	height: auto;
	width: 100%;
	display:block;
	position: absolute;
    bottom: 48%;
    right: 0;
    text-align: center;
    z-index: 8;
}
.blog-featured .button-intro .btn {
	width: 80px;
	padding: 8px;
}
.blog-featured .article-intro .button-intro a {margin: 4px 1px 4px;}
.blog-featured .btn-demo {background-color:rgba(255, 136, 0, 0.7); background-image: none;}
.blog-featured .btn-moreinfo {background-color:rgba(126, 138, 162, 0.7); background-image: none;}
.blog-featured .btn-demo:hover {background-color: #F39C12;}
.blog-featured .btn-moreinfo:hover {background-color:#7E8AA2;}

.blog-featured .box-intro .item-header {
	background:#edeff2;
	display:block;
	padding:10px 20px;
	position:relative;
	overflow:hidden;
	z-index:10;
}

.blog-featured .box-intro .item-title {
	font-size:14px;
    line-height:16px;
	font-weight:700;
	max-width:260px;
	text-overflow:ellipsis; 
	overflow:hidden; 
	white-space:nowrap;
	padding-bottom:2px;
	margin:0;
}
.blog-featured .box-intro .item-title a {color: #404853;}
.blog-featured .box-intro h3.item-title a:hover {color: #ff9800;}
.blog-featured .update { color:#777; text-align:left; margin:0;}

.blog-featured .box-intro:hover .img-shadow {opacity:0.9;}
.blog-featured .box-intro:hover .article-intro {opacity:1;}
.blog-featured .box-intro:hover .article-intro .tags {opacity:1; bottom:22%;}


/* For Grid Extensions */
.extensions.blog-featured .box-intro {
	-webkit-box-shadow: 0 -1px 5px -4px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 -1px 5px -4px rgba(0, 0, 0, 0.45);
	box-shadow: 0 -1px 5px -4px rgba(0, 0, 0, 0.45);
}

.extensions.blog-featured .category-desc .box-intro {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.extensions.blog-featured .box-intro:hover .article-intro .tags {opacity:1; bottom:22%;}
.extensions.blog-featured .article-intro .button-intro {bottom: 48%;}


/* For List Template */
.blog-list .items-row {
	margin-bottom: 30px;
}

.blog-list .item:after {
    content:"";
    display: block;
    clear: both;	
}
.blog-list .cat-row0, .blog-list .cat-row1 { 
background: #edeff2;
border-radius: 8px 0px 0px 8px;
-moz-border-radius: 8px 0px 0px 8px;
-webkit-border-radius: 8px 0px 0px 8px;
overflow: hidden;
position: relative;
}

.blog-list .box-intro {
    display: block;
	margin-bottom: 0;
}
.blog-list .toolbar-img, .blog-list .img-shadow { background: none; display: none; height: 0; width: 0;}
.blog-list .item-image {width: 180px; height: 120px; overflow: hidden; float: left; display:block;}
.blog-list .item-image img {
height: auto;
margin: 0 auto; 
max-width: 100%;
}

.blog-list .article-intro { padding:10px 20px; display: block; margin-left:180px; position: relative; }
.blog-list .page-header { margin: 0; padding-bottom: 0;}
.blog-list .page-header h2 { margin-top:0; font-size: 20px; line-height: 22px;}
.blog-list .tags { margin-right:240px; overflow: hidden;}

.blog-list .articlestatus {
    right: 180px;
    top: 0px;
}
.blog-list .favorites {
    position: absolute;
    right: 20px;
    top: 10px;
    width: auto;
}
.blog-list .version-intro {
    right: 0px;
    top: 40px;
    width: auto;
}

.blog-list .button-intro {
    bottom: 0;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 240px;
	padding-right:20px;
}
.blog-list .button-intro .btn {
	width: 80px;
	padding: 8px;
	margin: 10px 1px 15px;
}

.blog-list .descrip { text-align:left; font-weight: 500; margin-bottom:4px; }
.blog-list .descrip:first-letter { text-transform: capitalize !important; } 
.blog-list .update { color:#777; text-align:left; margin: 0 0 5px;}

.blog-list .box-intro .tags .tag-53, .blog-list .box-intro .tags .tag-167 { display:none;
    right: 9%;
    top: 0px;
}
.blog-list .article-intro .page-header span.label-warning { position: absolute; left: 50%; top: 0px;}


/* For List Extensions  */


/* For Blog Template */
.type-blog .items-leading .cat-row0, .type-blog .items-leading .cat-row1, .type-blog .items-leading .cat-row_no {position: relative;}
.type-blog .system-unpublished {overflow: hidden;}


/* For Blog Extensions 2 Column */
.extensions .cols-2 .box-intro { position: relative; }
.extensions .cols-2 .article-intro { padding:0 0 0 0; display: block; } 
.extensions .cols-2 .item-image.pull-none { width:186px; border: 0px solid #FAFAFA; float:left; }
.extensions .cols-2 .cat-row0 .item-image, .extensions .cols-2 .cat-row1 .item-image {margin-right:10px; margin-bottom:10px;}
.extensions .cols-2 .items-leading .tags { position: static; top: auto; bottom:auto; text-align:left; width:96%; display: block; float:none; clear:both; padding: 10px 0 0; margin:0 0 10px 0; overflow: hidden; height: 22px; line-height: 22px; }
.extensions .cols-2 .item-image img { display: block; margin-left: auto; margin-right: auto; width:180px; margin:3px 0px; padding:0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.extensions .cols-2 .article-intro p {text-align: left;}
.extensions .cols-2 .items-leading .page-header { margin-right: 20%;}
.extensions .cols-2 .items-leading .page-header h2 {
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap; 
}
.extensions .cols-2 .box-intro .tags .tag-53, .extensions .cols-2 .box-intro .tags .tag-167 { right: 55px; top: -78px;}
.extensions .cols-2 .box-intro .articlestatus { right: 125px; top: -78px;}
.extensions .cols-2 .box-intro .tags .tag-177 { top: -78px; right: 85%;}
.extensions .cols-2 .readmore {
	background: none; 
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	position: relative;
	bottom:20px;
}
.extensions .cols-2 .readmore a { color: #a0a9ba; border: 2px solid #a0a9ba; opacity: 0.5 !important; padding:2px 8px 0px ; font-size: 11px; line-height: 17px; }
.extensions .cols-2 .readmore a:hover { opacity: 1 !important;}
.extensions .cols-2 .readmore a:active { opacity: 1 !important; color: #ff9800;  border: 2px solid #ff9800; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);}
.extensions .cols-2 .articlestatus {right: 70px;}


/* Icons */
.myicon {
	background-image: url('/images/icons/icon_no.png');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 24px;
	width: 24px;
	margin: 6px 10px 6px -10px;
	float:left;
}
/* .myicon.joomla { background-image: url('/images/icons/joomla_30_big.png');} */
.myicon.joomla { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGtklEQVRogdWaS08bWRqGT+hJiIPvFzy7ntCBdXq6992drJOBPzDDH2jgD/APRsqyZYNdVTZq7EhJFh1kQS+Sjb2JSdnluhgnjgOOwEgjA3IsmUjonUVRbtt1qk4BLXXySc+GOt933rfOpYpTJmQkRM7vV9eiS9W1qFhd+zs+D6KiuhZdEjm/f1TvUKjpydlqevKouhbFZ0l68khNT85SxSupyLyWjuJLQElF5kfufGhWS0/iS0JNh2b/mPOpyNFfLejCBlKRI5Hz+4maCi9p6QjYGMlO2l4F5/2oqfASUYSIqKYjsKKWncFhcRndVh6dZg4HhQVo6ahl+8uirUVxUFhAp5lDt5XHYXEZteyMbY4iRESipsKgE0Fj4z7OTk8wGr22rBe3zL0YtewMem3Z1M/Z6QkaG/ehpiKWuZYGatlpqngjuq38+Vy8mngtPYluK2/Zz9npCWrZaTsDIdA4LC5bFjWisXFvYN4ad4lez0BLhwdywmhs3GP2c1hctqxHlFQIo6jpsO1dMaLXlvtD32vLOK5nsPf7nD4/B+udj+hBYRHdVh6fPu7h7PSkv65Y0W3loabDJp1KKgSiCEGMoqbCjgrbdVjLTkMRdPEfXs7bTkdWdJo5qKmwSaciBOkGFCGI/cLCpTsEgON6BtW1KA4Ki1eqAwD7hQWqxnMDAdDQ0hHqzuAkem0Ztcczf4r4XluGlo5QNSpCAEQWArBiJ3uHOZW6rTzaWnxoLdiJPzs9QaeZw3E9g08f92xrd5o57GTvWOqTdQN+2KGmQnj77HuqkMbGfShC6HzdhPDh5byt+F5bxk72zsBai+C4njG1O65n8PbZd1BTIVttsuAHkXk/WLx7/pOpk/9J/4UiBIfaqamwrfhadgYyHxjK0dIR00h0W3lTbSuIzPvAYndr1iRod2t2qI2aCtmLfzyjj1B2+rxzPU8RAqYtWzcQYOqSeR9IhfeBBd3AXP+6kgoyxRvX9ZGYRoX367lCkGpAFgJMXRXdgBcs3jz9p0lYp5nrz2Wn4of+np2GzPvw9tl3przjegay4GfqqvBekArnBQtFCFK31IPCIqprUeq1XlvGTuYb1CkbwB8m9Gk1GvuFBaYmA1LhPGDjpXZkmKg9Hn6b1MVPocJ5IPM+y4cibYQ+fdyDmgo50KRDJM4DJyhCkLrljZrotWVUM1NDuZULmGg8vweJ8zrSJOkG3HBKNTNl+XQ2TOjizbkV3ss0UX/2PSq817EeiXODSEk3nCILAdN0GTUhCwF6PueBlp5kPuQkzuNYj5R0g0jJCTihwnlwUFjEcT3DNsH7R/Ld2MneQbeVR2Pjvr2JzJQjPQaknJyAE94ObKUsE4fFZci8H+UB8UZb4xXEykSnmevnOoGUk7fAosL7TAuYZcLYywfFG8Ey8e75T0xNBo4MKEKQOtzV9duort+2fEbYGTT2etrCbmtxSEm3QwMJF1i833xIFVBO3EI54TKZcCJeSrpRTrgg8z5Tu24rjwrnYeoqJ1wgpYQLLGgG3m8+HGqjnZtwKt7IkzgP9V1I4jxMXSXdwE2wsB4B11A7RQg6ED8xlFPhvdQRkDg3U1cpcZNtoMJ7qUcfvbYMbf0ffRPlhAs7mW+YDzqZ9/VrS5ybugY6zRzePf8RFd7rwMDqOKyoZqZsj1c+fdzDfmEB7zcf4rC4bHnyMDitOs0cmi/+jfeb/0Jbi1vWNkaimpmy1FdaHQcRV8dBQxYCl/6n3kr8ZaLXliELAapGUTdwA6OUEuN/2nHIVcQbcVBYRCkxbtIprt6gGygnJ650sHV2eoIPL/+DctIFRQhYvsU6jU4zh3JywsLAynWMUk7ccnS0SBPe1uKoruvz1qgnJSewuzV3qZqAvhbKiVsmneLKdZDXK9cxirg6zlxgAPDm6beo//YDGpsPUP/tB1R4H0oJl6megfFG29h8gMbmA2jrt/Hm6bfMftpaHOLqOLUmeb3yN9CoPblre57ZaeYgJd3U3IsgJd220/Xs9AS1J3ct8y0NlBI3sbs1Z/mBQ/v16yuLN9B+/dryA8fu1hxKiZs2BuJj4uuVr0CjtDqO2pO7aGvx/lH4fuFnVDgvtf1V0F/sfu5/YmprcdSe3EVpddw6Lz4mku3Y2NJ2/CvYIa7c6D/5WG2vitGPuHKD3T42tkRePCL+7fi1o+34GL4srh29eET0nx4UY2T2rxd0MYoxMvyTg+1fyPx2/Bq+CH4hwz81MKIYI7PFGDkqxq7h84Qcme78aLx4RPyvYmTpVYyIxRjB58CrGBFfxchSf84PxP8B+ise8iRncAsAAAAASUVORK5CYII=");}

.myicon.joomla4 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEZUlEQVRYhcWXXU8aaRTHn4/CR/CbOMqrJC7uVd21V2Z7a3u33qGIUAaYcdusDu0mfUH3ZldM7DYKTUHlHWQGZFwK1I4GgpqY/PcCGecNay/qnuSXTM5znvM/z5mZ55kh5NocrGBysiLrZOuSc0XEd4GtS05WZB2sYCJKs9LCiJM9kpxsHffDkWSlhZH+yv2CaYKtSRPsEe6XmuTwCybiCNfYCeYI/weOcI0lE0xVmmBqGOAIV/HiQxtpsYO02MFWXsJD7mb8rjzkatjKS3Ie9n0TjnBVE1eViIOpQsnyVgNaa55dwh7ioY0dhj3Eo3l2qcvDvm/qYokjLEBJWuzoJgLAiw9tPInW8SRax9RKRTXHEeIxsyrI495N0TBHWuxAq3fnArS2vn+CH38TMLNWRUbs3mmOYQH2EA8lsfyXOyUDgF/XjVs9zGL5L9DqEXuoAiUzqzyE9rlhAr7VQ/fiCgDwNtWUrwfWPLsE3+oZzhXa55hZ5aHVI/ZgBVpsdFnXiV9e8rDTh/j59wrC26JOPJJowkaXYaPL2CpIqjHmnwZsdFmnYw9WQGzBQxgRSbRUrRv4H/1R1YnvViTEcieYWunHWOmS6tY8flMz1LAFD0EGVWvRFUCX8eilYCg+aLvQPscUewgXW1bFPX5TM9Sw0WUQG12CEd7YsUpo7hWPeOVU5Vvf/4xoqqXyZcQOuPgnlc/FFA01bHQJxBYowQgXU9Ktlnl3DKHdu+6KBGugCBdTkn0D41s97Fakm+4N0bAFSiDWQBHDmHstQGvMu2NEEk1YAwU5blgRXLwBF1Mamt8aKIJYnxYwjJ+el8Dt/qtK3L24gndTVMW5mCLmNwRdERmxA4s/PzS/9WlheAEWfw5Cu//ev001dZ0YFOFiirIws30MXlNEJNG8vQCLPw8j5v+sqVYd3tbv77NcSSc4vyGoHtbuxRXMvqyhhsWfB7H4czAikrh5kvutzGJpsy77lK+ffN/bPfwQzmP6eVHln3vNG2pY/DkQiz8LIyKKVym615b9S3/XsZn7bCweyvfjfFnV+Nwr3lDD4s+CmH1Z6FjO6No4GczB7MtiMpTX7QdpsYNZrgSzLwOzr1+k0rj4J5iXM3odXxakP+mG6WcFwxOue3GF6F7LcOWD5yMtdhDda+nmAv2DavpZAVo9Yl5OQ0ksd2KYwMjSYgeev2pfD7y2eOUUWj0yvpyGjPdAt/vdJj4ZzGJ2rXjnb4LuxRXGvQdQapJx7wGUDDvP45VTcPEGuHgDs2tFqOftY35DkMe158PA+FYPWj0y7t2HEi6u/yjl2z2ML6njbmVpX7c/AAAXb+hiCeVJSWNLe1DCxRtIix00zy4Ry53gwUoW2piv8WAli1juBHyrJ58L2hjKk5II5UmxwxOlvln4W6A8KZZQ7h0TtZiSxjwp3CfUYkqi3Dv9n1TKnRihFpPSmCeJ+4BaTEqUOzGi+kOm3Dum0YWP7OhCUqIWk/gejC4kpdGFj6y8ckLIf0GzhN1Uem2zAAAAAElFTkSuQmCC"
	) no-repeat scroll 0px 50% / 24px auto;
}

.myicon.joomla5 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADhElEQVRYR8VXPWgUQRSe3bu9nxDEzoAp1CCoTWKlRAhISLSwCMbGH0SriI1FSDoJMV1CChtNqoj40xhJYaFJIQgBrYyNCCJYRIiVR7jk/m+db7i3vJ2ZPTcxelMkx+y+9773ve+9mXVEYxXOHztUr5QnfOEPya39tL/H/3OOcJZcLzWZff3lO3w7+JMfONoj6tW3/zCwnkdOuMmz7Stf1xxkXquUPv7H4AQml/DSJ52t/iMLkvYbe0x1LHeyHI+cfP/hX3r2qet3hNt9Wjnxf66L8uP7wt9Yj+WUXnI6OgX8OAc61VZtdVlUXi4YpQAAn+8mzw2L9NhM6EWA2L7atyMAbU/fBcHJsPxgygBhAMjMPheJ7lNGsIpkofbpg9qvf/ss/Pxm6B1k7DaydToOGkkoFqR9cfRy2E5nIAqAjgh0ApRo36eC2UDrNrEApMdnRHJwOBbdxYkRkb5916A6yri6vChK02PNGQCVmck54XadMPyAeojKkVmDAQDFb1rQCkoTZVucuGWI2dAAOdOZKIxcULUHwGTvgPCgcBYc5UC3YOm2NvEF3aJrgB6ghRAEi1OH7DKzz0LBa6srwt/aFAhE4uRdUBy9IgX43lqZSAZsAKKCQ/V4BoYQDCv7RLZhg6FdAdDnAZx4F2+KxJmBIBMaLNinBaXXZbbEHva3h3qMtv1jCYCeZwEDUAxgyJbKgvdQEi48NSc2fiiwNuXzWkSWAC8l5DiGc74AAkFJcHgWBQLaAEv60IoNAIr3ZKtxOuGs/HBKVN8sBn4AwJXTU50hrH1tg0dXYlMGsvOvVN+DRl5nOCnNjCkQPHteIgrE29PWBpEAUL/M5LyyQdZwlJJTjy/MhvT4dChrTEdv8FIgVthChFErVhsSlbwzUF9qP3IetKEsSZtsQ1q7akM+ByAk0IsFEBCn23XcUD4CkeBQPtLDrgCAfup5OC1c61POUXN1+rF5AIYAEAwQSH6naKYDowRQfhajtnG2E40IDjHi2NV7HmKEPtQQkiB0wSodyYOqAIa0m5UBYCfHMQJWl19YLx820UE3EGnTOdC2tBY6aKLUi+Al6QxMZe7NxboT2DrCYICLhwcHeqpxlf2md6CJBA0hqRNbGWCP1m3KAFc/by/dMLKxGw9sidjE2PRa7spjVin8L67laFcsMMjPjwbOXOs/TFr+aQYqWvpxSmJq1ef5b3ESHUdB42zJAAAAAElFTkSuQmCC"
	) no-repeat scroll 0px 50% / 24px auto;
}

.myicon.joomla6 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEXklEQVRYR8VXa0xUVxD+7tYGI+LKa8GgYHnoRqUipVCgkKUqNQpmrdqoWDHYqG199ceK1h/dmqit2zSRqlGDVqlUglrQkkK16La0gMEHuhYfBR8IUasSTUtjE9ztmRP2Zs/dXbwoLecHZOeeO/PNd76ZM1dC9zJsMo60O+xm9tPocDi0Tntf/pck6RHzV66RNGbr2vIb5FuiP4bNxjh7l936XwVWJkFANAM0Buvq8kapO/PG/yu4EwwHIWnipPSN0/ey4Ll9SbVaXwzEPgLw0DV7X59ByEufh2jdS9xPR+dDfHeuCmdv2tT65fviI2KRPWEKAnyH8t+2tks4UP8tOv/5W/ZDLEhpG7Idrp5zUmZhiWGBEOzOoz/wQVE+7v35QBWIYL9AbFvwGUK1OmF/0a+lKPxpv2BzA7AlZwMmMPTKdbDhKJrvXufm9o7buNDWJG8h1saF6REw2J/bAnz9sSRDTILs5xiLK4vXPRsAJaCK88dReuoIC6bFovQcxI4Y81R2VAH42GjCxDFpT3VGG7ZV78bMhGw3qr29XN1Ug0/KLT0zQOJZkbkYkcERPYIoOVWGrPGZGDzQVxXYa/duouDYLjcxu2mAvJGI3p+YJzCx+futeGJ/woP5D9JifspsIXgp00hLt0YSI+OFd0l8R85WehSxRwAUZPnkdzH71elydot2r8Lvd68hNSYR67I/FIJXXTwJnxdexFc1Jbhxv9Xt3U0VW1B5odojU70CoBsS5DH4qJBIfmREs7nMwuo/UwD/TACU/eDzqu1IjU5EcnSCnAlVAhwOZMVlyjbbrSZeojnJs2TbsqI1Qtm6UuGVAf2wGHwxd71A9Z6aAzDoU3i2Jy79AgvTRbBfEMwzTIJoiYmr7LimjMuAJ+WrAkCbpo2fjPxpy4WzIxB+TPl7fv5Gbqsjg8I9gqhrbsAPNivXhbfllQF6IYmp+eXwsXiHKd65/nrcieL6wyiuPSTbCMDro5IwaWy6wAQdh5nVfU8t3CsAKkXLHDN0jOKK88cwJ2mGkMROaxEH4Zo9lRsBce0h1MK/PF7YewbeSsjCKtaQaFHWX9cexHtvLBQcfcrK6+0koxCw4MdCZIxOkVszvbt0nwmtD9qevwwTo+Llm5Jq31l+Ts99WobeGhGVZ6g2BLHD9W7Kpx7QJ42Izt80dRlei3pFps21FRv0qUI/ILFV2U6iy97F9ytbMemgpL5MXSumy2hN1krVNxzRbr1ci7y0uV6FRg9oqCHNKCcrtyrozXVMmde1nMZixQTlDUld82nkl64XHgsAwgOHY0euRdUVS8EtldsRpYtg00+uKsY8VYQAgEargvkbEcMuF+WqbzmDWx3t3EzBG643yp2QNJM2Ohlh/qH8+cABPuxCetPNB92mK/Z/JA6myqFUqX7yQudsKjH3aiilJqYcajw1pR7H8mFDQ/Bb+5XnGsvDA8M4E42tF4X7g2x8LO/3D5N+/zQjKvr149Qp1f76PP8XEwkySe0AldwAAAAASUVORK5CYII="
	) no-repeat scroll 0px 50% / 24px auto;
}


/*.myicon.wordpress { background-image: url('/images/icons/icon_wordpress.png');}*/
.myicon.wordpress { background-image: url('data:image/png;base64,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');}
.myicon.html { background-image: url('/images/icons/icon_html.png');}
.myicon.bootstrap { background-image: url('/images/icons/icon_bootstrap.png');}
.myicon-no { background-image: url('/images/icons/icon_no.png');}


/* The ribbons */
.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 16px;
  letter-spacing: 1px;
  color: #f0f0f0;
  padding: 10px 0;
  text-transform: uppercase;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index:20;
}

/* Custom styles */
.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */
.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-center{
  width: 120px;
  top: 0px;
  right: auto;
  left: auto;
  padding:0;
  font-size: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

/* Colors */
.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}
.corner-ribbon.l1 {top: 30px; font-size: 11px;}
.corner-ribbon.l2 {z-index:30;}

.blog-list .corner-ribbon.top-left {left: -220px;}
.blog-list .corner-ribbon.top-center{left: 50%; line-height: 14px; font-size: 10px;}

.category-desc .box-intro {
	display: table;
	margin: 0 0 10px 0;
	overflow: visible;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
}

.fn_imgbox {height: 75px; overflow: hidden; width: 100px; float: left; /*margin:3px 10px 2px 0;*/ margin: 0 10px 2px 0;}
.fn_imgbox img {width: 100px !important;}


/* Responsive */

@media (min-width: 768px) and (max-width: 1079px) {
	.blog-featured .articlestatus {left: 8px;}
	.blog-featured .box-intro {margin: 0 10px;}
	
	.type-blog .cat-row0 .article-intro {padding: 40px 0px 60px 20px;}
	.type-blog .cat-row1 .article-intro {padding: 40px 20px 60px 0px;}
	.type-blog .toolbar-img {width: 400px; height: 21px;} 
	.type-blog .item-image img {margin-bottom: -144px; width: 400px;}
	.extensions.type-blog .cat-row0 .article-intro, .extensions.type-blog .cat-row1 .article-intro {padding: 0;}
}

@media (min-width: 768px) and (max-width: 979px) {
	.blog-featured .articlestatus {left: -2px;}
	.blog-featured .box-intro {margin: 0 0px;}
	.blog-featured .article-intro .tags {display:none;}
	.blog-featured .update {font-size:12px;}
	
	.type-blog .item-image, .type-blog .article-intro .img-shadow {width: 40%;}
	.type-blog .toolbar-img {width: 280px; height: 15px;} 
	.type-blog .item-image img {width: 280px; margin-bottom: 0px;}
}

@media (max-width: 768px) {
	.type-blog .item-image {width: 100%; display:block;}
	.type-blog .article-intro .img-shadow {width: 100%; display:none; }
	.type-blog .toolbar-img {width: 280px; height: 15px;} 
	.type-blog .item-image img {width: 280px; margin-bottom: 0px;}
	.type-blog .article-intro {width: 100%; display:block; padding: 20px 10px 20px 10px;}
	.type-blog .article-intro .tags, .type-blog .article-intro .button-intro  {position: relative; text-align: center; width: 100%;}
	.blog-list .item-image {float:none;	height: auto;width: 100%;}
	.blog-list .article-intro {margin-left: 0;}
	
	.container {
		max-width: 720px;
	}
	.section-title {margin: 0 20px 40px;}
}

@media (min-width: 580px) and (max-width: 740px) {
	.container {
		max-width: 520px;
	}
	.section-title {margin: 0 10px 40px;}
}

@media (min-width: 480px) and (max-width: 580px) {
	.container {
		max-width: 420px;
	}
	.section-title {margin: 0 10px 40px;}
}

@media (max-width: 479px) {
	.container {
		max-width: 360px;
	}
	.navigation { width: 60%; }
	
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a {
		color: #fafafa;
		font-size:16px;
	}
	.nav-collapse { width: 100%;}
	
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .dropdown-menu a:hover {
		color: #FF9800;
	}
	.section-title {margin: 0 0px 40px;}
}

/*
body {
    position: relative;
}
*/
.top-container, .boxDark {
    position: relative;
}
.snowContainer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;
-webkit-pointer-events: none; 
pointer-events: none; }
#snow {width: 100%; height: 100%; background-image: url("../img/ng1.png"), url("../img/ng2.png"), url("../img/ng3.png"); -webkit-animation: snow 20s linear infinite;-moz-animation: snow 20s linear infinite;-ms-animation: snow 20s linear infinite;animation: snow 20s linear infinite;}
@keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}
@-moz-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}
@-webkit-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}
@-ms-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}}



/*  TABS  */

/*
#myTabs { position: absolute; left:-30px; top: 40%; bottom: 0; }
#myTabs li { width: 30px;  }
#myTabs li > a { background-image: url('../img/tab-menu.svg'); background-repeat: no-repeat; background-size:contain; background-position: center right; border-radius:0; width: 28px; height: 90px; margin:-20px 0; margin-left:2px; padding:0; z-index:99; text-align:center; display: block; position:relative;  }
#myTabs li > a.open { background-image: url('../img/tab-menu-active.svg'); color:#ff9800; z-index:200; margin-left:0px; width: 30px;}
#myTabs li > a > span { height: 18px; padding: 34px 0; background-position: 70% center; background-size:18px; display: block; opacity:0.8;}
#myTabs li > a.open > span, #myTabs li > a > span:hover { opacity:1;}
*/

.rightpanel #myTabs { position: absolute; left:-30px; top: 40%; bottom: 0; }
#myTabs li { width: 30px; }
.rightpanel #myTabs li > a { background-image: url('../img/tab-menu.svg'); background-repeat: no-repeat; background-size:contain; background-position: center right; border-radius:0; width: 28px; height: 90px; margin:-20px 0; margin-left:2px; padding:0; z-index:99; text-align:center; display: block; position:relative;  }
.rightpanel #myTabs li > a.open { background-image: url('../img/tab-menu-active.svg'); color:#ff9800; z-index:200; margin-left:0px; width: 30px;}
#myTabs li > a > span { height: 18px; padding: 34px 0; background-position: 70% center; background-size:18px; display: block; opacity:0.8;}
#myTabs li > a.open > span, #myTabs li > a > span:hover { opacity:1;}

.tabpanel {
	display: block;
	height: 100%;
	width: 260px;
}
.tabpanel > div {
/*	display: block;*/
	height: 100%;
	width: 260px;
	overflow: hidden;
	overflow-x: none;
	position: relative;

}

.delayedmodule { height: 100%; }
.delayedmodule > img { position: relative; left:40%; top: 40%; }


#panel-2, #panel-3, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10, #panel-11, #panel-12 {
    overflow: hidden;
}


.leftpanel #myTabs { position: absolute; right:-30px; top: 40%; bottom: 0; }

.leftpanel #myTabs li > a { background-image: url('../img/tab-menu.svg'); background-repeat: no-repeat; background-size:contain; background-position: center right; border-radius:0; width: 28px; height: 90px; margin:-20px 0; margin-right:2px; padding:0; z-index:99; text-align:center; display: block; position:relative; 
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.leftpanel #myTabs li > a.open { background-image: url('../img/tab-menu-active.svg'); color:#ff9800; z-index:200; margin-right:0px; width: 30px;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.leftpanel #myTabs .delayedmodule > img { position: relative; right:40%; top: 40%; }


.panelads {height: 40px;}

#simple-translate { display: none; visibility: hidden; }


.label-reviews,
.badge-reviews {
	background-color: transparent;
	border-radius: 4px;
	color: #6c9933;
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #6c9933;
	font-weight: normal;
	padding: 1px 4px 2px 4px;
}


.label-website,
.badge-website {
	background-color: transparent;
	border-radius: 4px;
	color: #7E8AA2;
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #7E8AA2;
	font-weight: normal;
	padding: 1px 4px 2px 4px;
}

.licgpl { font-size: 12px; }

.paymentcard { font-size: 14px; }











/* ================================
   Guide content style — 2026 refresh v2
   Только внутри #guide, кроме классов зума
================================ */

#guide {
  --jf-orange: #f28c18;
  --jf-orange-dark: #d97408;
  --jf-orange-soft: #fff4e4;

  --guide-text: #263238;
  --guide-heading: #1f2937;
  --guide-muted: #667085;
  --guide-line: #dbe7f3;
  --guide-line-soft: #e8eef6;

  --guide-blue: #2368c9;
  --guide-blue-dark: #174f9d;
  --guide-blue-soft: #f3f8ff;

  --guide-green: #23875a;
  --guide-green-soft: #f2fbf5;

  --guide-card: #ffffff;
  --guide-shadow-soft: 0 8px 22px rgba(31, 41, 55, 0.07);
  --guide-shadow-card: 0 14px 34px rgba(31, 41, 55, 0.10);

  --guide-bullet-color: var(--guide-blue);
  --guide-bullet-shadow: rgba(35, 104, 201, 0.14);
  --guide-counter-color: var(--guide-green);
  --guide-counter-shadow: rgba(35, 135, 90, 0.22);

  --guide-ul-bg: #f6faff;
  --guide-ul-border: #d9e8fb;
  --guide-ul-accent: var(--guide-blue);

  --guide-ol-bg: #f4fbf7;
  --guide-ol-border: #d7ecdf;
  --guide-ol-accent: var(--guide-green);

  --guide-table-head: var(--guide-blue);
  --guide-table-zebra: #f7fbff;
  --guide-table-hover: #eef6ff;

  color: var(--guide-text);
  font-size: 15px;
  line-height: 1.66;
  background: transparent;
  margin-top: 28px;
}

#guide *,
#guide *::before,
#guide *::after {
  box-sizing: border-box;
}

#guide article,
#guide section,
#guide aside {
  margin: 0 0 34px;
}

#guide > *:first-child,
#guide article > *:first-child,
#guide section > *:first-child,
#guide aside > *:first-child {
  margin-top: 0;
}

#guide > *:last-child,
#guide article > *:last-child,
#guide section > *:last-child,
#guide aside > *:last-child {
  margin-bottom: 0;
}

/* Абзацы и базовая типографика */

#guide p {
  margin: 0 0 18px;
}

#guide strong {
  color: #17212f;
  font-weight: 700;
}

#guide em {
  color: #9a6a23;
  font-style: italic;
}

#guide mark {
  padding: 1px 5px;
  color: #6f4300;
  background: #fff0bf;
  border-radius: 5px;
}

#guide abbr[title] {
  text-decoration: underline dotted;
  text-underline-offset: 3px;
  cursor: help;
}

/* Ссылки */

#guide a {
  color: var(--guide-blue);
  text-decoration: none;
  border-bottom: 1px solid rgba(35, 104, 201, 0.35);
  transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

#guide a:hover {
  color: var(--guide-blue-dark);
  border-color: rgba(23, 79, 157, 0.75);
}

#guide a:focus-visible {
  outline: 3px solid rgba(35, 104, 201, 0.22);
  outline-offset: 3px;
  border-radius: 4px;
}

#guide .alnk-product {
  font-weight: 700;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

#guide span.alnk-product {
  padding: 1px 6px 2px;
  color: #5f6f80;
  background: #f2f4f7;
  border: 1px dashed #cbd5df;
  border-radius: 7px;
}

#guide a.alnk-product {
  padding: 1px 6px 2px;
  color: var(--guide-blue);
  background: rgba(35, 104, 201, 0.07);
  border: 1px dashed rgba(35, 104, 201, 0.42);
  border-radius: 7px;
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

#guide a.alnk-product:hover {
  color: var(--guide-blue-dark);
  background: rgba(35, 104, 201, 0.12);
  border-color: rgba(23, 79, 157, 0.72);
}

#guide a.alnk-product:focus-visible {
  outline: 3px solid rgba(35, 104, 201, 0.22);
  outline-offset: 3px;
}

/* Главный заголовок статьи */

#guide .guide-h1 {
  margin: 0 0 30px;
  padding: 22px 26px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--guide-heading);
  background: linear-gradient(135deg, #f3f8ff 0%, #ffffff 100%);
  border: 1px solid #d9e8fb;
  border-left: 7px solid var(--guide-blue);
  border-radius: 16px;
  box-shadow: var(--guide-shadow-soft);
}

/* Заголовки разделов */

#guide h2:not(.guide-h1) {
  position: relative;
  margin: 48px 0 20px;
  padding: 24px 0 13px;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--guide-heading);
  border-bottom: 1px solid var(--guide-line);
  background-image: linear-gradient(90deg, transparent, #cfddeb, var(--jf-orange), #cfddeb, transparent);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 178px 1px;
}

#guide h2::first-letter {
  color: var(--jf-orange);
}

/* Короткая цветная линия под H2 */
#guide h2:not(.guide-h1)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 74px;
  height: 3px;
  background: var(--jf-orange);
  border-radius: 999px;
}

#guide h3 {
  position: relative;
  margin: 32px 0 13px;
  padding-left: 17px;
  font-size: 20px;
  line-height: 1.36;
  font-weight: 700;
  color: var(--guide-heading);
}

#guide h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.28em;
  width: 5px;
  height: 1.18em;
  background: var(--guide-green);
  border-radius: 999px;
}

#guide h4 {
  margin: 28px 0 12px;
  padding: 9px 13px 9px 15px;
  font-size: 17px;
  line-height: 1.42;
  font-weight: 700;
  color: #344054;
  background: linear-gradient(90deg, var(--jf-orange-soft), rgba(255, 244, 228, 0));
  border-left: 3px solid var(--jf-orange);
  border-radius: 9px;
}

/* Списки */

#guide ul,
#guide ol {
  margin: 16px 0 24px;
  padding: 14px 18px;
  border-radius: 14px;
}

#guide ul {
  list-style: none;
  background: linear-gradient(180deg, var(--guide-ul-bg) 0%, #ffffff 115%);
  border: 1px solid var(--guide-ul-border);
  border-left: 4px solid var(--guide-ul-accent);
}

#guide ul li {
  position: relative;
  margin: 0 0 11px;
  padding-left: 28px;
}

#guide ul li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0.76em;
  width: 7px;
  height: 7px;
  background: var(--guide-bullet-color);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--guide-bullet-shadow);
}

#guide ol {
  list-style: none;
  counter-reset: guide-counter;
  background: linear-gradient(180deg, var(--guide-ol-bg) 0%, #ffffff 115%);
  border: 1px solid var(--guide-ol-border);
  border-left: 4px solid var(--guide-ol-accent);
}

#guide ol li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 42px;
  counter-increment: guide-counter;
}

#guide ol li::before {
  content: counter(guide-counter);
  position: absolute;
  left: 0;
  top: 0.12em;
  width: 28px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: var(--guide-counter-color);
  border-radius: 50%;
  box-shadow: 0 4px 12px var(--guide-counter-shadow);
}

#guide li > ul,
#guide li > ol {
  margin: 10px 0 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#guide li:last-child {
  margin-bottom: 0;
}

/* Таблицы */

#guide table {
  width: 100%;
  margin: 24px 0 28px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  background: #ffffff;
  border: 1px solid var(--guide-line);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(31, 41, 55, 0.07);
}

#guide table caption {
  caption-side: top;
  padding: 0 0 10px;
  color: var(--guide-heading);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
  text-align: left;
}

#guide th,
#guide td {
  padding: 11px 13px;
  vertical-align: top;
  border-bottom: 1px solid #e7eef6;
}

#guide th {
  color: #ffffff;
  font-weight: 700;
  text-align: left;
  background: var(--guide-table-head);
}

#guide tr:last-child td {
  border-bottom: 0;
}

#guide tbody tr:nth-child(even) td {
  background: var(--guide-table-zebra);
}

#guide tbody tr:hover td {
  background: var(--guide-table-hover);
}

/* Цитаты */

#guide blockquote {
  margin: 26px 0;
  padding: 18px 22px;
  color: #374151;
  background: #fff7e6;
  border: 1px solid #f5d7a8;
  border-left: 6px solid #f2994a;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(154, 106, 35, 0.08);
}

#guide blockquote p {
  margin: 0;
}

/* Картинки и подписи */

#guide figure {
  margin: 30px 0;
  text-align: center;
}

#guide img {
  width: auto;
  max-width: calc(100% - 80px);
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 11px;
}

#guide figure img {
  box-shadow: 0 10px 24px rgba(31, 41, 55, 0.11);
}

#guide figcaption {
  max-width: 860px;
  margin: 11px auto 0;
  padding: 0 14px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--guide-muted);
  text-align: center;
}

/* Код */

#guide code {
  padding: 2px 6px;
  font-size: 0.92em;
  color: #c0392b;
  background: #f8eeee;
  border-radius: 6px;
}

#guide pre {
  position: relative;
  margin: 28px 0 34px;
  padding: 50px 24px 24px;
  overflow-x: auto;
  color: #abb2bf;
  background: #282c34;
  border: 1px solid #3b4048;
  border-radius: 16px;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 14px;
  line-height: 1.75;
  box-shadow:
    0 14px 30px rgba(40, 44, 52, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 0 28px rgba(0, 0, 0, 0.34),
    inset 14px 0 22px -18px rgba(0, 0, 0, 0.9),
    inset -14px 0 22px -18px rgba(0, 0, 0, 0.9);
}

#guide pre::before {
  content: "CODE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 34px;
  padding: 0 18px 0 74px;
  color: #7f8794;
  background: #21252b;
  border-bottom: 1px solid #3b4048;
  border-radius: 16px 16px 0 0;
  font-size: 11px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

#guide pre::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 18px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e06c75;
  box-shadow:
    18px 0 0 #e5c07b,
    36px 0 0 #98c379;
}

#guide pre code {
  display: block;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: inherit;
  line-height: inherit;
  white-space: pre;
}

#guide pre::-webkit-scrollbar {
  height: 10px;
}

#guide pre::-webkit-scrollbar-track {
  background: #21252b;
  border-radius: 0 0 16px 16px;
}

#guide pre::-webkit-scrollbar-thumb {
  background: #4b5263;
  border-radius: 10px;
}

#guide pre::-webkit-scrollbar-thumb:hover {
  background: #5c6370;
}

/* Разделители */

#guide hr {
  margin: 42px auto;
  width: 180px;
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, transparent, var(--guide-line), var(--jf-orange), var(--guide-line), transparent);
}

/* Видео / iframe */

#guide iframe {
  max-width: calc(100% - 32px);
  border: 0;
  border-radius: 11px;
}

#guide .youtube-video {
  width: 960px;
  max-width: calc(100% - 32px);
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  margin: 28px auto;
  border: 0;
  box-shadow: 0 10px 24px rgba(31, 41, 55, 0.11);
}

/* ================================
   Выделенные смысловые блоки
================================ */

#guide .guide-block {
  --guide-block-accent: var(--guide-blue);
  --guide-block-title: var(--guide-heading);
  --guide-block-bg: #f7fbff;
  --guide-block-border: #d9e8fb;
  --guide-block-row: #f8fbff;
  --guide-block-hover: #eef6ff;
  --guide-bullet-color: var(--guide-block-accent);
  --guide-bullet-shadow: rgba(35, 104, 201, 0.14);
  --guide-counter-color: var(--guide-block-accent);
  --guide-counter-shadow: var(--guide-bullet-shadow);
  --guide-ul-bg: rgba(255, 255, 255, 0.66);
  --guide-ul-border: var(--guide-block-border);
  --guide-ul-accent: var(--guide-block-accent);
  --guide-ol-bg: rgba(255, 255, 255, 0.66);
  --guide-ol-border: var(--guide-block-border);
  --guide-ol-accent: var(--guide-block-accent);
  --guide-table-head: var(--guide-block-accent);
  --guide-table-zebra: var(--guide-block-row);
  --guide-table-hover: var(--guide-block-hover);

  position: relative;
  margin: 54px 0 42px;
  padding: 28px 30px 30px;
  color: var(--guide-text);
  background: linear-gradient(180deg, var(--guide-block-bg) 0%, #ffffff 105%);
  border: 1px solid var(--guide-block-border);
  border-radius: 20px;
  box-shadow: var(--guide-shadow-card);
  overflow: visible;
}

#guide .guide-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: var(--guide-block-accent);
  border-radius: 20px 20px 0 0;
  opacity: 0.84;
}

#guide .guide-block::after {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  width: 178px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #cfddeb, var(--jf-orange), #cfddeb, transparent);
  pointer-events: none;
}

#guide .guide-block > * {
  position: relative;
  z-index: 1;
}

#guide .guide-block > *:last-child {
  margin-bottom: 0;
}

#guide .guide-block h2:not(.guide-h1) {
  margin: 0 0 20px;
  padding: 0 0 14px;
  color: var(--guide-block-title);
  border-bottom-color: var(--guide-block-border);
  background-image: none;
}

#guide .guide-block h2:not(.guide-h1)::after {
  background: var(--guide-block-accent);
}

#guide .guide-block h3 {
  margin: 24px 0 12px;
  padding: 10px 14px 10px 46px;
  font-size: 19px;
  line-height: 1.35;
  color: var(--guide-block-title);
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--guide-block-border);
  border-radius: 13px;
  box-shadow: 0 6px 16px rgba(31, 41, 55, 0.05);
}

#guide .guide-block h3::before {
  left: 14px;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  color: #ffffff;
  background: var(--guide-block-accent);
  border-radius: 50%;
  font-size: 13px;
  line-height: 22px;
  font-weight: 800;
  text-align: center;
}

#guide .guide-block p {
  margin-bottom: 16px;
}

#guide .guide-block figure {
  margin: 24px 0 26px;
  padding: 16px 0 13px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid var(--guide-block-border);
  border-radius: 16px;
}

#guide .guide-block figure img {
  max-width: calc(100% - 28px);
}

#guide .guide-block figcaption {
  padding-left: 18px;
  padding-right: 18px;
}

#guide .guide-block table {
  margin: 22px 0 26px;
  border-color: var(--guide-block-border);
  box-shadow: 0 8px 20px rgba(31, 41, 55, 0.06);
}

#guide .guide-block table caption {
  color: var(--guide-block-title);
}

#guide .guide-block blockquote {
  background: rgba(255, 255, 255, 0.72);
  border-color: var(--guide-block-border);
  border-left-color: var(--guide-block-accent);
  box-shadow: none;
}

/* Проблемы / диагностика */

#guide .guide-problems {
  --guide-block-accent: #b94141;
  --guide-block-title: #783434;
  --guide-block-bg: #fff7f5;
  --guide-block-border: #f0cbc5;
  --guide-block-row: #fffafa;
  --guide-block-hover: #fff0ed;
  --guide-bullet-shadow: rgba(185, 65, 65, 0.15);
}

#guide .guide-problems h3::before {
  content: "!";
}

#guide .guide-problems h4 {
  color: #783434;
  background: linear-gradient(90deg, #fff0ed, rgba(255, 240, 237, 0));
  border-left-color: #b94141;
}

/* Похожие решения */

#guide .guide-related {
  --guide-block-accent: #4f5fc6;
  --guide-block-title: #30346d;
  --guide-block-bg: #f6f7ff;
  --guide-block-border: #d9defb;
  --guide-block-row: #fbfbff;
  --guide-block-hover: #eff1ff;
  --guide-bullet-shadow: rgba(79, 95, 198, 0.15);
}

#guide .guide-related h3::before {
  content: "↗";
  font-size: 12px;
}

#guide .guide-related h4 {
  color: #30346d;
  background: linear-gradient(90deg, #eff1ff, rgba(239, 241, 255, 0));
  border-left-color: #4f5fc6;
}

/* FAQ */

#guide .guide-faq {
  --guide-block-accent: #0b7779;
  --guide-block-title: #114d4e;
  --guide-block-bg: #f1fbfa;
  --guide-block-border: #bdeae5;
  --guide-block-row: #f8fffe;
  --guide-block-hover: #e9fbf8;
  --guide-bullet-shadow: rgba(11, 119, 121, 0.15);
}

#guide .guide-faq h3::before {
  content: "?";
}

#guide .guide-faq h4 {
  color: #114d4e;
  background: linear-gradient(90deg, #e9fbf8, rgba(233, 251, 248, 0));
  border-left-color: #0b7779;
}

/* Адаптив */

@media (max-width: 768px) {
  #guide {
    font-size: 16px;
    line-height: 1.68;
  }

  #guide article,
  #guide section,
  #guide aside {
    margin-bottom: 28px;
  }

  #guide .guide-h1 {
    padding: 18px;
    font-size: 25px;
    border-radius: 13px;
  }

  #guide h2:not(.guide-h1) {
    margin-top: 40px;
    padding-top: 22px;
    font-size: 23px;
    background-size: 142px 1px;
  }

  #guide h3 {
    margin-top: 26px;
    font-size: 19px;
  }

  #guide h4 {
    font-size: 16px;
  }

  #guide ul,
  #guide ol {
    padding: 13px 14px;
    border-radius: 12px;
  }

  #guide img,
  #guide iframe,
  #guide .youtube-video {
    max-width: calc(100% - 20px);
  }

  #guide figcaption {
    font-size: 13px;
  }

  #guide table {
    display: block;
    overflow-x: auto;
    border-radius: 12px;
    -webkit-overflow-scrolling: touch;
  }

  #guide th,
  #guide td {
    min-width: 145px;
    padding: 10px 12px;
  }

  #guide blockquote {
    padding: 17px;
  }

  #guide ol li {
    padding-left: 38px;
  }

  #guide .guide-block {
    margin: 42px 0 34px;
    padding: 22px 18px 22px;
    border-radius: 16px;
  }

  #guide .guide-block::before {
    border-radius: 16px 16px 0 0;
  }

  #guide .guide-block::after {
    top: -18px;
    width: 142px;
  }

  #guide .guide-block h2:not(.guide-h1) {
    margin-top: 0;
    padding-top: 0;
    font-size: 22px;
  }

  #guide .guide-block h3 {
    padding: 10px 12px 10px 42px;
    font-size: 18px;
  }

  #guide .guide-block h3::before {
    left: 12px;
  }

  #guide .guide-block figure img {
    max-width: calc(100% - 20px);
  }
}

@media (max-width: 480px) {
  #guide .guide-h1 {
    font-size: 22px;
  }

  #guide h2:not(.guide-h1) {
    font-size: 21px;
  }

  #guide h3 {
    font-size: 18px;
  }

  #guide ul,
  #guide ol {
    padding-left: 12px;
    padding-right: 12px;
  }

  #guide ul li {
    padding-left: 24px;
  }

  #guide ol li {
    padding-left: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #guide *,
  #guide *::before,
  #guide *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* ================================
   Зумирование картинок
   Эти классы могут жить вне #guide, если JS добавляет overlay в body
================================ */

#guide img.guide-img-clickable {
  cursor: zoom-in;
}

.img-viewer-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.78);
  display: none;
  overflow: auto;
}

.img-viewer-overlay.is-open {
  display: block;
}

.img-viewer-stage {
  min-width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-viewer-img {
  max-width: 96vw;
  max-height: 96vh;
  width: auto;
  height: auto;
  border-radius: 0 !important;
  cursor: default;
}

.img-viewer-img.can-zoom {
  cursor: zoom-in;
}

.img-viewer-overlay.is-zoomed .img-viewer-stage {
  display: block;
  text-align: center;
  padding: 48px 24px;
}

.img-viewer-overlay.is-zoomed .img-viewer-img {
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  cursor: zoom-out;
}

.img-viewer-close {
  position: fixed;
  top: 18px;
  right: 24px;
  z-index: 1000000;
  color: #fff;
  font-size: 38px;
  line-height: 1;
  cursor: pointer;
  font-family: Arial, sans-serif;
}

body.img-viewer-open {
  overflow: hidden;
}