/* Start:/bitrix/templates/g-rain/template_styles.css?176615533319614*/
body { background-color: #EAEAEA; padding: 0; margin: 0 }

.cursorlink { cursor: pointer; cursor: hand }
div.gclear, div.gclearl { clear: left; *font-size: 0 }
div.gclearr { clear: right; *font-size: 0 }

a * { *cursor: hand } /* ie cursor hack */

div.main-container { padding: 20px 20px 5px 20px }

div.main-footer-bottom { padding-bottom: 5px; text-align: center; font: 11px Arial; color:#555555 }
div.main-footer-bottom a { color:#888888 }

/* main page frame */
div.main { background: #F8F8F8 url(/bitrix/templates/g-rain/images/bg-main-t.png) left top repeat-x; min-width: 862px; max-width: 1500px; width:70%; margin: 0 auto; zoom: 1 }
div.main div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-b.png) left bottom repeat-x; zoom: 1 }
div.main div.cn div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-l.png) left top repeat-y }
div.main div.cn div.cn div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-r.png) right top repeat-y }
div.main div.cn div.cn div.cn div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-lt.png) left top no-repeat }
div.main div.cn div.cn div.cn div.cn div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-rt.png) right top no-repeat }
div.main div.cn div.cn div.cn div.cn div.cn div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-lb.png) left bottom no-repeat }
div.main div.cn div.cn div.cn div.cn div.cn div.cn div.cn { background: url(/bitrix/templates/g-rain/images/bg-main-rb.png) right bottom no-repeat }

