/* Start:/bitrix/templates/weewaa_20.02.2013/components/bitrix/menu/top/style.css?1547812208626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/weewaa_20.02.2013/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/bitrix/templates/weewaa_20.02.2013/template_styles.css?178696354015728*/
*{margin:0; padding:0; box-sizing:border-box; font-family: 'Montserrat', sans-serif;}
body{color:#000; font-size:18px; background:#f1f8f8}

	a{text-decoration:none; transition:all .3s; color:#000;}
h1, h2, h3{font-family: 'Montserrat', sans-serif; display:inline-block}

img{max-width:100%; height:auto}

.wrapper{margin:0 auto; width:1300px}

.topmenu{height:105px; overflow:hidden; background:#fff}

.topmenu .logo{float:left; background:#000; height: 105px;}
.topmenu .logo img{height: 100%;  width: auto;}
.topmenu .top_cont-menu{float:left}
.topmenu .top_cont-menu i{display:none}
.topmenu .top_cont-menu div{float:left}
.topmenu .top_cont-menu div a{display:block; line-height:105px; padding:0 33px; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:2px; color:#081a27}
.topmenu .top_cont-menu div a:hover, 
.topmenu .top_cont-menu div a.selected{color:#fff; background:#000}
.topmenu .phone{float:right; font-size:14px; padding:15px 0 0 0px}
.topmenu .phone p{font-weight:700; font-size:16px; padding:3px 0 3px 33px;}
.topmenu .phone p:last-child{ background:url(/bitrix/templates/weewaa_20.02.2013/images/wapp.png) center left no-repeat}


.banner{background:url(/bitrix/templates/weewaa_20.02.2013/images/banner.jpg) center no-repeat; background-size:cover; color:#fff; overflow:hidden}
.banner .wrapper{padding:0 40% 0 0;}
.banner h1{font-weight:800; font-size:45px; color:#fff; line-height: 1.3em; letter-spacing: 1px; margin:40px 0}
.banner h1:after{display:none}
.banner a{display: inline-block;
    border: 2px solid #000;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 15px 35px;
    font-size: 12px;
    border-radius: 30px;
    background: #ffffff;
    margin: 45px 0;}
.banner a:hover{background:#000; color: #fff}
.banner .descr{line-height:1.3em; font-weight: 700;}

.tres{background:#000; color:#fff}

.head{padding:20px 0; overflow:hidden}
.brcr{padding:5px 0; float:left}
.brcr li{list-style:none; display:inline-block; font-size:13px; padding:0 2px 0 0}
.brcr li a{color:#000}

.search{float:right; }
.search-form{border:2px solid #000; border-radius:30px; padding:0 10px; float:right}
.search-form .sub{background:url(/bitrix/templates/weewaa_20.02.2013/images/search.png) center no-repeat; width:40px; height:40px; border:none; cursor:pointer}
.search-form .input{background:none; height:40px; line-height:40px; width:200px; border:none; padding:0 10px}


.portlist{margin:0 -10px; overflow:hidden; padding:0 0 15px 0}
.portlist .portitem{width:calc(33.3333% - 20px); margin:0 10px 30px; background:#fff; float:left; overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,.3)}
.portlist .na-zakaz{height:215px; max-width:100% !important;}
.portlist.zz .portitem:nth-child(4) {display:none};
.portlist.zz .na-zakaz:nth-child(4) {display:block;}
.portlist .portitem img {height:300px; min-width: 100%; display:block;}
.portlist .portitem .ttl{color:#081a27; text-align:center; padding:20px 30px; height:auto;}
.portblock h2{font-size: 21px; padding: 20px;}
.portblock h2 i{color:#000}
.portblock .portall{display:block; border:2px solid #000; color:#111; text-transform:uppercase; font-weight:500; letter-spacing:1px; 
width:200px; font-size:12px; border-radius:30px; margin:0px auto 30px; text-align:center; padding:15px 0}
.portblock .portall:hover{background:rgba(65,145,158,.5);}


@media only screen and (max-width: 2064px) {
	.portlist.with-panel .portitem img {height: 231px}
	.portlist.with-panel .portitem.vertical img {height: 451px}
}

@media only screen and (max-width: 1064px) {
	.portlist.with-panel .portitem img {height: 180px}
    .portlist.with-panel .portitem.vertical img {height: 400px}
}

@media only screen and (max-width: 948px) {
	.portlist.with-panel .portitem img {height: 300px}
    .portlist.with-panel .portitem.vertical img {height: 600px}
}

.maincatalog{background:#fff; padding:50px 0}
.maincatalog .portblock:nth-last-child(1),
.maincatalog .portblock:nth-last-child(2),
.maincatalog .portblock:nth-last-child(3){display:none}
.maincatalog h2.porttitle{padding:0 0 20px 0;}
.maincatalog .portblock .portall, .maincatalog i{display:none}
.maincatalog .maintext i{display:inline}
.portfmenu{display:none}

.footer{background:linear-gradient(to bottom, #000, #000); color:#fff; overflow:hidden; margin:0 0 0px 0; overflow:hidden; padding:40px 0}
.footer a{display:inline-block; float:right; background: #fff; color: #000; text-transform: uppercase; padding: 15px 30px; border-radius: 30px; box-shadow: 0 0 15px #fff;
    font-size: 16px; font-weight: 500; letter-spacing: 2px; margin: 15px 0 0 0;}
.footer h3{float:left; width: 70%; font-size: 24px; font-weight: 800;}
.footer a:hover{box-shadow: 0 0 10px #fff; color:#000}

.footer2{background:#f0f9f8; color:#000; font-size:14px; font-weight:bold}
.footer2 .col1{float:left; padding:20px 40px 20px 0}
.footer2 a{color:#000; text-decoration:underline}


.mainer{margin:0 0 50px 0}
.left{width:345px; padding:0 30px 0 0; float:left}
.left~.right{float:left; width:calc(100% - 345px)}
.clear{clear:both}

#left-menu{list-style:none; background:#f5fafa; border-radius:30px; padding:40px 15px; box-shadow:0 0 20px #ddd; margin:0 5px 30px 0}
#left-menu>li{margin:0 0 10px 0}
#left-menu>li>a{color:#000; font-weight:700; font-size:17px; }
#left-menu>li>ul{list-style:none; padding:0 0 0 17px}
#left-menu>li>ul li{margin:10px 0 0 0}
#left-menu>li>ul li a{color:#000; font-size:14px}
#left-menu>li.close>ul{display:none}

#left-menu a.item-selected{color:#000}

#leftinfo .item{background:#fff; margin:0 0 20px 0; padding:15px 15px 15px 0; font-size:13px; overflow:hidden}
#leftinfo .item .image{float:left; width:50%; margin:0 15px 0 0}
#leftinfo .item .image img{width:100%; height:auto}
#leftinfo .item a{color:#000}
#leftinfo .item a:hover{color:#000}
#leftinfo .item .date{margin:0 0 7px 0}
#leftinfo>a{background:#000; color:#fff; text-transform: uppercase; padding: 15px 30px; border-radius: 30px; font-size: 16px; font-weight: 500; letter-spacing: 2px; margin:20px auto; width:200px; display:block; text-align:center}


h1:after,
h2.h1:after{content:''; display:block; width:100px; height:6px; background:#000; margin:10px 0 30px 0}
h2.h1{font-size:2em}
h2, h3{padding:0 0 15px 0}
.mainer p{margin:0 0 15px 0}
.mainer .right ul,
.mainer .right ol{list-style:inside; margin:0 0 15px 0}

.mainer .right table{background:#80878a; margin:0 0 30px 0!important;  min-width:100%; border-collapse: separate; border-spacing:0}
.mainer .right table td{ padding:7px; font-weight:500; border:1px solid #80878a} 

.pm-pre-back{float:left}
.pm-next-back{float:right}

.catalog-element .pm-pre-back,
.catalog-element .pm-next-back{display:block; border:2px solid #000; color:#111; text-transform:uppercase; font-weight:500; letter-spacing:1px; 
font-size:12px; border-radius:30px; margin:0px auto 30px; text-align:center; padding:15px 35px}
.catalog-element .pm-pre-back:hover,
.catalog-element .pm-next-back:hover{background:rgba(65,145,158,.5);}
.pdd{margin:0 0 50px 0}
.catalog-element h4{padding:0 0 10px 0}
.catalog-element h3{color:#111; text-transform:uppercase; font-weight:500; letter-spacing:1px; font-size:16px; padding:0 0 30px 0}
.catalog-element h3 b{font-size:24px;}



.tres{padding:50px 0}
.tres h2{    font-size: 22px;
    font-weight: 600;
    padding: 0 0 40px 0;
    line-height: 1.5em;}
.tres td{width:33.333%; vertical-align:middle}
.tres td img{float:left; position:relative; margin:0 10px 0 0} 
.tres td h3{text-transform:uppercase; font-weight:600; letter-spacing:2px; font-size:13px; padding:0 0 10px 0}
.tres p{display:block; font-size:12px; font-weight:500;}


.tabs>a {display:inline-block; border:2px solid #000; color:#222; font-weight:500; letter-spacing:1px; 
padding:10px 30px; font-size:15px; border-radius:30px;  margin:0 10px 30px 0; transition:all .3s; cursor:pointer}
.tabs>a:hover{background:#000; color:#fff}


.advicess .item{background:#fff; margin:0 0 20px 0; border:1px solid #ccc; box-shadow:0 10px 15px #ccc; overflow:hidden}
.advicess .item a.ttl{color:#32414c; font-size:24px; font-weight:700; padding:30px 0 20px 0; display:block}
.advicess .item .image{float:left; margin:0 20px 0 0; height:100%}
.advicess .item .image a{display:block}
.advicess .item .image img{display:block; width:300px; height:auto}
.advicess .item p{padding:0 0 20px 0}

.tabsblock{padding:30px 0}

.mainer.index {position:relative; margin:0 0 0 0; background:#f5f5f5; color:#32414c; padding:30px 0}
.mainer.index:after{content:''; display:block; position:absolute; right:0; top:-20%; background:url(/bitrix/templates/weewaa_20.02.2013/images/fish.png) right 70px no-repeat; background-size:contain;
 width:50%; height:140%; z-index:0}
.mainer.index a.more{background:#000; color:#fff; text-transform: uppercase; padding: 15px 30px; border-radius: 30px; font-size: 16px; box-shadow: 0 0 15px #000;
font-weight: 500; letter-spacing: 2px; margin:20px auto; width:200px; display:inline-block; text-align:center}
.mainer.index a.more:hover{box-shadow:none}
.mainer.index h3{padding: 0 0 25px 0;  font-size: 28px; position:relative; z-index:2}

.links{background:#fff; overflow:hidden}
.links a{display: block;position: relative;float: left;border-radius: 30px;border: 5px solid #f4f5f6;color: #fff;margin: 0 0 20px 0;background: #000;display: flex;flex-direction: column;justify-content: space-between;padding: 30px;}
.links a p{font-size: 22px;position: relative;z-index: 2;font-weight: 400;}
.links a:before{content:''; display:block; position:absolute; width:100%; height:100%; z-index:0}
.links a.link1{width:calc(100% / 3); height:425px; background-image: url(https://www.aquaworks.ru/upload/medialibrary/32c/14.JPG); background-size: cover;background-position-x: center;}
.links a.link2{width:calc(100% / 3); height:425px; background-image: url(https://www.aquaworks.ru/upload/medialibrary/b2c/15.JPG); background-size: cover;}
.links a.link3{width:calc(100% / 3); height:425px; background-image: url(https://www.aquaworks.ru/upload/medialibrary/3d9/16.JPG); background-size: cover;}
.links a.link4{width:calc(100% / 3); height:425px; background-image: url(https://www.aquaworks.ru/upload/medialibrary/621/17.JPG); background-size: cover;}
.links a.link5{width:calc(100% / 3); height:425px; background-image: url(https://www.aquaworks.ru/upload/medialibrary/d40/18.JPG); background-size: cover;}
.links a.link6{width:calc(100% / 3); height:425px; background-image: url(https://www.aquaworks.ru/upload/medialibrary/d4e/19.JPG); background-size: cover;}
.links a.link1:before{ top:0; right:0; background-size:contain}
.links a.link2:before{ top: -5px; right: -5px; height: calc(100% + 10px);}
.links a.link3:before{ top:0; right:-15px;}
.links a.link4:before{ top:10px; right:-15px; background-size:contain}
.links a.link5:before{ top:0px; right:0px; background-size:contain}
.links a.link6:before{ right:-30px;}
.links h2{margin:50px 0 0 0}
.links a h3{position:relative; z-index:2; font-size:26px;}
	
.links .rightblock{float:right; padding:55px 0 0 0; font-weight:500}
.links .rightblock a{display:inline-block; margin:0 0 0 30px; float:none; background:#fff; color:#111; border:2px solid #000; 
text-transform:uppercase; font-weight:500; letter-spacing:1px; box-shadow:none; padding:15px 35px; font-size:12px; border-radius:30px;}
.links .rightblock a:before{display:none}
.links .rightblock a:hover{background:rgba(65,145,158,.9)}

.gallery{display:block; height:110px; width:160px; overflow:hidden; float:left; margin:0 10px 10px 0}

.maintext h2{font-size:36px; padding:30px 0}
.maintext p{font-size:20px; margin:0 0 20px 0}
.maintext img{float:left; width:33%; margin:0 30px 20px 0}
.maintext ol{list-style:inside decimal; margin:0 0 20px 0} 

}
@media only screen and (min-width:1500px){
	.banner .wrapper{padding:0 0% 0 0;}
}

@media only screen and (max-width:1340px){
	.wrapper{width:100%; padding:0 15px}
	.banner .wrapper {padding:0 15px}	
	.topmenu .top_cont-menu div a{padding:0 15px}
}
@media only screen and (max-width:1135px){
	.topmenu .phone{display:none}
}	
	
@media only screen and (max-width:948px){
	.topmenu .phone{display:block}
		.portlist .portitem{width:60%; margin:0 auto 30px; float:none; display:block}
	.topmenu .top_cont-menu {width: 35%; text-align: center;}
	.topmenu .top_cont-menu i{display:block; font-size:40px; line-height:105px}
	.topmenu .top_cont-menu .listmenu{float:none; position:absolute; top:105px; z-index:11; left: 0; width: 100%; background:#fff; border-top:1px solid #5ab5be; display:none}
	.topmenu .top_cont-menu .listmenu div{float:none; width:100%}
	.topmenu .top_cont-menu div a {line-height: 1em; padding:15px 0; border-bottom:1px solid #5ab5be;}
	.topmenu .top_cont-menu.act .listmenu{display:block}	
	
	.left{display:none}
	.left~.right {float:none; width:100%;}	
	
	.tres table, .tres tbody, .tres tr, .tres td{display:block; width:100%}
	.tres td{padding:0 0 20px 0; overflow:hidden}	
	
	.links a{width:50%!important}
	
	.links .rightblock {float: none;  padding: 0px 0 0 0; text-align:center}
	.links .rightblock a{margin:20px 0}	
	
	
}	



@media only screen and (max-width: 768px){
	.mainer.index:after{display:none}
	.portlist .portitem img { height: 200px; object-fit: cover;}	
	.footer2 .col1 br{display:none}
	.footer2 .col1{text-align:center}
	.topmenu .wrapper{padding:0px;}
.topmenu .top_cont-menu {
    float: right;
}
	#bx_incl_area_8 p iframe{
		width: 100% !important;
		height: 200px !important;
	}
}
	
@media only screen and (max-width: 414px){
	.wrapper{width:100%; padding:0 15px}
	.footer{text-align:center}
	.footer h3 {float:none; width: 100%; }
	.footer a{float:none}	
	
	.portlist .portitem {width: 80%; float:none; margin: 0 auto 30px; display:block}	
	
	.tabs{text-align:center}
	.tabs a{margin: 0 10px 20px 0;}
	
	.advicess .item {padding:15px 10px 10px 10px}
	.advicess .item .image {float: none;  margin: 0 0px 0 0;}
	.advicess .item .image img{margin:0 auto}
	
	.mainer.index{text-align:center}
	.banner .wrapper {padding: 0 15px; text-align:center}
	.banner h1 {font-size: 35px; margin: 40px 0 10px 0;}
	
	.tres{text-align:center}	
	.tres td img{float:none; margin:0 0 10px 0}
	.tres td h3{display: block;}
	
	
	.links a{float:none; width:100%!important}
	.links a.link2:before{right:-200px}
	
	
	.brcr, .search{float:none}
	.search-form{float:left; margin:10px 0 0 0}
	.portlist .portitem .ttl{height:auto}
	
	.pm-pre-back, .pm-next-back{float:none; margin:0 auto 30px}
	.topmenu .phone{display:none}
	.topmenu .wrapper{width:100%}	
	
	
	
}	
	
@media only screen and (max-width: 376px){	

	
	.portlist .portitem {width: calc(100% - 30px); float:none; margin: 0 15px 30px; display:block}

	

	
}


@media only screen and (max-width: 330px){	

	
.links a p {
    font-size: 18px;
}
.links a h3 {
    font-size: 20px;
}
	
}



.content_img_text {
	float:none;
	width:550px;
	border: 3px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    display: block;
    margin: 20px auto 20px;
    padding-right: 0;
    overflow: hidden;
    behavior: url(/pie2.htc);
    position: relative;
}

p.podpis {
text-align:center;
font-style:italic;
width:650px;
margin:10px auto 20px;
}

table.article_img {
width:100%;
border: none;
background:none !important;
border-collapse:collapse;
}

table.article_img tr,
table.article_img td {
border:none !important;
}

table.article_img td {
width: 50%;
padding: 10px;
border: none;
}

table.article_img img {
width: 350px;
margin:0px auto;
}

table.article_img p.podpis {
width:100%;
}

p.center {
text-align:center;
}

table.article td{
	width:50%;
	padding:20px !important;
	font-weight:normal !important;
}

table.article thead td{
	text-align:center;
	font-weight:500 !important;
	padding:10px !important;
}

ul.bird li{
	list-style-type: none;
	font-style: italic;
}

ul.bird li::before {
content: "\2713";
color: #666;
padding-left: 10px;
}

/* End */
/* /bitrix/templates/weewaa_20.02.2013/components/bitrix/menu/top/style.css?1547812208626 */
/* /bitrix/templates/weewaa_20.02.2013/template_styles.css?178696354015728 */