/* контейнеры для главного фрейма. Подставляйте свои размеры. */
.centrer { position:absolute; top:50%; left:0; width:100%; height:700px; margin:-350px auto 0; z-index:10; } /* центрирует по вертикали */
.outer_wrapper { position:relative; left:50%; top:0; margin-left:-495px; height:700px; width:990px; } /* центрирует по горизонтали */


#bg-video, #bg-video > * { width:1600px !important; height:1000px !important; }

.page_fade { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background:url('../i/fade.png'); display:none; }

/**/
#backFrames { position:absolute; z-index:1; top:50%; left:50%; margin:-500px 0 0 -800px; width:1600px; height:1000px; }
.video_wrapper { display:none; position:absolute; z-index:999; top:50%; left:50%; margin:-500px 0 0 -800px; width:1600px; height:1000px; }
.video_wrapper img { position:absolute; z-index:2; top:0; left:0; }
.video_wrapper #bg-video { position:absolute; top:0; left:0; z-index:3; }

.back_img { position:absolute; z-index:1; top:0; left:0; width:1600px; height:1000px; }
.back_img .next { z-index:3; }
.back_img .blur { z-index:2; }
.back_img .row { position:absolute; left:0; z-index:1; width:1600px; height:100px; }
.back_img .frame { position:absolute; z-index:1; top:0; width:160px; height:100px; opacity:0; filter: alpha(opacity = 0); }

/**/
.backlight { position: absolute; z-index:1; top:50%; left:50%; margin:-160px 0 0 -512px; width:1025px; height:525px; background:url('../i/backlight.png') 0 0 no-repeat; }

/* --- */

.logo_big { display:block; position:absolute; z-index:100; top:50%; left:50%; width:264px; height:271px; margin:-180px 0 0 -135px; background:url('../i/logo_big.png') 0 0 no-repeat; }
.first_page .logo_big { display:block; }