div.main-header { padding: 0 23px 0 360px; height: 88px; text-align: center }
div.main-header div.main-partner { height: 18px; padding-top: 2px; text-align: right; padding-right: 20px; font: 11px Arial; color: #AAAAAA; font-style: italic }
div.main-header .studio { padding: 11px 0 0 0; font: 20px Arial; margin: 0; color: #BBBBBB; letter-spacing: 2px; font-weight: normal }
div.main-header div.main-authorize { font: 11px Arial; color: #969696; letter-spacing: 1px; position: relative }
div.main-header div.main-authorize a { color: #969696 }
div.main-header div.main-authorize a.main-authorize-login { border-bottom: 1px dashed #969696; text-decoration: none }
div.main-header div.main-authorize img { vertical-align: middle }

span.main-authorize-icons-inline div.bx-auth-serv-icons { display: inline }

a.site-switch-selected { font-weight: bold }

div.login-form-window-container { position: relative; width: 100%; height: 0; z-index: 100; }
table.login-form-window-aligner { position: relative; margin: 0 auto; }

#login-form-window
{
	display:none;
	padding:10px;
	z-index:10000;
	position: absolute; 
	width:200px;
	margin-left: -110px;
	color: #888888;
	font: 12px Arial;
	text-align: left;
	border: 1px solid #888888;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #888 0px 2px 3px;
	-moz-box-shadow: #888 0px 2px 3px;
	box-shadow: #888 0px 2px 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EFEFEF));
	background: -moz-linear-gradient(#FFFFFF, #EFEFEF);
	background: linear-gradient(#FFFFFF, #EFEFEF);
}

#login-form-window a
{
	color: #777777;
}

#login-form-window table td
{
	padding: 2px;
}

#login-form-window input[type=text],
#login-form-window input[type=password]
{
	width: 140px;
}

div.menu-block { margin: 10px 10px 0 172px; height: 130px }

div.menu-block ul.main-menu-list { list-style-type:disc; margin-left: 30px; margin-top: 8px; color: #888888; float: left }
div.menu-block ul.main-menu-list li { font: 13px Arial; margin-bottom: 4px }
div.menu-block ul.main-menu-list li a { color: #888888 }
div.menu-block ul.main-menu-list li.selected a { text-decoration: none; font-weight: bold }
div.menu-block ul.main-menu-list li a.local { text-decoration: none; border-bottom: 1px dashed #888888 }

div.menu-block div.order-block { border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; -opera-border-radius:12px; -moz-border-radius:12px; margin: 12px 10px 0 30px; border: 1px dashed #888888; padding: 15px; float: left; line-height: 1.0; position: relative }

div.menu-block div.order-block a { text-decoration: none }
div.menu-block div.order-block ul { float: left }
div.menu-block div.order-block ul li { padding: 4px }
div.menu-block div.order-block ul li a { font: 14px/1.0 Arial; text-decoration: none; color: #888888; border-bottom: 1px dashed #888888 }
div.menu-block div.order-block div.order-block-basket { float: left; background: url(/bitrix/templates/g-rain/images/basket.png) 15px 0 no-repeat; border-left: 2px solid #BBBBBB; width: 80px; height: 52px; margin: 6px 0 0 15px; text-align: center; padding-right: 0px; padding-top: 14px; font: 11px Arial; color: white; line-height: 14px; }
div.menu-block div.order-block div.order-block-adv { position: absolute; top: -20px; right: 12px; font: 11px/1.0 Arial; font-style: italic; white-space: nowrap }
div.menu-block div.order-block div.order-block-adv a { color: #BBB; text-decoration: underline }

div.menu-block div.order-block a#order_block_bonus_bitrix { border: none; display: none; position: absolute; margin-top: -52px; margin-left: 34px; width: 106px; height: 56px; background: url(/bitrix/templates/g-rain/images/bonus-1000r.png) center center no-repeat }


div.menu-block div.certificates-block { margin: 20px 25px 0 15px; float: right }

div.content-top { height: 23px; margin: 0 1px 0 327px }

div.content { min-height: 500px; margin: 0 30px 20px 30px }

/* scroll twitter line */

div.grain-twitter-timeline { height: 18px; position: relative; margin-right: 29px }
div.grain-twitter-timeline div.grain-twitter-timeline-fade { position: absolute; right: 0px; top: 0px; width: 80px; height: 30px; background: url(/bitrix/templates/g-rain/images/twitter-timeline-right-fade-5.png) right top no-repeat; z-index: 1000 }
div.grain-twitter-timeline div.grain-twitter-timeline-follow { color: #AAAAAA; position: absolute; font: 10px/18px Arial; padding: 0 0 0 0; left:-125px; white-space: nowrap }

div.grain-twitter-timeline a { text-decoration: none; color: #888888; }
div.grain-twitter-timeline div.grain-twitter-timeline-header { color: #388AC5; font: 16px/18px Arial; font-weight: bold; width: 60px; height: 18px; float:left; cursor: pointer; cursor: hand }
div.grain-twitter-timeline div.grain-twitter-timeline-header a { text-decoration: underline; color: #388AC5 }
div.grain-twitter-timeline div.grain-twitter-timeline-next { width: 20px; height: 18px; float:left; cursor: pointer; cursor: hand }
div.grain-twitter-timeline div.grain-twitter-timeline-next a { width: 20px; height: 18px; float:left; background: url(/bitrix/templates/g-rain/images/icon-forward-active-blue-small.png) center 3px no-repeat }
div.grain-twitter-timeline div.grain-twitter-timeline-prev div.grain-twitter-timeline-disabled { cursor: default }
div.grain-twitter-timeline div.grain-twitter-timeline-scrollable-container { position: relative; display: block; height: 18px; margin: 0 0 0 85px }
div.grain-twitter-timeline div.grain-twitter-timeline-scrollable { position: absolute; overflow: hidden; width: 100%; height: 18px;  }
div.grain-twitter-timeline div.grain-twitter-timeline-scrollable-items { width: 20000em; position: absolute; height: 18px }

div.grain-twitter-timeline div.grain-twitter-timeline-item { font: 13px/17px Arial; color: #888888; float: left; width: 1300px; height: 18px }
div.grain-twitter-timeline div.grain-twitter-timeline-item a { color: #888888 }
div.grain-twitter-timeline div.grain-twitter-timeline-item span.grain-twitter-timeline-date-time { font: 13px/18px Arial; color: #388AC5; padding-bottom: 5px }
div.grain-twitter-timeline div.grain-twitter-timeline-item span.grain-twitter-timeline-date-time a { color: #888888 }

div.grain-twitter-timeline div.grain-twitter-timeline-follow a { text-decoration: underline; color: #AAAAAA }




div.content div.page-content h1 { font: 24px Arial; color: #777777; margin: 35px 0 25px 0; padding: 0; border-bottom: 2px solid #888888 }
div.content div.page-content h2 { font: 20px Arial; color: #777777; margin: 35px 0 20px 0; padding: 0; border-bottom: 1px solid #888888 }
div.content div.page-content h3 { font: 16px Arial; color: #777777; margin: 30px 0 15px 0; padding: 0; border-bottom: 1px dashed #888888 }
div.content div.page-content p { font: 14px Arial; color: #555555; margin: 10px 0 10px 0; padding: 0; line-height: 1.5 }
div.content div.page-content pre { font: 14px Courier; color: #555555; margin: 10px 0 10px 0; padding: 4px 12px; line-height: 1.5; overflow-x: auto !important; background: #F2F2F2; border: 1px solid #888888; box-sizing: border-box; }
div.content div.page-content pre.syntax-highlight { line-height: 0.75 }
div.content div.page-content pre code, div.content div.page-content pre code * { display: initial !important }

table.forum-code td { padding: 0; }
table.forum-code td pre { margin: 0 !important; border: none !important }

div.content div.page-content ul { list-style-type: disc; margin-top: 5px; color: #888888; margin-left: 15px }
div.content div.page-content ul li { margin-left: 15px; line-height: 1.5; color: #555555; font: 14px Arial; margin-bottom: 6px; margin-top: 6px }
div.content div.page-content ol { list-style-type: decimal; margin-top: 5px; color: #888888; margin-left: 15px }
div.content div.page-content ol li { margin-left: 15px; line-height: 1.5; color: #555555; font: 14px Arial; margin-bottom: 6px; margin-top: 6px }

div.content div.page-content table.page-table { width: 100%; border: 2px solid #BBBBBB; border-collapse: collapse }
div.content div.page-content table.page-table td { padding: 20px 10px; border: 1px dashed #888888 }

div.content div.page-content h1 a,
div.content div.page-content h2 a,
div.content div.page-content h3 a
{ text-decoration: none; color: #777777 }

div.content div.page-content table.page-table { border: 1px solid #BBBBBB; border-collapse: collapse; width: auto }
div.content div.page-content table.page-table td { border: 1px dashed #BBBBBB; padding: 5px 10px }
div.content div.page-content table.page-table thead td { border: 1px solid #BBBBBB; background: #DDD; font-weight: bold }

input[type=text],
input[type=password],
textarea 
{

	border: 1px solid #888888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FDFDFD;
	font: 12px Arial;
	color: #555555;
	padding: 3px 4px;
	line-height: 1.2;
}

input[type=submit],
input[type=reset],
input[type=button],
button
{
	border: none;
	padding: 4px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #9E9E9E;
	font: 12px Arial;
	color: white;
	font-weight: bold;
	line-height: 1.3 !important;
	cursor: pointer; cursor: hand;
}

.bx-auth-service-form input[type=submit],
.bx-auth-service-form input[type=reset],
.bx-auth-service-form input[type=button],
.bx-auth-service-form button
{
	border: none;
	padding: 4px 7px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #9E9E9E;
	font: 12px Arial !important;
	color: white !important;
	font-weight: bold !important;
	line-height: 1.3 !important;
	cursor: pointer; cursor: hand;
}


div.page-header { display: block; border-bottom: 2px solid #BBBBBB; color: #888888; margin-bottom: 20px; padding-bottom: 5px  }
h1.page-header, h4.page-header { display: block; margin: 0 183px 0 0; padding: 0; font: 25px Times New Roman; color: #888888; letter-spacing: 3px; word-spacing: 6px; line-height: 1.1 }
div.page-social { float: right; padding-top: 30px }

h1.page-header:first-letter,
h4.page-header:first-letter
 { font-size: 50px; color: #969696; }

div.page-nav-chain { position: absolute; margin-left: 50px; margin-top: 3px; font: 12px Arial; color: #888888 }
div.page-nav-chain a { font: 12px Arial; color: #888888 }

div.left-menu-block { padding-bottom: 10px; margin-bottom: 15px; margin-top: -10px; border-bottom: 1px solid #888888; color: #888888; font: 13px Arial }
div.left-menu-block a { font: 13px Arial; color: #888888 }
div.left-menu-block a.selected { text-decoration: none; font-weight: bold }

div.bottom-menu-block { padding: 12px 0; margin: 0 40px; text-align: center; border-top: 1px dashed #888888; color: #888888; font: 13px Arial }
div.bottom-menu-block a { font: 13px Arial; color: #888888 }
div.bottom-menu-block a.selected { text-decoration: none; font-weight: bold }
div.bottom-menu-block a.local { text-decoration: none; border-bottom: 1px dashed #888888 }

div.bottom-menu { position: relative }
div.bottom-menu div.bottom-menu-left-social { position: absolute; left: 0px; top: -8px }
div.bottom-menu div.bottom-menu-right-social { position: absolute; right: 0px; top: -8px }

div.content { font: 15px Arial; color: #5F5F5F }
div.content a { color: #777777 }

div.portfolio-item { margin-bottom: 25px }
div.portfolio-item-link { font: 30px Arial; margin-bottom: 5px }
div.portfolio-item-link a { color: #888888 }
div.portfolio-item-jobs { font: 13px Arial; margin-bottom: 5px; font-style: italic }
div.portfolio-item-name { font: 15px Arial; margin-bottom: 5px; font-weight: bold; color: #777777 }
div.portfolio-item-name span.quotes { font: 20px Courier }
div.portfolio-item-preview { font: 13px Arial; margin-bottom: 5px; font-style: italic }
div.portfolio-date { font: 13px Arial }


/* components list */

div.component-list { padding: 0 0 20px 0 }

div.component-list table.component-list-table td { vertical-align: top }

div.component-list div.component-list-price {
	float: left;
	padding: 5px 7px;
	margin: 12px 0;

	border: 1px solid #888888;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #888 0px 1px 2px;
	-moz-box-shadow: #888 0px 1px 2px;
	box-shadow: #888 0px 1px 2px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E3E3E3));
	background: -moz-linear-gradient(#FFFFFF, #E3E3E3);
	background: linear-gradient(#FFFFFF, #E3E3E3);
	/* -pie-background: linear-gradient(#FFFFFF, #E3E3E3); */
	/* behavior: url(/bitrix/templates/g-rain/PIE/PIE.htc); */
}

div.component-list div.component-list-price div.component-list-price-name { font: 9px Arial; line-height: 1.0; color: #909090; text-transform: lowercase; padding-bottom: 1px; white-space: nowrap; }
div.component-list div.component-list-price div.component-list-price-value { font: 15px Times New Roman; line-height: 1.0; /* color: #C42222; */ color: #555555; letter-spacing: 1px; white-space: nowrap; }

div.component-list table td {
	padding-right:10px;
	padding-top:10px;
}


/* component detail */

div.component-detail div.component-detail-price {
	float: left;
	padding: 8px 10px;
	margin: 8px 0;

	border: 1px solid #888888;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #888 0px 2px 3px;
	-moz-box-shadow: #888 0px 2px 3px;
	box-shadow: #888 0px 2px 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E3E3E3));
	background: -moz-linear-gradient(#FFFFFF, #E3E3E3);
	background: linear-gradient(#FFFFFF, #E3E3E3);
	/* -pie-background: linear-gradient(#FFFFFF, #E3E3E3); */
	/* behavior: url(/bitrix/templates/g-rain/PIE/PIE.htc); */
	
}

.tooltip {
	display:none;
	font: 14px Arial;
	line-height: 1.0;
	padding: 7px;
	border: 1px solid #888888;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #888 0px 2px 3px;
	-moz-box-shadow: #888 0px 2px 3px;
	box-shadow: #888 0px 2px 3px;
	background: #FFFFFF;
/*
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E3E3E3));
	background: -moz-linear-gradient(#FFFFFF, #E3E3E3);
	background: linear-gradient(#FFFFFF, #E3E3E3);
*/

}

div.component-detail div.component-detail-links { margin: 6px 0; line-height: 1.5; padding-left: 7px }

div.component-detail div.component-detail-price table.component-detail-price-table {  }
div.component-detail div.component-detail-price table.component-detail-price-table td { vertical-align: middle }
div.component-detail div.component-detail-price table.component-detail-price-table td.component-detail-price-price { padding: 0 25px 0 15px }
div.component-detail div.component-detail-price table.component-detail-price-table td.component-detail-price-price.component-detail-price-price-free { padding: 0 15px 0 15px }
div.component-detail div.component-detail-price table.component-detail-price-table td.component-detail-price-price div.component-detail-price-name { font: 9px Arial; line-height: 1.0; color: #909090; text-transform: lowercase; padding-bottom: 3px; white-space: nowrap; }
div.component-detail div.component-detail-price table.component-detail-price-table td.component-detail-price-price div.component-detail-price-value { font: 20px Times New Roman; line-height: 1.0; /* color: #C42222; */ color: #555555; letter-spacing: 1px; white-space: nowrap; }
div.component-detail div.component-detail-price table.component-detail-price-table td.component-detail-price-images { text-align: right; white-space: nowrap }
div.component-detail div.component-detail-price table.component-detail-price-table td.component-detail-price-images img { margin: 0 5px }

div.component-detail div.component-detail-price div.component-detail-price-info-block {
	padding-top: 1px; margin-top: 6px; border-top: 1px dashed #AAAAAA;
}

div.component-detail div.component-detail-price div.component-detail-price-info-block div.component-detail-price-info {
	padding-top: 4px;
	white-space: nowrap;
	font: 12px Arial;
	letter-spacing: 0;
	color: #909090;
}

div.component-detail div.component-detail-price-links { padding-left: 7px }

div.component-detail div.component-bundle-links { margin: 8px 0 6px 0; line-height: 1.5; padding-left: 7px }
div.component-detail div.component-bundle-links div.component-bundle-links-header { font-style: italic; padding-bottom: 5px;  color: #AF2121; padding-left: 20px; text-decoration: underline }


div.component-version-history ul li ul { margin-bottom: 20px }


/* main page component list */

ul.main-page-components {}
ul.main-page-components li span { font-size: 0.8em; vertical-align: baseline; color: #AAAAAA }
ul.main-page-components li span a { color: #AAAAAA }

/* User download section */

div.download-list table.download-table { margin-top: 10px; margin-bottom: 20px; width:100%; background-color:#F9FAFB; border-collapse:collapse; font-size:12px; }
div.download-list table.download-table th { background-image:url(/bitrix/templates/g-rain/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#777777; }
div.download-list table.download-table th, table.download-table td { border:1px solid #AAAAAA; padding: 5px 7px; vertical-align:top; }

/* Adversting banners */

div.adv-top-banner { padding-bottom: 15px; text-align: center }
div.adv-bottom-banner { padding-top: 15px; text-align: center }

/* Forms */

div.webform { }
div.webform div.webform-caption { padding: 5px 0; font: 15px/1.2 Arial; }
div.webform div.webform-buttons { padding: 15px 0 5px 0; }
div.webform select, div.webform input[type=text], div.webform textarea { 
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    
	background: #fff;
	border: 1px solid #c1c5c8;
	border-radius: 5px;
	color: #000;
	box-shadow: inset 1px 1px 1px -1px rgba(180,188,191,0.5);
	display: inline-block;
	outline: none;
	vertical-align: middle;
	font-size: 14px;
	padding: 6px 8px;

}

div.webform .webform-req { color: #D40000 }
div.webform .errortext { color: #D40000 }
div.webform .webform-ok-text { color: green }

/* basket */

#basket_items td.itemphoto { display: none } /* hiding image col */

/* forum note */

.forum-note-module {
	background: #f2efb4;
	border: 1px solid #d7d384;
	border-radius: 8px;
	padding: 12px 15px;
	margin-bottom: 20px;
}

/* End */
/* /bitrix/templates/g-rain/template_styles.css?176615533319614 */