*, *:before, *:after {
    box-sizing: border-box;
}
canvas {width:auto !important;height:auto !important;}
html, body {margin:0; padding:0; position:relative; line-height:1.2; min-width:1000px; font-family: 'Roboto', sans-serif; font-size: 12px; color:#171817; height:100%;}
body{min-height:700px; }
img {border:none;}
.both, hr {clear:both;}
a{text-decoration:none; color:#0669B2;}
h1{margin:0; color: #1567b0;font-size: 36px; text-transform:uppercase;}
h2{}
h3 {font-size:16px; text-transform:uppercase; font-weight:normal; font-weight:bold; margin:0 0 15px;}
area {cursor:pointer;}

#all {position:relative; width:100%; height:100%; padding:50px 0; background:url(../images/min_bg.png) rgba(255,255,255,1);}
#header {width:100%; position:absolute; z-index:5; height:50px; top:0;}
#header #logo {background: url("../img/logo.png") no-repeat center #fff; height: 190px; margin-left: -65px; left: 50%; position: absolute; width: 130px; z-index: 99999; box-shadow:0 0 13px rgba(0,0,0,0.3);}
#header #top_menu {}
#header #top_menu > ul {margin:0; padding:0; text-align:center;}
#header #top_menu > ul > li {margin:0; padding:0; display:inline-block;}
#header #top_menu > ul > li > a {display:block; width:131px; padding:17px 0; margin:0 1px; text-transform:uppercase;}
#header #top_menu > ul > li.active > a {border-bottom:3px solid #0669B2;}
#header #top_menu > ul > li:hover > a {border-bottom:3px solid #0669B2}
#header #top_menu > ul > li.item_3 {margin-right:8%;}
#header #top_menu > ul > li.item_4 {margin-left:8%;}

#center {position:relative; height:100%; z-index:1; top:0; overflow:hidden; min-width:960px; width:95%; max-width:1920px; margin:0 auto; max-height:870px; box-shadow: 0px 0px 2px 0px #000000; background:#fff;}
#center #content {width:100%; height:100%; overflow:hidden; position:relative; z-index:2;}
#center #content  > content {display:block; height:100%; width:100%; overflow:auto;}
#center  #video {position:absolute; height:100%; width:100%; z-index:1; top:0; left:0;}
#center  #video > div{height:100%; width:100%;}
#center  #video > div > video {min-height:100%; min-width:100%;}

#footer {position: absolute; bottom:5px; text-align:center; width:100%; z-index:5;}
#footer .item {display: inline-block; text-align: left; vertical-align:middle; margin:0 10px;}
#footer #logo-min{background:url(../img/logo-min.png) no-repeat top center;width:70px; height:30px; background-size:100% auto;}


/*	Ãëàâíàÿ	*/
#center  .right_button {position:absolute; z-index:2; bottom:10%; left:50%; margin-left:-152.5px;}
#center  .right_button > a {background-image:url('../images/bg_item.png'); display:block; width:105px; height:105px; color:#333; padding:10px; text-align:center; float:left; position:relative;}
#center  .right_button > a.item_1 { background-color:#025c9e;}
#center  .right_button > a.item_2 { background-color:#068fd0;}
#center  .right_button > a.item_3 { background-color:#1cc9f8;}
#center  .right_button > a > img {border-radius:none; text-align:center;}

.button {width:100px; height:100px; text-align:center; position:absolute; left:5%; top:5%; cursor:pointer; font-size:18px; text-transform:uppercase; color:#fff; padding-top:70px;}
.button.gallery {width:auto; height:auto; background:url('../images/bg_item.png') #025c9e; padding:20px;}
.button.gallery.gallery1 {margin-top:70px;} 
.button.active {background-color:#068fd0;}
#get_genplan, #get_genplan1 {background:url('../images/bg_item.png'),url('../images/top.png') #025c9e;}
#gen_plan_homs > map {position:absolute;}
#get_home2, #get_home1 {background:url('../images/bg_item.png'),url('../images/get_home_2.png') #068fd0; margin-top:100px;}


#get_genplan1 {right:5%; left:auto;}
#get_home1 {right:5%; left:auto; background:url('../images/bg_item.png'),url('../images/get_home_1.png') #068fd0;}
.button:hover {background-color:#1cc9f8 !important;}

#center  .right_button > a > span {display:block; font-size:18px; text-transform:uppercase; color:#fff; position: absolute; bottom:10px; width:100%; left:0;}
#center  .right_button > a:hover {opacity:0.8;}
#center #home_news {position:absolute; top:110px; background:rgba(255,255,255,0.8); z-index:2; width:357px; left:5%; padding:10px; display:none;}
#center #home_news .date_news {padding:3px 10px; background:#0669B2; color:#fff; position:absolute; top:-20px; left:0; width:105px;}
#center .custom_aport {position:absolute; right:30%; top:110px; background:#0669B2; z-index:2; color:#fff; padding:13px 10px; text-align:center; width:116px;}
#center .custom_aport p {margin:0; text-transform:uppercase;}
#center .custom_aport strong {display:block; font-size:36px;}
#center .custom_slogan {position:absolute; left:70%; top:110px; background:rgba(6,105,178,0.3); z-index:2; padding:4px 10px; text-align:left; text-transform:uppercase; width:260px;}
#center .custom_slogan h1 {font-size:24px; color:#fff; margin:0; padding:0;}
#center .custom_slogan h2 {font-size:16px; color:#fff; margin:0; padding:0;}
 
#center.o-komplekse #content .item-page {position:absolute; height:60%; width:100%; bottom:0; background:rgba(255,255,255,0.9) url('../images/bg_item.png'); z-index:2; padding-top:70px;}
#center.o-komplekse #content .item-page > div {width:1000px; margin:0 auto; height:100%; overflow:auto;}
#content .item-page .icons {position:absolute; right:0; width:auto !important;}
#adminForm {position:relative; z-index:9999999; background:#fff;}
.btn-group {}
#center #content > content > .nav {position:absolute; z-index:5; margin:0 0 -50px; padding:0; text-align:center; width:100%; bottom:60%;}
#center #content > content > .nav > li {display:inline-block; vertical-align:top; margin:5px 10px; background:#068fd0 url('../images/bg_item.png') center;}
#center #content > content > .nav > li:hover {background-color:#1cc9f8;}
#center #content > content > .nav > li.active {background-color:#025c9e;}
#center #content > content > .nav > li > a {display:block; width:140px; padding:70px 10px 10px; color:#fff; text-align:left; background-repeat:no-repeat; background-position:43px 15px;}
#center #content > content > .nav > li.item-152  > a {background-image:url('../images/o-komplekse.png');}
#center #content > content > .nav > li.item-142  > a {background-image:url('../images/docs.png');}
#center #content > content > .nav > li.item-143  > a {background-image:url('../images/price.png');}
#center #content > content > .nav > li.item-144  > a {background-image:url('../images/plan.png');}


#center.galereya #content .nav {position:absolute; z-index:999; margin:0; padding:0; text-align:center; width:30%; top:25%;}



/*	Íîâîñòè	*/
#material {position:absolute; top:120px; width:1000px; background:rgba(255,255,255,0.6) url('../images/bg_item.png'); left:50%; margin-left:-500px; padding:20px; height:80%; overflow:auto;}

#center.video #material {position:absolute; top:0; width:100%; background:rgba(255,255,255,0.6) url('../images/bg_item.png'); left:0; margin-left:0; padding:0; height:100%; overflow:hidden;}
#center.video #content {overflow:hidden;}
#center #content .blog {width:60%; float:left;}
#center #content > content > #material > form.blog {width:40% ; margin:0 auto; float:left;}
#center #content .blog > h1 {}
.date_blog {float:right; background:#0669B2; padding:5px; color:#fff;}
.news {margin: 25px 0 5px; border-bottom:1px solid #0669B2; padding:0 0 10px;}
.news > h3 {margin:0 0 10px;}
.pagination {text-align:center;}
.pagination > ul {margin:0; padding:0;}
.pagination > ul  > li {display:inline; margin:0 5px;}
.form_name {float:left; width:90px;}
.form_input {margin:5px 0;}
#center #content > form.blog > div > button {display:block; width:50%; margin:0 auto;}
#vk_groups, #ok_group_widget {margin:10px auto 0; width:300px;}




#content #right {float:right;}
#content #right .moduletable {width:565px;}
#txt_komplex #content {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.01);position: absolute;top: -10px;width: 100%;}
#content .item-page #context_komp #txt_content > h1 {padding-bottom: 15px;}
#content .item-page #context_komp #txt_content{line-height: 21px;padding-left: 15px;padding-top: 213px;}
#content .item-page #context_komp {height: 790px;}



.yashare-auto-init.b-share_theme_counter {padding-bottom: 10px;}
.btn_prew{background:url(../img/btn_prew.png) center no-repeat;border: 0 none;  height: 45px;width: 23px;margin-top: 20px;}
.btn_next{background:url(../img/btn_next.png) center no-repeat;border: 0 none;  height: 45px;width: 23px;margin-top: 20px;}

#window_4 {background:url(../img/kvartiri.jpg) center no-repeat #fff;}
#window_4 div {opacity:0;}
#window_4 > ul {margin: 0 auto;text-align: center;}
#window_4 li {background: none repeat scroll 0 0 #1567b0;color: #fff;display: inline-block;font-weight: bold;height: 90px;text-transform: uppercase;vertical-align: top;width: 115px;margin-left: 30px;margin-right: 30px;}
#window_4 .ipt_txt {background: none repeat scroll 0 0 #1567b0;border: 0 none;font-size: 30px;width: 40px;text-align: center;color:#fff;}
#window_4 #shema {border-left: 2px solid;display: inline-block;height: 729.3px;vertical-align: top;width: 579px;}
#window_4 #con {border: 1px solid;display: inline-block;width: 383px;}
.map_kv{background: url("../img/s1.jpg") no-repeat scroll center top / 100% 100% rgba(0, 0, 0, 0);border-left: 2px solid;display: inline-block !important;height: 729.3px !important;vertical-align: top;width: 570px !important;}
#con_2 {position: absolute;top: 150px;}

#video{height: 100%;position: relative;width: 100%;z-index: 100;}
.date_pub {text-align: left;}


.ex_image { width:100%; height:100%;}

 
 .sekc {
     background: none repeat scroll 0 0 #fff;
    
    color: #0669b2;
    height: 107px;
    
    left: 50%;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 90px;
}

.sekc1 {bottom: 35%;}
.sekc2 {margin-left: -600px; bottom: 60%;}
.sekc > span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.sekc > span > strong {
    display: block;
    font-size: 48px;
}
.pan_1 {left: 31%; position: absolute; top: 45%;}
.pan_2 {left: 54%; position: absolute; top: 65%;}
.pan_3 {left: 20%; position: absolute; top: 35%;}
.pan_4 {left: 40%; position: absolute; top: 22%;}
#gen_plan_homs {width:100%; height:100%; font-size:24px; color:#fff; position:absolute; left:0; top:0; text-align:center;}
#gen_plan_homs > div {background:url('../images/genplan_item.png') no-repeat left top; height:100px; width:50px; position:absolute; top:30%; left:50%; padding-top:10px; cursor:pointer;}
#gen_plan_homs > div:hover {background-position:right top;}
#gen_plan_homs > div.gen_plan_homs {position:absolute !important; height:1080px !important; width:1920px !important; left:50% !important; top:50% !important; cursor:default !important; margin:-510px 0 0 -960px}

#gen_plan_homs #home_1 {margin-left:-300px}
#gen_plan_homs #home_2 {margin-left:260px}
#gen_plan_homs #home_2 span {font-size:10px; display:block;}
.gen_plan_home {width:100%; height:100%; position:absolute; left:0; top:0;}
.gen_plan_home .map {width:100% !important; height:100% !important;  background-position:center top !important; background-repeat:no-repeat !important;}
#gen_plan_home_1 {background:url('../images/home_1.jpg') no-repeat center top;}
#gen_plan_home_2 {background:url('../images/home_2.jpg') no-repeat center top;}


table.price {
    border-left: 1px solid #0669B2;
    border-top: 1px solid #0669B2;
    margin-bottom: 20px;
    width: 100%;
}
table.price td, table.price th {
    border-bottom: 1px solid #0669B2;
    border-right: 1px solid #0669B2;
}
table.price th {
    background: none repeat scroll 0 0 #0669B2;
    color: #fff;
}


.slider_wrap {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
text-align:center;
background:rgba(255,255,255,0.9);
}
.slider_wrap img {

height:100%;
display:none;
top:0;
left:0;	
margin:0 auto;
}
.slider_wrap img:first-child {
display:block;
}
.slider_wrap span.prev{left: 14px;
    position: absolute;
    top: 381px;}
.prev:hover:after{background: #0669B2;}
.prev:hover:before{background: #0669B2;}
.prev:after {background: #1CC9F8;
    border-radius: 50px;
    content: "";
    height: 60px;
    left: 10px;
    position: absolute;
    top: 0px;
    transform: rotate(40deg);
    width: 10px;}
.prev:before {background: #1CC9F8;
    border-radius: 50px;
    content: "";
    height: 60px;
    left: 9px;
    position: absolute;
    top: 40px;
    transform: translate(0px) rotate(140deg);
    width: 10px;}
.slider_wrap span.next {position: absolute;top: 335px;right: 44px;}
.next:hover:after{background: #0669B2;}
.next:hover:before{background: #0669B2;}
.next:after {background: #1CC9F8;
    border-radius: 50px;
    content: "";
    height: 60px;
    left: 10px;
    position: absolute;
    top: 86px;
    transform: rotate(40deg);
    width: 10px;}
.next:before {background: #1CC9F8;
    border-radius: 50px;
    content: "";
    height: 60px;
    left: 9px;
    position: absolute;
    top: 46px;
    transform: translate(0px) rotate(140deg);
    width: 10px;}
/*span {
margin-top:-13px;
width:15px;
height:26px;
display:block;
position:absolute;
top:50%;
cursor:pointer;
background:url(slider2_arrow.png) no-repeat;
}
.slider_wrap span.next {
right:0;
background-position:-15px 0;
}
.slider_wrap span.next:hover {
background-position:-15px -26px;
}
.slider_wrap span.prev {
left:0;
background-position: 0 0;
}
.slider_wrap span.prev:hover {
background-position: 0 -26px;
}*/

#popup {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
#popup #popup_bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; background:rgba(255,255,255,0.5); cursor:pointer;}
#popup #window {background: none repeat scroll 0 0 rgba(255, 255, 255, 1);height: 590px; left: 50%;margin-left: -480px;padding: 20px;position: absolute;top: 55px;width: 960px;z-index: 10;}
#select_floor {float: left;}
#select_floor ul {margin:0; padding:0;}
#select_floor ul li {margin:0; padding:5px 5px 5px 35px; display:block; border:1px solid #025c9e; border-radius:3px; position:relative; margin-bottom:2px; cursor:pointer;}
#select_floor ul li:hover {background:#1cc9f8 url('../images/bg_item.png');}
#select_floor ul li.active {background:#17a3e6 url('../images/bg_item.png'); color:#fff}
#select_floor ul li.active em {border-left:1px solid #fff; margin-left:-5px; padding-left:5px;}
#select_floor ul li span { position:absolute; height:100%; left:0; top:0; background:#17a3e6 url('../images/bg_item.png'); height:100%; color:#fff; width:30px; border-radius:0 2px 2px 0; font-size:20px; padding:2px; text-align:center;}

#right_rop {position:absolute; right:90px; top:20px;}
#right_rop >span {display:block; padding:10px 20px; margin-bottom:10px; background:#025c9e; font-size:14px; color:#fff; text-transform:uppercase; cursor:pointer;}


#example_video_1 {width:100% !important; height:100% !important; overflow:hidden; position:relative;}
.vjs-default-skin.vjs-has-started .vjs-control-bar {width:800px; margin:0 auto; bottom:10px;}
.vjs-default-skin .vjs-control-bar {background:none !important;}
#bg_window {width:100%; height:100%; position:absolute; z-index:1; display:none;}
.table_genplan h3{margin: 0 -1px 1px;}

.vjs-poster {background-size:auto 100% !important; background-position:top center;}
#you_tube {
    background: url('../images/you_tube.png') no-repeat;
    background-size:auto 200%;
	display: block;
    height: 24px;
    right: 50%;
    position: absolute;
    bottom: 14px;
    width: 60px;
	margin-right:-270px;
	background-position:top;
}
#you_tube:hover {background-position:bottom;}
.table_genplan {width:100%; height:100%;margin-top: -8px;}

#gen_plan_sec  {float:left; width:460px; height:350px; margin:0 20px 20px;}
#gen_plan_sec .map_aport {width:100% !important; height:100% !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 100% !important;}
#gen_plan_sec img{max-width:100%; max-height:100%;}
.map_sec {width:300px !important; height:80px !important; background-size:100% auto !important; background-repeat:no-repeat !important;}

#detail_apport {margin: 20px 0; text-align: center; height:350px; width:280px; background-position:center; background-size:auto 84%; background-repeat:no-repeat; position:relative; float:right;}
#detail_apport .cloud-zoom {max-width:100% !important; max-height:100%!important;}
a.cloud-zoom {height:350px; text-align:center;}
#detail_apport .cloud-zoom img {max-width:100%; max-height:100%;}
.mousetrap {}
#detail_apport.komnat_1 {background-size:auto 100%;}

#window_footer {margin:0 20px; float:left;}
#window_footer * {margin:0; padding:0;}
#window_footer h3 {float:left; margin-right:20px;}
#window_footer .item {float:left; width:170px; padding-left:20px; border-left:1px solid #17a3e6}
#window_footer .item2 {width:240px;}


.rounded-list a {
    color: #444;
    display: block;
    margin: 4px 7px;
    padding: 6.8px 22px 6.7px 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
}


.rounded-list a:before{
     background: none repeat scroll 0 0 #0ca7e8;
    border: 2px solid #fff;
    color: #fff;
    content: counter(li, decimal);
    counter-increment: li;
    font-weight: bold;
    height: 33.8px;
    left: -25px;
    line-height: 2em;
    margin-top: -21.3px;
    position: absolute;
    text-align: center;
    top: 64%;
    transition: all 0.3s ease-out 0s;
    width: 40px;
}

fieldset.well > div {margin: 0 16%;}
fieldset.well {  width: 300px;  position: absolute;  top: 50%;  left: 42%;  background: rgba(255,255,255,.8);  border: none;  padding: 20px;  border-radius: 20px;  box-shadow: 1px 1px 5px;}
input#username, input#password {  width: 180px;  text-align: center;  padding: 3px;opacity: 0.7; -webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
input#username:hover,input#password:hover{opacity: 1;}
.controls button { -webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease; width: 100%;  border: none;  padding: 6px;  background: #1F9AD4;  color: #fff;  font-weight: bold;  border-radius: 3px;  box-shadow: 0px 0px 6px #7B7171;}
.controls button:hover{box-shadow:inset 0px 0px 6px #7B7171;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;color:#eee;}

.ari-image-slider-wrapper, .ari-image-slider {width:100% !important; height:100% !important; overflow:hidden; margin:0 !important; background:#eaf5f7 !important;}
.ari-image-slider img {height:100% !important; width:auto !important; margin:0 auto}
.ari-image-slider .nivo-slice {display:none !important;}

#showplus_images_galery img, #showplus_images_galery ul {height:100% !important; margin:0 auto;}
#showplus_images_galery {height:100% !important; width:100% !important; overflow:hidden; background-color:#eaf5f7}
#showplus_images_galery .showplus, #showplus_images_galery .showplus-images {height:100% !important; width:100% !important;}
#showplus_images_galery .showplus-images span {left:0 !important; top:0 !important; background-size:auto 100%; background-color:#eaf5f7}
#showplus_images_galery .showplus-thumbnails  ul  {width:10000px !important; position:relative !important;}

#showplus_images_photo img, #showplus_images_photo ul {height:100% !important; margin:0 auto;}
#showplus_images_photo {height:100% !important; width:100% !important; overflow:hidden; background-color:#eaf5f7}
#showplus_images_photo .showplus, #showplus_images_photo .showplus-images {height:100% !important; width:100% !important;}
#showplus_images_photo .showplus-images span {left:0 !important; top:0 !important; background-size:auto 100%; background-color:#eaf5f7}
.showplus-thumbnails { bottom:0 !important; position:absolute !important; width:100% !important; }
#showplus_images_photo .showplus-thumbnails ul {width:10000px !important; position:relative !important;}