.white { color: #f4efea; }
.left { float: left; }
.right { float: right; }
table.two-column { margin-bottom: 15px; width: 950px; }
table.two-column td { padding: 0 24px 35px 0; width: 470px; }
table.normal td { padding: 0 24px 0 0; }
.big-banner { height: 100px; margin: 30px 0; overflow: hidden; }
.banner { font-size: 24px; line-height: 32px; color: #fff; }/* Made by TECHWELL, 2012. http://www.techwell.ru */

/* Reset styles */
html{color:#797979;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}table td{vertical-align:top;}br{float:left;clear:both;width:100%;}
/* # Reset styles # */

/* Common classes */
.bold { font-weight: bold; }
.hidden { display: none; }
.white { color: #f4efea; }
.column { float: left; margin-right: 24px; width: 214px; }
.column.last { margin-right: 0; }
.threecol { float: right !important; width: 690px; }
.left { float: left !important; }
.right { float: right !important; }
.aright { text-align: right; }
.blue { color: #00c1f8; }
.fixed { position: fixed !important; }
.absolute { position: absolute !important; }
/* # Common classes # */

/* Common elements */
body { font: normal 13px/150% Arial, Helvetica, sans-serif; line-height: 150%; }
a { color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { color: #fff; line-height: 1.3em; }
h1 { color: #fff; font-size: 32px; font-weight: normal; line-height: 1.3em; margin-bottom: 20px; }
div + h1, p + h1, table + h1 { margin-top: 50px; }
h2 { font-size: 24px; margin: 20px 0 20px; font-weight: normal; }
h2:first-of-type { margin: 0 0 20px; }
h3 { font-size: 18px; margin: 20px 0 20px; font-weight: normal; }
h4 { font-size: 13px; margin: 20px 0 20px; font-weight: normal; }
hr { margin: 30px 0; height: 1px; width: 100%; border: none; border-bottom: 1px #727374 dashed; }
hr.clear { float: left; clear: both; border: 0; margin: 30px 0; width: 100%; }
p { margin-bottom: 1em; }
.page ul { list-style: disc; }
body { color: #797979; }
#mobile, .mobile { display: none; }
	/* Social icons */
	.header-social { float: left; margin: 12px 0 0 65px; }
	.page-social { float: left; margin: 24px 0 200px; width: 100%; }
	.social-icon { float: left; display: block; background: url('/bitrix/templates/cd/images/social-icons.png') no-repeat 0 0; margin-right: 5px; width: 25px; height: 24px; }
	.social-icon_tw { background-position: -25px 0; }
	.social-icon_vk { background-position: -50px 0; }
	.social-icon_gp { background-position: -75px 0; }
	.social-icon_lj { background-position: -100px 0; }
	/* # Social icons # */
	/* Top menu */
	#top-menu { float: left; margin: 30px 0; height: 20px; width: 928px; }
	.minified #top-menu { margin-bottom: 15px; }
	#top-menu td.clearing { width: 100px !important; }
	#top-menu td.clearing:last-child { display: none; }
	#top-menu a { color: #fff; font-size: 12px; text-decoration: none; border-bottom: 1px #fff solid; white-space: nowrap; }
	#top-menu .blue { text-decoration: none; border-bottom: 1px #00c1f8 solid; }
	#top-menu a:hover, #top-menu a:hover .blue { border: none !important; }
	#top-menu .selected a, #top-menu .selected a .blue { border: none; color: #797979; }
	/* # Top menu # */
	/* Left menu */
	.left-menu-wrapper { float: left; margin-bottom: 24px; }
	.left-menu-item { margin-bottom: 8px; }
	.left-menu-item.selected { background: url('/bitrix/templates/cd/images/rarr.png') no-repeat right 6px; padding-right: 35px; }
	.left-menu-item.selected a { text-decoration: none; color: #797979; }
	.left-menu-wrapper.fixed { top: 235px; }
	.left-menu-wrapper.fixed.minified { top: 70px; }
	/* # Left menu # */
	/* Section menu */
	.section-menu-wrapper { float: left; margin: 0 0 20px 238px; position: relative; }
	.services-list-wrapper + .section-menu-wrapper.articles { margin-top: 40px; }
	.section-menu-wrapper .current-section.active { position: relative; z-index: 50; }
	.section-menu-wrapper .current-section div { background: url('/bitrix/templates/cd/images/udarr.png') no-repeat right 8px; color: #f4efea; cursor: pointer; font-size: 24px; font-weight: bold; line-height: 30px; padding-right: 35px; }
	.section-menu-wrapper .current-section div span { border-bottom: 1px #f4efea dashed; }
	.section-menu-wrapper .current-section.active div { background: none; }
	.section-menu-wrapper .current-section.active div span { border-bottom: none; }
	.section-menu-wrapper .current-section.active.hover div { background: url('/bitrix/templates/cd/images/rarr.png') no-repeat right 13px; }
	.section-menu-wrapper .section-menu-hider { display: none; }
	.section-menu-wrapper .section-menu-hider.active { display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 49; }
	ul.section-menu { display: none; }
	ul.section-menu.active { background: url('/bitrix/templates/cd/images/section-menu-back.png') repeat 0 0; display: block; position: absolute; top: 30px; z-index: 50; }
	ul.section-menu li { padding-right: 35px; }
	ul.section-menu li a { display: block; font-size: 24px; font-weight: bold; line-height: 30px; white-space: nowrap; }
	ul.section-menu li:hover { background: url('/bitrix/templates/cd/images/rarr.png') no-repeat right 13px; }
	ul.section-menu li:hover a { text-decoration: underline; }
	/* # Section menu # */
	/* Portfolio navigation */
	.portfolio-navigation-wrapper { float: left; margin: 40px 0 0; width: 100%; }
	.portfolio-navigation-wrapper .subtitle, .portfolio-navigation-wrapper .description { margin-bottom: 20px; }
	ul.portfolio-navigation li { margin-top: 2px; }
	ul.portfolio-navigation li span.count { color: #797979; float: right; margin-right: 10px; }
	/* # Portfolio navigation # */
	/* Slideshows */
	.dragdealer-wrapper { position: relative; }
	.dragdealer-wrapper .button { cursor: pointer; height: 100%; position: absolute; width: 18px; z-index: 2; }
	.dragdealer-wrapper .left-button { background: url('/bitrix/templates/cd/images/slideshow-arrows.png') no-repeat 0 center; left: 5px; }
	.dragdealer-wrapper .right-button { background: url('/bitrix/templates/cd/images/slideshow-arrows.png') no-repeat -17px center; right: 5px; }
	.dragdealer { overflow: hidden; position: relative; }
	.dragdealer .handle { cursor: url('/bitrix/templates/cd/images/cursor-hand.png'), pointer; position: absolute; z-index: 1; }
	.dragdealer .handle.mousedown { cursor: url('/bitrix/templates/cd/images/cursor-fist.png'), pointer; }
	.dragdealer .handle .slideshow-image { float: left; }
	.threecol .dragdealer-wrapper { width: 450px !important; }
	.threecol .project .slideshow-image { width: 450px !important; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	/* # Slideshows # */
	/* Client video list */
	.clients-video-wrapper { float: left; margin-bottom: 20px; width: 100%; position: relative; }
	ul.clients-video-list { width: 928px; margin: 0 auto; }
	ul.clients-video-list .l-c { position: relative; } 
	ul.clients-video-list li.video-block { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px #727374 dashed; float: left; position: relative; }
	ul.clients-video-list li.video-block:last-child { margin-bottom: 0; border-bottom: 0; }
	ul.clients-video-list li.video-block .name { }
	ul.clients-video-list li.video-block .name.active { background: url('/bitrix/templates/cd/images/rarr.png') no-repeat right 6px; }
	ul.clients-video-list li.video-block .name div { color: white; font-size: 24px; line-height: 30px; text-decoration: none; font-weight: normal; margin-bottom: 5px; width: 180px; }
	ul.clients-video-list li.video-block .description { margin-bottom: 50px; }
	ul.clients-video-list .subtext { margin-top: 20px; }
	.video-wrapper { float: left; width: 690px; }
	/* # Client video list # */
	/* People list */
	.people-list-wrapper { float: left; width: 100%; }
	ul.people-list { float: left; margin-bottom: 20px; }
	ul.people-list li.person { margin-bottom: 30px; }
	ul.people-list li.person .preview-picture { margin-bottom: 20px; }
	ul.people-list li.person .name { margin-bottom: 20px; }
	ul.people-list li.person .preview-text { margin-bottom: 20px; }
	ul.people-list li.person .detail-text {}
	/* # People list # */
	/* File list */
	.files-list-wrapper { float: left; width: 100%; }
	ul.files-list { float: left; margin: 10px 0 20px; }
	ul.files-list hr.clear { margin: 0; }
	ul.files-list li.file { margin-bottom: 24px; }
	ul.files-list li.file .icon { background: url('/bitrix/templates/cd/images/filetypes.png') no-repeat 100px 100px; float: left; height: 55px; margin-right: 10px; width: 55px; }
	ul.files-list li.file .icon.PDF { background-position: 0 0; }
	ul.files-list li.file .icon.DOCX { background-position: -55px 0; }
	ul.files-list li.file .name { float: left; width: 149px; }
	/* # File list # */
	/* Scroll up */
	.scrollUp { margin-top: 20px; }
	/* # Scroll up # */
	/* Main banner */
	.main-banners { margin-top: 205px; overflow: hidden; border-bottom: 1px #727374 dashed; }
	.main-banners-wrapper { width: 928px; overflow: hidden; margin: 25px auto; position: relative; }
	.main-banners-container { position: relative; }
	.main-banners-item { float: left; width: 900px; /*padding-right: 28px;*/ }
	.main-banners-button { position: absolute; background: url('/bitrix/templates/cd/images/slideshow-arrows.png') no-repeat -17px center; right: 5px; top: 50%; margin-top: -17px; width: 17px; height: 33px; cursor: pointer; }
	/* # Main banner # */
	/* Project social */
	.left-social { position: absolute; bottom: 0; z-index: 20; }
	.fb_edge_comment_widget { margin-top: -370px !important; }
	/* # Project social # */
/* # Common elements # */

/* Layout & common sections*/
#wrapper { margin: 24px auto; width: 928px; }
#header { background: #000; border-bottom: 1px #727374 dashed; padding-top: 20px; overflow: hidden; width: 100%; position: fixed; z-index: 500; top: 0; }
#header.nofix { position: absolute; }
#header.minified { top: -140px; position: fixed; }
#header-wrapper { margin: 0 auto; width: 928px; }
#header .logo { float: left; height: 104px; margin-left: -17px; width: 300px; }
#header .phone { float: right; margin-top: 13px; text-align: right; width: 145px; }
#header .email { float: right; margin-top: 13px; text-align: right; }
#content { margin-top: 205px; overflow: hidden; }
#content-wrapper { margin: 30px auto; width: 928px; }
.page { margin-bottom: 24px; }
#footer { border-top: 1px #727374 dashed; width: 100%; }
#footer-wrapper { margin: 0 auto; width: 928px; margin-bottom: 20px; overflow: hidden; }
#footer .contacts { float: left; margin-top: 15px; }
.footer__column_url { width: 186px; }
.footer__column_skype { width: 335px; margin-left: 28px; margin-right: 5px; }
.footer__column_phone { width: 150px; margin-right: 20px; text-align: right; }
.footer__column_email { width: 180px; text-align: right; }
.l-c { float: left; margin-right: 24px; width: 214px; }
.r-c { float: right; width: 690px; }
/* # Layout & common sections # */

/* Projects page */
.projects-list-wrapper { float: left; clear: both; width: 100%; }
.projects-list-wrapper.threecol { clear: none; width: 690px; }
.projects-list { position: relative; }
.projects-list .project .l-c { position: relative; } 
.projects-list .project { padding-bottom: 30px; border-bottom: 1px #727374 dashed; margin-bottom: 30px; }
.projects-list .project.last { margin-bottom: 0; }
.projects-list .project, .projects-list .project .announce, .projects-list .project .detail { float: left; width: 100%; }
.projects-list .project.inner-width .announce { float: none; width: 928px; margin: auto auto; }
.projects-list-wrapper.threecol .project { width: 3000px; }
.projects-list-wrapper.threecol .last-no-border .project:last-child { border-bottom: 0; margin-bottom: 0; }
.projects-list-wrapper.threecol .project.inner-width .announce { margin: 0; }
.projects-list-wrapper.threecol .project.last { border-bottom: 0; }
.projects-list .project.closed .detail { display: none; height: 0px; }
.projects-list .project .line { float: left; clear: both; margin-top: 20px; position: relative; width: 100%; }
.projects-list .project .line a.minimizer { display: block; bottom: 0; position: absolute; }
.projects-list .project .line a.minimizer .arrow { font-size: 16px; }
.projects-list .project .name { color: #fff; cursor: pointer; font-size: 24px; line-height: 30px; margin-bottom: 5px; font-weight: normal; }
.projects-list .project .name .arrow { display: inline; font-size: 16px; margin-left: 6px; }
.projects-list .project.closed .name .arrow { display: none; }
.projects-list .project .title { margin-bottom: 24px; }
.projects-list .project .description { margin: 24px 0 30px; }
.projects-list .project .categories a { display: block; }
.projects-list-text { margin: 30px 0; }
/* # Projects page # */

/* Project page */
.project-page { overflow: hidden; position: relative; border-bottom: 1px #727374 dashed; margin-bottom: 30px; padding-bottom: 25px; }
.project-page-wrapper { width: 928px; margin: 0 auto; }
.project-page .project .name { color: white; font-size: 24px; line-height: 30px; text-decoration: none; font-weight: normal; margin-bottom: 5px; }
.project-page .project .l-c { position: relative; }
.project-page .project .title { margin-bottom: 24px; }
.project-page .project .description { margin: 24px 0 0; }
.project-page .project .project-image { margin-bottom: 10px; }
.project-page .project .project-image-main { margin-bottom: 20px; }
.project-page .project .project-image-desc { margin-bottom: 10px; }
/* # Project page # */

/* Services page */
.services-list-wrapper {}
ul.services-list { float: left; margin-top: -25px; }
ul.services-list li.services-item .name { margin-bottom: 20px; }
ul.services-list li.services-item .preview-picture { margin-bottom: 20px; }
ul.services-list li.services-item .preview-text {}
/* # Services page # */

/* Service detail page */
.service-detail-wrapper { clear: both; }
.service-detail { float: left; margin-top: 20px; }
.service-detail .additional { margin-top: 38px; }
.service-detail .detail { float: left; width: 690px; }
/* # Service detail page # */

/* Tooltips */
#tooltip { position: absolute; z-index: 300; background: url('/bitrix/templates/cd/images/tooltip.png'); text-indent: -9999px; height: 43px !important; width: 142px !important; }
#tooltip h3, #tooltip div { margin: 0; }
/* # Tooltips # */

/* Big banners */
.big-banner { float: left; height: 120px; border-bottom: 1px #727374 dashed; border-top: 1px #727374 dashed; padding: 40px 0; position: relative; width: 100%; overflow: visible !important; }
.big-banner .title { color: #f4efea; cursor: pointer; }
.big-banner .subtitle {	margin-bottom: 20px; }
.big-banner .pic { height: 100%; position: relative; overflow: hidden; z-index: 1; }
.big-banner .handle { height: 62px;	left: 50%; margin: -18px 0 0 -28px;	position: relative;	width: 57px; z-index: 20; }
.big-banner .handle div { background: url('/bitrix/templates/cd/images/buttons.png') no-repeat -74px 0; cursor: ns-resize;	display: block; height: 37px; margin: 0 0 0 10px; width: 37px; }
.big-banner .handle div.hover { background: url('/bitrix/templates/cd/images/buttons.png') no-repeat -74px -37px; }
.big-banner .handle div.pressed { background: url('/bitrix/templates/cd/images/buttons.png') no-repeat -74px -74px; }
/* # Big banners # */

/* Tophead videos */
.tophead-videos-wrapper { width: 100%; top: -445px; position: absolute; }
.tophead-videos-wrapper .icon-wrapper { float: left; width: 100%; }
.tophead-videos-wrapper .icon { background: url('/bitrix/templates/cd/images/tophead.jpg') no-repeat 0 0; cursor: pointer; height: 87px; margin: 0 auto; position: relative; left: -95px; width: 116px; }
.tophead-videos-wrapper .tophead-videos { background: #000; border-bottom: 1px #f4efea solid; float: left; width: 100%; }
.tophead-videos-wrapper .clients-video-wrapper { float: none; margin: 20px auto; width: 928px; }
/* Tophead videos */

/* Article list */
.articles-list {}
.articles-item { border-bottom: 1px #727374 dashed; margin-bottom: 25px; padding-bottom: 40px; }
.articles-item:last-child { border-bottom: 0; margin-bottom: 0; }
/* # Article list # */

/* Feedback */
.subjects-list { margin-bottom: 30px; }
.subjects-list__item { color: #fff; cursor: pointer; margin-bottom: 5px; }
.subjects-list__item span { border-bottom: 1px #fff dotted; padding-bottom: 1px; }
.subjects-list__item_selected { color: #797979; cursor: default; background: url('/bitrix/templates/cd/images/rarr.png') no-repeat right 6px; }
.subjects-list__item_selected span { border: none; }
.contact{ width: 690px; margin-bottom: 30px; }
.contact__input-wrapper { width: 690px; margin: 10px 0; }
.contact__input_text, .contact__textarea { outline: none; background: #fff; border: 1px #fff solid; height: 10px; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 434px; }
.contact__input_text:focus, .contact__textarea:focus { -webkit-box-shadow: 0px 0px 7px rgba(218, 172, 82, 0.8); -moz-box-shadow: 0px 0px 7px rgba(218, 172, 82, 0.8); box-shadow: 0px 0px 7px rgba(218, 172, 82, 0.8); border: 2px #daac52 solid; padding: 9px; }
.contact__error { -webkit-box-shadow: 0px 0px 7px rgba(197, 135, 127, 0.8) !important; -moz-box-shadow: 0px 0px 7px rgba(197, 135, 127, 0.8) !important; box-shadow: 0px 0px 7px rgba(197, 135, 127, 0.8) !important; background: #f7f1f1 !important; border: 2px #c5877f solid !important; padding: 9px;  }
.contact__textarea { width: 670px; height: 96px; }
.contact__input_attachment { background: url('/bitrix/templates/cd/images/attach.png') no-repeat 5px 4px; padding-left: 20px; border: 0; color: #fff; text-decoration: underline; }
.contact__input_attachment:hover { text-decoration: none; }
.contact__submit { cursor: pointer; clear: both; display: block; height: 38px; width: 130px; margin: 30px 0 100px -2px; color: #fff; background: url('/bitrix/templates/cd/images/submit.png') no-repeat 0 0; border: none; padding: 8px; }
.contact__submit:hover { background-position: 0 -38px; }
.contact__submit_disabled { background-position: 0 0 !important; cursor: default; opacity: 0.4; }
/* # Feedback # */

/* Checkboxes */
.ez-hide { opacity: 0; filter: alpha(opacity=0); }
.ez-checkbox { background: transparent url('/bitrix/templates/cd/images/checkbox.png') -18px 0 no-repeat; height: 18px; width: 18px; margin: 4px 7px 4px 12px; display: inline-block; }
.ez-checked { background-position: 0 0; }
.ez-checkbox { zoom: 1; *display: inline; _height: 30px; }
/* # Checkboxes # */

/* Services pages */
.big_text p {font-size: 14px; line-height: 160%;}
.big_text li {font-size: 14px; line-height: 160%;}
/* # Services pages # */