body{margin: 0; padding: 0; font-family: 'Exo 2', sans-serif;}
h1{font-size: 25px; font-weight: 700; color: #333333; text-transform: uppercase;}
h2{color: #333333;} /*#0064A5*/
h3{color: #333333; font-size: 16px;} /*#0064A5*/
a{color: #0072BC;} /*#0064A5*/
a:hover{opacity: 0.8; color: #FF6600; transition-duration: 0.25s;}
em{font-style: normal;}

.foor0{width: 100%; margin: 0 auto;}
.foor1{position: relative; border-bottom: 1px solid #DDDDDD; width: 1040px; height: 30px; margin: 0 auto;}
.foor1 ul{margin: 0; padding: 0 0 0 0; list-style: none; margin: 15 0 0 0;}
.foor1 li{float: left; font-family: 'Exo 2', sans-serif; padding: 0 0 0 0; margin: 0 40 0 0; text-transform: lowercase; color: #767772; font-weight: bold;}
.foor1 li:hover{opacity: 0.75; color: #215389; transition-duration: 0.25s;}
.ya-share2{padding: 0; margin: 0;}
.ya-share2 ul{padding: 0; margin: 0;}
.ya-share2 li{padding: 0; margin: 0;}
.shbx{position: absolute; padding: 0; margin: 0; right: 0; text-align: right;}


.foor2{width: 1040px; height: 100px; margin: 0 auto;}
.foor2 ul{margin: 0; padding: 0; list-style: none;}
.foor2 li{float: left;}
.foor2ulli1{padding: 23 0 0 0;}
.foor2ulli1 img{width: 240px;}
.foor2ulli2{padding: 20 60 0 60; width: 450px;}
.foor2ulli3{position: relative; padding: 5 0 0 0;}
.toptel{margin: -63 0 0 42; font-size: 26px; font-weight: bold;}


.foor4{width: 100%; height: 65px; margin: 0 auto; background-image: url(/menu_back.png); background-repeat: repeat-x; background-position: left top; background-color: #215389;}/*border-bottom: 4px solid #D0D0D0; border-radius: 4px;*/
.foor4 ul{margin: 0 auto; padding: 0 0 0 0; list-style: none; width: 1040px; border: 0px solid red; overflow: hidden;}
.foor4 li{float: left; color: white; text-transform: uppercase; line-height: 65px; padding: 0 20 0 20; font-family: 'Exo 2', sans-serif; font-size: 13px; font-weight: 700;}
.foor4 a{text-decoration: none; float: none;}
.foor4 li:hover{cursor: pointer; background-color: rgba(255, 255, 255, 0.2); transition-duration: 0.25s;}




.foor5{font-family: 'Exo 2', sans-serif; background-color: #F8F8F8; width: 1040px; min-height: 900px; margin: 0 auto; overflow: hidden;}


.foor5a1{border: 0px solid red; width: 220px; float: left; margin: 0 0 100px 0;}
.osnleftmenu{margin: 0; padding: 0; list-style: none; margin: 20 0 0 10;}
.osnleftmenu li{opacity: 0.9; padding: 15 15 15 15; margin: 0 0 5 0; border-left: 4px solid #D0D0D0; font-family: 'Exo 2', sans-serif; font-size: 13px; font-weight: 700; color: white; background-color: #215389; border-radius: 4px;} 
.osnleftmenu a{text-decoration: none;}
.osnleftmenu li:hover{opacity: 0.8; transition-duration: 0.25s;}

.leftst{list-style: none; padding: 0; margin: 15 0 0 0; font-size: 14px;}
.leftst li{padding: 10 20 10 20; margin: 0 0 2px 0; border-left: 2px solid #DDDDDD;}
.leftst li:hover{background-color: #F1F1F1; transition-duration: 0.25s;}
.leftst a{text-decoration: none; color: black;}	

.topleftmenu{margin: 0; padding: 0; list-style: none; margin: 20 0 0 10;}
.topleftmenu li{padding: 15 15 15 15; margin: 0 0 5 0; border-left: 4px solid #215389; font-family: 'Exo 2', sans-serif; font-size: 13px; font-weight: 700; color: rgba(0,0,0,0.6); background-color: rgba(14,95,154,0.1); /*border: 1px solid #215389;*/ border-radius: 4px;} 	
.topleftmenu a{text-decoration: none;}
.topleftmenu li:hover{opacity: 0.8; transition-duration: 0.25s;}


#mobilemenu{display: block;}
#mmenubutton img{margin: 0 4 0 0;}
#mmenubutton{display: none; background-image: url(/menu_back.png); background-repeat: repeat-x; background-position: left bottom;}
.foor5a2{border: 0px solid red; overflow: hidden; margin: 10 25 180 240;}
.foor5a2 p{text-align: justify;}
.foor6{background-color: #E4E4E4; width: 1040px; height: auto; margin: 0 auto; font-family: 'Exo 2', sans-serif; font-size: 15px; font-weight: 200;}
.foor6 ul{margin: 0; padding: 0; list-style: none;}
.foor6 li{padding: 30 30 30 30; text-align: justify;}
.foor7{background-color: #DDDDDD; text-align: right; padding: 10; width: 1020px; margin: 0 auto;}

.index_bannerwr{background-color: #DDDDDD; width: 100%; overflow: hidden;}
.index_banner{bo1rder: 1px solid red; position: relative; wi2dth: 2000px; height: 395px; margin: 0 auto; background-image: url(/sites/zalivexpert-spb.ru/ima/slide.png); background-repeat: repeat-x; background-position: center -203px; font-family: 'Exo 2', sans-serif; /*border-radius: 0 0 5px 5px; opacity: 0.85;*/}
.index_banner ul{background-color: #E4E1D0; border: 0px solid red; margin: 0; padding: 0; list-style: none; text-align: center; overflow: hidden;}
.index_banner li{float: left; border-right: 1px solid #DDDDDD; width: 24.9%; height: 230px;}
.index_banner_text_1{display: none; top: 40px; left: 50px; position: absolute; color: black; font-weight: 700; text-transform: uppercase; font-size: 28px;}
.index_banner_text_2{display: none; top: 115px; left: 50px; position: absolute; color: black; width: 400px;}

.yandex_map{border: 3px solid #E4E4E4; border-radius: 10px; width: 98%; height: 440px; background-image:url(/sites/nasledstvo-spb.ru/imgs/ldw.gif); background-repeat: no-repeat; background-position: center center;}

.foor5a2 ul{list-style: none; padding: 0 0 0 5; margin: 0;}
.foor5a2 li:before{content: "› "; color: #215389; font-weight: bold; font-size: 22px;}
.foor5a2 ol{list-style: none; padding: 0 0 0 5; margin: 0;}
.stoimost-uslug-li-title{font-weight: bold;}
.stoimost-uslug-li-title:before{content: "";}

.leftimage{float: left;}
.rightimage{float: right; margin: 0 0 20 20; opacity: 0.95;}
.rightimage:hover{opacity: 1; transition-duration: 0.25s;}

.galereya{background-color: #DDDDDD; overflow: hidden; width: 100%;}
.galereya li:before{content: "";}
.galereya li{float: left; margin: 10 0 10 6;}
.galereya li img{height: 100px; border-radius: 3px;}
.galereya li:hover{opacity: 0.9; transition-duration: 0.25s;}
.galereya_desc{overflow: hidden; width: 100%; padding: 0 20 15 15; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 14px;}
.galereya_desc:before{content: "› "; color: #727272; font-weight: bold; font-size: 22px;}

.galereya2{background-color: #DDDDDD; overflow: hidden; width: 100%;}
.galereya2 li:before{content: "";}
.galereya2 li{float: left; margin: 10 0 10 20;}
.galereya2 li img{height: 120px; border-radius: 3px; border: 3px solid #C2C2C2; border-radius: 5px;}
.galereya2 li:hover{opacity: 0.9; transition-duration: 0.25s;}

.bspbcalcgp{background-color: #DDDDDD; padding: 30 20 30 20; border-radius: 3px;}
.bspbcalcgp li:before{content:"";}
.bspbcalcgp li{padding: 10 10 0 10;}
.bspbcalcgp input[type=button]{background-color: 215389; color: white; padding: 5 15 5 15; border: 0; border-radius: 3px; cursor: pointer;}
.bspbcalcgp input[type=text]{padding: 5 10 5 10; border-radius: 3px; border: 0px;}

.vidar{text-align: center; background-color: #E4E4E4; padding: 20 0 20 0;}

.vkgr{padding: 0 0 0 16; margin: 10 0 0 0;}

#uppertop{display: none; position: fixed; padding: 14 19 14 19; right: 30; bottom: 0; border-radius: 5px 5px 0px 0px; background-color: #215389; opacity: 0.7; background-image:url(/sites/nasledstvo-spb.ru/imgs/upperpage.png); background-repeat: no-repeat; background-position: center center;}
#uppertop:hover{opacity: 0.8; transition-duration: 0.25s; cursor: pointer;/* padding: 16 19 16 19;*/}

/*.zakazbn1{display: block; background-color: #215389; color: white; border-radius: 5px; overflow: hidden; text-align: center; padding: 15 5 15 5; opacity: 0.85; font-size: 22px;}
.zakazbn1 span{font-weight: bold; display: block;}
.zakazbn1 a{color: white;}*/


.slidecaption{list-style: none; background-color: rgba(33,83,137,0.9); position: absolute; top: 120px; left: 205px; color: white; font-size: 24px; text-transform: uppercase; font-weight: bold; padding: 20 20 20 20; width: 360px; border-radius: 3px; border-bottom: 7px solid #CCCCCC; /*background-image: url(/sites/zalivexpert-spb.ru/ima/bg-slidecaption.png); background-repeat: no-repeat; background-position: left top;*/}
.slidecaption li{}

.slidecaption2{display: none; position: absolute; top: 60px; right: 140px; color: white; font-size: 18px; padding: 20 20 20 20; width: 360px;}
.slidecaption2 div{color: white; background-color: rgba(0,0,0,0.7); padding: 10 20 10 20; margin: 0 0 5 0; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}

.contamap{text-align: center; border: 1px solid red; overflow: hidden;}

.contimagemain{float: right; border-radius: 2px 2px 5px 5px; margin: 0 0 20px 20px; width: 280px;}
.contimagemain2{float: right; border-radius: 2px 2px 5px 5px; margin: 0 0 20px 20px; width: 380px;}
.contimageleft{float: left; height: 240px; border-radius: 5px; border: 3px solid #DDDDDD; margin: 0 20px 20px 0;}
.contimageright{float: right; height: 240px; border-radius: 5px; border: 3px solid #DDDDDD; margin: 0 0 20px 20px;}

.contimageright2{float: right; height: 240px; border-radius: 5px; margin: 0 0 20px 20px;}



.contimage21:hover{margin: 0 -90px 0 -90px; height: 400px; transition-duration: 0.3s;}

.contim2{text-align: center; background-color: #E4E4E4; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.contim2 img{border: 1px solid #E4E4E4; border-radius: 3px;}



.videoframe{text-align: center; padding: 20px; background-color: #F1F1F1; border-radius: 5px; margin: 10 0 0 0; overflow: hidden;  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.videoframe iframe{width:640px; height:360px;}




.blm{background-color: #EAEAEA; height: 62px;}
.blm ul{list-style: none; padding: 0; margin: 0 auto; width: 1040px; overflow: hidden; height: 62px;}
.blm li{float: left; line-height: 56px; border-radius: 0 0 3px 3px; color: white; background-color: rgba(0,0,0,0.3); padding: 0 40 0 40; margin: 0 5 0 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.blm li:hover{background-color: rgba(0,0,0,0.4); transition-duration: 0.25s; cursor: pointer;}





.licenzii_sertifikaty{/*text-align: center; vertical-align: center; border: 1px solid red; */background-color: #F1F1F1; height: 160px; border-radius: 5px; list-style: none; margin: 0; padding: 0; overflow:hidden;}

.licenzii_sertifikaty li{display:block; float: left; border: 1px solid #DDDDDD; border-radius: 3px; margin: 10 5 0 5; overflow:hidden; transition-duration:0.25s;}
.licenzii_sertifikaty li:before{content: "";}
.licenzii_sertifikaty li:hover{opacity:0.9; transition-duration:0.25s;}
.licenzii_sertifikaty img{}






.primery{list-style:none; background-color: #F1F1F1; height: 200px; overflow: hidden; padding:0; margin: 20 0 20 0; text-align: center;}
.primery li{overflow: hidden; float:left;}
.primery li:before{content:"";}
.primery img{width: 240px; border-radius: 3px; margin: 10 0 10 10; transition-duration: 0.25s;}
.primery img:hover{opacity: 0.85; cursor: pointer; transition-duration: 0.25s;}







.contentbutton1{background-color: #2F4593; color: white; padding: 10; text-decoration: none; border-radius: 3px;}
.nodecoration{text-decoration: none;}



.ulpromozalivkvartiry1{overflow: hidden;}
.ulpromozalivkvartiry1 li{background-color: #F1F1F1; margin: 0 10 10 0; padding: 10 10 10 10; border: 0px solid red; width: 340px; float: left; font-size: 14px; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.ulpromozalivkvartiry1 li:before{content:"";}
.ulpromozalivkvartiry1 li i{float: left; margin: 0 15 0 0; background-repeat: no-repeat; background-position: center center; display: inline-block; border: 4px solid #C9D6EE; width: 60px; height: 60px; border-radius: 50%;}
.ulpromozalivkvartiry1 li p{margin: 6 0 0 0; display: inline-block; width: 240px; float: left; border: 0px solid red; overflow: hidden;}

.icozalivkvart2iry1{background-image: url(/ocenka_posle_zaliva_kvartiry_icon_1.png); background-color: rgb(254, 221, 46);}
.icozalivkvartiry1{background-image: url(/ocenka_posle_zaliva_kvartiry_icon_1.png);}
.icozalivkvartiry2{background-image: url(/ocenka_posle_zaliva_kvartiry_icon_2.png);}
.icozalivkvartiry3{background-image: url(/ocenka_posle_zaliva_kvartiry_icon_3.png);}
.yam{width: 640px; height: 424px;}


.searchtop{border: 0px solid red; overflow: hidden; padding: 12px 10px 0 10px; text-align: right;} 
.searchtop input[type="edit"]{border: 1px solid #DDDDDD; border-radius: 2px 0px 0px 2px; padding: 5px 5px 5px 5px;}
.searchtop input[type="search"]{border: 1px solid #DDDDDD; border-radius: 2px 0px 0px 2px; padding: 5px 5px 5px 5px;}
/*.searchtop input[type="button"]{background-color: #215389; color: white; border: 1px solid white; border-radius: 0px 2px 2px 0px; padding: 5px 5px 5px 5px; cursor: pointer;}*/
.searchtop input[type="button"]{border: 1px solid #DDDDDD; border-radius: 0px 2px 2px 0px; padding: 5px 5px 5px 5px; cursor: pointer;}
.searchtop input[type="button"]:hover{opacity: 0.95; transition-duration: 0.25s;}

.prblokcontent1{display: block; float: right; border: 1px solid #DDDDDD; width: 300px; margin: 10px 100px 10px 40px; }
.prblokcontent1 li{background-color: #DDDDDD; padding: 5px; cursor: pointer;}
.prblokcontent1 li:hover{opacity: 0.8; transition-duration: 0.25s;}
.prblokcontent1 li:before{content:"";}


.esliostalisvoprosy{font-size: 24px; margin-top: 50px; font-weight: bold; background-color: #F1F1F1; padding: 40px; border-radius: 5px; text-align: center; color: #505050; overflow:hidden;}
.esliostalisvoprosy span{display: block; border: 1px solid white; width: 260px; text-align: center; margin: 0 auto; margin-top: 20px; background-color: #215389; color: white; padding: 10px; border-radius: 4px;}
.esliostalisvoprosy span a{color: white;} 

.leftimageslider ul{list-style: none; margin:0; padding: 3px 6px 6px 6px; height: 470px; border: 0px solid red; overflow: hidden; background-color: #DDDDDD;}
.leftimageslider li{border: 0px solid red; margin: 0; padding: 0; overflow: hidden;}
.leftimageslider li img{width: 100%; margin: 0; padding: 0; border-radius: 3px;}
.leftimageslider li img:hover{opacity: 0.8; transition-duration: 0.25s; cursor: pointer;}
/*.leftimageslider li:hover{margin-top: -160px; transition-duration: 0.5s;}*/

#leftimagesliderbut1{background-color: #DDDDDD; color: rgba(0,0,0,0.5); text-align: center; border-radius: 3px 3px 0 0; cursor: pointer;}
#leftimagesliderbut2{background-color: #215389; background-color: #DDDDDD; color: rgba(0,0,0,0.5); text-align: center; border-radius: 3px 3px 0 0; cursor: pointer; -webkit-transform: rotate(-180deg); /*Chrome, Safari*/ -moz-transform: rotate(-180deg); /*Firefox*/-o-transform: rotate(-180deg); /*Opera*/-ms-transform: rotate(-180deg); /*IE*/transform: rotate(-180deg); /*браузеры без префексов*/}

#leftimagesliderbut1:hover{opacity: 0.8; transition-duration: 0.25s;}
#leftimagesliderbut2:hover{opacity: 0.8; transition-duration: 0.25s;}




.searchtoptext{border: 1px solid red;}


#ut{display: block; position: fixed; right: 10; bottom: -50px; border-radius: 5px; padding: 5px 15px 0 15px; background-color: rgba(0,0,0,0.05); cursor: pointer; transition-duration: 0.25s; color:rgba(0,0,100,0.5); font-size: 24px; /*font-weight:bold;*/}
#ut:hover{background-color: rgba(0,0,0,0.08); transition-duration: 0.25s;}

#sltopsl1{transition: all 350ms ease;}

.bottom_side_razd{overflow:hidden; width: 1040px; margin:0 auto;}
.bottom_side_razd ul{list-style:none; margin:0; padding:20px; float:left; width: 305px;}
.bottom_side_razd a li{background-color:#f8f8f8; margin: 0 10px 10px 0; padding: 10px; border-radius: 5px; float:left;}
.bottom_side_razd a li:hover{background-color:#eeeeee; transition-duration:0.25s;}
.bottom_side_razd a{color: #2d2d2d; text-decoration:none;}




@media screen and (min-width:240px) and (max-width:720px){
	*{bforder: 1px solid red;}
	.foor0{width: 100%; margin: 0 auto;}
	.foor1, /*.foor2, */.foor2ulli2, .foor4, /*.foor5, .foor6, */.index_banner{display: none;}
	.foor4{overflow: hidden;}
	.foor1, .foor2, .foor2ulli2, .foor4, .foor5, .foor5a1, .foor6, .index_banner{width: 100%; height: auto;}
	.foor2 li, .foor4 li, .foor5a1, .foor5a1 li{float: none; border: 0px solid red; text-align: center; border-radius: 0px;}
	.foor4 ul, .foor5 ul, .foor5a1, .foor5a2{margin: 0; padding: 0;}
	.foor5{min-height: 300px;}
	.foor5a2{padding: 0 20 0 20;}
	.foor6{padding: 20 0 20 0; margin: 30 0 0 0;}
	.foor7{width: 100%; padding: 0;}
	.foor2{height: 200px;}
	#mobilemenu{display: none;}
	#mmenubutton{display: block;}
	.yandex_map{height: 200px;}
	.rightimage{float: right; opacity: 0.95; max-width: 100%;}
	.galereya{overflow-x: scroll; height: 140px;}
	.galereya ul{width: 1000px;}
	.galereya li img{height: 120px;}
	.vidar iframe{width: 100%;}
	#uppertop{background-color: #868686;}
	.blm{display: none;}
	.yam{width: 100%; height: 240px;}
	.ulpromozalivkvartiry1 li{padding: 0; height: auto;}
	.ulpromozalivkvartiry1 li p{width: 50%; padding: 0;}
	.esliostalisvoprosy{padding: 20px 0 0 0;}
	
	.topleftmenu{display: none;overflow:hidden; text-align:center; margin: 0 auto; width:100%; border:0px solid red;}
	.leftst{display: none;}
	.leftimageslider{display: none;}
	
	.osnleftmenu li{background-color: #8C8C8C; color:white;}
	.topleftmenu li{display:block; background-color: #D8D8D8; color:black; text-transform: uppercase;width:42%; float:left; text-decoration: underline; padding: 20px 10px 20px 10px;}
	.topleftmenu li:hover{background-color: #D8D8D8; color:black; text-transform: uppercase; text-decoration: underline;}
	.leftst li{background-color: #D8D8D8; color:black;}
	.leftst li:hover{background-color: #D8D8D8; color:black; padding: 10px;}
	
	
	
	.licenzii_sertifikaty{display: block; height:auto; text-align:center;}
	.licenzii_sertifikaty img{display: block; margin: 10px auto;}
	.licenzii_sertifikaty li{display: block; margin: 0 auto; width: 100%; border:0;}
	
	
	.videoframe iframe{width:100%; height:auto;}
	
	.contentbutton1{display:block; text-align:center;}
	
	.contimageleft{display:block; max-width: 100%; height:auto;}
	.contimageright{display:block; max-width: 100%; height:auto;}
	
	
	.primery{display: block; height:auto; text-align:center;}
	.primery img{display: block; margin: 10px auto;}	
	.primery li{display: block; margin: 0 auto; width: 100%; border:0;}
	
	
	
	.contim2{width: 100%;}
	.contim2 img{max-width: 100%;}
	
	
	.contimageright2{max-width:100%;height:auto;}
	
	.bottom_side_razd{width: 100%; padding-top: 25px;}
	.bottom_side_razd ul{margin:0 auto; float:none; width: 86%; padding:0;}
	
	}