body { background: #3b4044; min-height:700px; overflow:hidden; }

.logo { position:absolute; z-index:1; display:none; top:-60px; left:40px; width:126px; height:128px; background:url('../i/sprite.png') 0px -334px no-repeat; }
.fake_logo { position:absolute; z-index:100; top:-60px; left:40px; width:126px; height:128px; }

#hidden { position:absolute; z-index:0; top:-10000px; left:-10000px; width:0; height:0; overflow:hidden; }
#preloader { position:absolute; z-index:100; top:26px; left:130px; height:1px; background:#cfcfce; }
#preloader i { position:absolute; z-index:1; width:12px; height:12px; top:-6px; left:-5px; background:url('../i/sprite.png') 0 0 no-repeat; }
#preloader i.p_right { left:auto; right:-5px; background:url('../i/sprite.png') -23px 0 no-repeat; }

#rotatingCity { width:670px; position:absolute; z-index:2; top:0px; left:50%; margin-left:-335px; }

.menu_wrapper { background:#696e75; position:absolute; height:75px; top:615px; left:0; width:100%; z-index:101; }
.menu { position:absolute; z-index:101; width:900px; top:45px; left:85px; }
.menu li { cursor:pointer; position:relative; float:left; width:92px; text-align:center; height:20px; text-transform:uppercase; font-size:14px; color:#4b5655; }
.menu li a { opacity:0;  filter: alpha(opacity = 0); text-decoration:none; color:#c7c7c7; display:block; white-space:nowrap; }
.menu li i { position: absolute; z-index:1; top:-25px; left:50%; margin-left:-6px; width:12px; height:12px; background:url('../i/sprite.png') 0 0 no-repeat; }
.menu li.active i, .menu li:hover i { background-position:-23px 0; }
.menu li.active a, .menu li:hover a { color:#fff; }

.menu li ins { position:absolute; z-index:2; top:-115px; left:50%; margin-left:-42px; width:84px; height:84px; display:none; background-position:0 0; background-repeat:no-repeat; }

#loadingArea { position:absolute; z-index:20; top:0; left:0; width:100%; height:100%; }
#rotor { width:830px; height:436px; position:absolute; top:110px; left:50%; opacity:0; filter: alpha(opacity = 0); margin-left:-415px; background: #fff; }
#rotor.car { background:none; }

.default_modal { position:absolute; z-index:2; top:0px; left:0px; opacity:0; filter: alpha(opacity = 0);width:830px; height:436px; background:#45494e url('../i/modal_bg.png') 95% 0 no-repeat;  }
.page_shadow { position:absolute; opacity:0; filter: alpha(opacity = 0);z-index:1; top:-18px; left:-9px; width:878px; height:513px; background:url('../i/shadow.png') 0 0 no-repeat; }

.carousel_modal { position:absolute; z-index:1; top:30px; left:50%; margin-left:-490px; width:980px; height:436px; }
#carousel .item_text { padding:25px 35px; }
#carousel .item_text h4 { font-weight:normal; padding:0 0 15px 0; margin:0; font-size:17px; color:#a0a0a0; }
.stuff_page #carousel .item_text h4 { height:60px; }
#carousel .item_text h4 span { padding-top:5px; font-size:15px;}
#carousel .item_text h4 a { color:#aad76d; }

#carousel .item_text p { font-size:16px; color:#cecdcd; }
#carousel .item_text p strong, .sub_stuff .text_area p strong { font-weight:normal; color:#a0a0a0; }

#carousel .jcarousel-item { opacity:0; filter: alpha(opacity = 0);}

#subPage { overflow:hidden; position:absolute; z-index:0; top:80px; left:85px; width:0; height:0px; opacity:0; filter: alpha(opacity = 0);background:#45494e; -webkit-box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); -moz-box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); }
#subPage ins { cursor:pointer; position:absolute; z-index:30; top:15px; left:750px; width:63px; height:20px; background:url('../i/sprite.png') -178px 0 no-repeat; }


.sub_page { height:375px; width:830px; position:absolute; z-index:1; top:60px; left:0; }

.sub_page.sub_dev { width:500px; }
.sub_dev .text_area { width:460px; margin-left:20px; height:340px; }
.sub_dev .text_area ul { color:#c3c3c3; font-size:16px; margin-right:30px; padding-top:15px; margin-left:15px; }
.sub_dev .text_area p { color:#c3c3c3; font-size:16px; margin-right:30px; padding-top:15px; }
.sub_dev .text_area ul ul { margin-left:0; }
.sub_dev .text_area ul li { line-height:19px; margin-bottom:10px; padding-left:31px; background:url('../i/bullit.png') 6px 5px no-repeat; }
.sub_dev .text_area ul ul li { padding-left:25px; background-position:0 5px; }

a.dt_back { position:absolute; z-index:1; top:20px; left:20px; }

.sub_stuff .image_area { float:left; width:280px; }
.sub_stuff .image_area img { margin-bottom:20px; }
.sub_stuff .image_area p { font-size:15px; color:#a0a0a0; margin-left:35px; }
.sub_stuff .image_area p span { font-size:17px; color:#aad76d; text-decoration:underline; }

.sub_stuff .text_area { width:460px; float:right; margin-right:20px; height:340px; }
.sub_stuff .text_area p { color:#cecdcd; font-size:16px; margin-bottom:14px; margin-right:30px; }
.sub_stuff .text_area h4, .sub_dev .text_area h4 { color:#aad76d; font-size:17px; font-weight:normal; margin-bottom:15px; margin-top:0; }
.sub_stuff .text_area p a { color:#aad76d; }

.projects_page .project_logo { padding-top:50px; text-align:center; margin-bottom:30px; }
.projects_page .project_logo img { margin:0 auto; }
.projects_page #carousel .item_text { text-align:center; padding:0; }
.projects_page #carousel .item_text h4 a { color:#4569af; font-size:19px; }
.projects_page #carousel .item_text p { font-size:15px; line-height:18px; }


.sub_projects h2 { position:absolute; z-index:3; top:-40px; left:299px; font-size:22px; text-transform:uppercase; font-weight:normal; color:#9bc650; }
.sub_projects .image_area { float:left; width:200px; margin-left:30px; margin-top:-30px; }
.sub_projects .image_area img { margin-bottom:6px; }
.sub_projects .text_area { width:510px; float:right; margin-right:20px; height:305px; margin-top:20px; }
.sub_projects .text_area p { color:#cecdcd; font-size:16px; margin-bottom:20px; margin-right:30px; }
.sub_projects .text_area ul { color:#c3c3c3; font-size:16px; margin-right:30px; }
.sub_projects .text_area ul li { line-height:19px; margin-bottom:10px; padding-left:35px; background:url('../i/bullit.png') 0 5px no-repeat; }
.sub_projects .text_area ul li span { color:#dbdbdb; font-weight:bold; }

.project_site_link { position:absolute; z-index:10; bottom:15px; right:0; height:36px; line-height:36px; padding-left:36px; background:url('../i/sprite.png') 0 -276px no-repeat; }
.project_site_link a { font-size:18px; color:#fff; }
.project_site_link i { position:absolute; z-index:1; height:36px; width:30px; right:-30px; background:url('../i/sprite.png') -300px -276px no-repeat; }



.partners_page .jcarousel-skin-tango .jcarousel-item { width:208px; height:307px; }
.partners_page .jcarousel-skin-tango .jcarousel-clip-horizontal { top:45px; }
.partners_page #carousel .item_text { padding:0px 15px; text-align:center; }
.partner_logo { height:135px; margin-bottom:40px; background:#fff; width:208px; position:relative; text-align:center; }
.partner_logo img { position:absolute; z-index:1; top:50%; left:50%; }

.partner_logo.magistral_logo img { margin-left:-77px; margin-top:-15px; }
.partner_logo.dsk_logo img { margin-left:-58px; margin-top:-41px; }
.partner_logo.art3d_logo img { margin-left:-58px; margin-top:-14px; }
.partner_logo.mediastorm_logo img { margin-left:-76px; margin-top:-25px; }
.partner_logo.standard img {margin-left: -79px; margin-top: -40px; }

.partners_page #carousel .item_text p { font-size:15px; }
.partners_page #carousel .item_text .partner_name { height:75px; }
.partners_page #carousel .item_text .partner_link a { color:#aad76d; }

.press_page #carousel .item_text { padding-top:45px; }
.press_page #carousel .item_text p { font-size:15px; color:#cecdcd; margin-bottom:20px; }
.press_page #carousel .item_text p.news_desc {  }
.press_page #carousel .item_text p.news_date { font-size:13px; color:#9f9f9f; }
.press_page #carousel .item_text p a { color:#aad76d; }



.text_page { padding:0px 90px 0px 70px; }
.contacts_info h1 { font-size:31px; font-weight:normal; color:#5c86d6; margin-bottom:30px; }

.text_page h1 { color:#5c86d6; padding-bottom:0; height:38px; position:relative; margin-bottom:15px; }
.about_page .text_page h1 { color:#5c86d6; padding-bottom:0; width:185px; float:left; height:38px; position:relative; margin-bottom:15px; }
.about_page .text_page h1 a { color:#77a32e; text-decoration:underline; position:absolute; z-index:1; bottom:0; left:0; }
.about_page .text_page h1.active a { color:#5c86d6; text-decoration:none; bottom:-1px; }


.text_page p { font-size:16px; margin-bottom:16px; color:#cecdcd; line-height: 18px;}
.about_page .text_page p { text-indent:15px; }
.about_page .text_page .part_text { clear:both; }

.text_page ul { color:#c3c3c3; font-size:16px; margin-right:30px; padding-top:15px; margin-left:15px; }
.text_page ul ul { margin-left:0; }
.text_page ul li { line-height:19px; margin-bottom:10px; padding-left:31px; background:url('../i/bullit.png') 6px 5px no-repeat; }
.text_page ul ul li { padding-left:25px; background-position:0 5px; }
.text_page ul.accordeon li.lvl1 { height:19px; overflow:hidden; }
.text_page ul.accordeon li.lvl1.full { background:url('../i/arr_right.png') 4px 0px no-repeat; cursor:pointer; }
.text_page ul.accordeon li.lvl1.full.active { background:url('../i/arr_down.png') 0px 2px no-repeat;}

#contactsArea { overflow:hidden; position:absolute; z-index:21; top:-200px; left:1000px; width:0px; height:0px; opacity:0; filter: alpha(opacity = 0);-webkit-box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); -moz-box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); }

#contactsArea #MapCanvas { width:1600px; height:900px; }

.menu_highlight { position:absolute; z-index:22; top:490px; left:0; width:100%; height:160px; background:#fdfdfc; display:none; }


.art3d { position:absolute; z-index:99; bottom:-50px; right:30px; width:65px; height:16px; background:url('../i/sprite.png') 0px -484px no-repeat; }
.cpr { position:absolute; z-index:99; top:690px; left:0; width:100%; height:32px; background:#44474c; }
.cpr p { color:#696e75; font-size:14px; padding-top:4px; margin-left:20px; }
.cpr p span { font-size:20px; padding-left:18px; padding-right:20px; color:#a4a9b0; position:relative; top:1px; }
.cpr p a { opacity:0.23; filter: alpha(opacity = 23); }

 .cpr p a:hover { opacity:1; filter: alpha(opacity = 100); }


.contacts_info { display:none; position:absolute; z-index:24; top:90px; right:0px; width:365px; height:436px; background:#f8f8f8; -webkit-box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); -moz-box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); box-shadow: 10px 10px 40px rgba(7, 7, 7, 0.43); }
.contacts_info h1 { margin-left:50px; padding-top:30px; }
.type_toggler { position:relative; height:100px; }
.type_toggler span { color:#fff; text-decoration:underline; line-height:36px; font-size:18px; }
.type_toggler p.drive { cursor:pointer; position:absolute; z-index:2; top:0; left:50px; width:221px; height:36px; line-height:36px; text-align:center; background:url('../i/sprite.png') -170px -464px no-repeat; }

.type_toggler p.walk { cursor:pointer; position:absolute; z-index:2; top:32px; left:98px; width:221px; height:36px; line-height:36px; text-align:center; background:url('../i/sprite.png') -170px -426px no-repeat; }
.type_toggler p.active { z-index:3; cursor:default; }

.contacts_info .c_text p { padding:0 50px; }
.contacts_info p.route_tip { padding:0 50px 25px 50px; font-size:18px; color:#4569af; }


.animation_toggler { position:absolute; z-index:22; top:-18px; right:50px; cursor:pointer; text-indent:-10000px; width:129px; height:36px; background:url('../i/video_tog.jpg') 0 -36px no-repeat; }
.animation_toggler.disabled { background-position:0 0; }




.text_page_scroller { width:800px; height:345px; position:relative; top:45px; }
.strategy_page .text_page_scroller, .development_page .text_page_scroller { height:337px; }
.philosophy_page .text_page_scroller { height:365px; }


.mail_ico { position:absolute; z-index:85; top:-15px; right:20px; width:11px; height:9px; background:url('../i/sprite.png') -334px 0 no-repeat; }
.contacts_ico { position:absolute; z-index:85; top:5px; right:20px; width:11px; height:11px; background:url('../i/sprite.png') -334px -20px no-repeat; }


.jcarousel-item.empty { opacity:0 !important; filter: alpha(opacity = 0); }


.projects_page { opacity:0; filter: alpha(opacity = 0);}

#projectsCarousel { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
#projectsCarousel .logos_block { position:absolute; z-index:2; top:-4px; left:-80px; width:524px; height:301px; background:url('../i/projects_bg.png') 0 0 no-repeat; }
#projectsCarousel .logos_block .pc_item { display:none; position:absolute; z-index:1; width:265px; height:195px; left:145px; top:70px; text-align:center; } 
#projectsCarousel .logos_block .pc_item img { margin:0 auto; max-height:190px; max-width:260px; }

#projectsCarousel .discr_block { overflow:hidden; position:absolute; z-index:2; width:300px; height:220px; left:450px; top:81px; }
#projectsCarousel .discr_block .pc_item { right:100%; position:absolute; z-index:1; top:0; width:100%; height:100%; background:#45494e; }

#projectsCarousel .discr_block .pc_item h4 { position:absolute; z-index:1; top:65px; left:65px; font-size:19px; margin:0; }
#projectsCarousel .discr_block .pc_item h4 a { color:#a1ce3c; }
#projectsCarousel .discr_block .pc_item p { position:absolute; z-index:1; top:120px; left:65px; font-size:17px; color:#e5eaed; line-height:17px; }

#projectsCarousel .pc_next {
    position: absolute;
    width: 0px;
    height: 67px;
	left:750px; 
	top:160px;
    cursor: pointer;
    background: url('../i/sprite.png') -51px -170px no-repeat;
}

.pr_type { display:none; }

.projects_list { display:none; position:absolute; z-index:10; width:240px; height:190px; left:90px; top:80px; }
.projects_list ul li { font-size:19px; margin-bottom:18px; line-height:20px; }
.projects_list ul li a { color:#7a5c9f; }
.projects_list ul li span { font-size:16px; color:#82868e; line-height:17px; }

.p_toggler { position:absolute; z-index:20; top:140px; left:-40px; width:58px; }
.p_toggler .tgl { position:absolute; z-index:1; width:58px; height:48px; left:0; background-image:url('../i/sprite.png'); cursor:pointer; }
.p_toggler .tgl i { position:absolute; z-index:2; top:50%; left:100%; width:5px; height:5px; margin:-2px 0 0 6px; display:none; background: url('../i/sprite.png') -440px -185px no-repeat; }
.p_toggler .tgl.active { cursor:default; }
.p_toggler .tgl.active i { display:block; }

.p_toggler .pt_gallery { top:0; background-position:-320px -63px; }
.p_toggler .pt_list { top:55px; background-position:-320px -118px; }

.p_toggler .pt_gallery.active { background-position:-411px -63px; }
.p_toggler .pt_list.active { background-position:-411px -118px; }



.dev_tabs { width:700px; height:205px; position:relative; top:20px; }
.dev_tabs .dt_item { width:169px; height:200px; position:relative; float:left; margin-right:5px; cursor:pointer; text-decoration:none; }
.dev_tabs .dt_item .dt_fade { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity:0.3; filter: alpha(opacity = 30); background:#1e252f; }
.dev_tabs .dt_item:hover .dt_fade { background:#b5bca8; }
.dev_tabs .dt_item .dt_num { font-size:216px; color:#cecdcd; opacity:0.07; filter: alpha(opacity = 7); position:absolute; z-index:1; bottom:0; left:0px; line-height:110px; } 
.dev_tabs .dt_item h1 { font-weight:normal; position:absolute; width:100%; top:50%; left:0; margin-top:-20px; z-index:3; text-align:center; color:#c2d2b2; font-size:20px; }

#video-btn {
	display: block;
	position: absolute;
	width: 159px;
	height: 36px;
	top: 500px;
	left: 50%;
	margin-left: -80px;
	background: url('../i/sprite.png') -226px -352px no-repeat;
	z-index: 101;
}