.headPic{
  background: url('../img/portoMoreBg.gif') repeat-x 0 bottom;
  max-height: 500px;
  overflow: hidden;
}
.headPic div{
  width: 100%;
  margin: 0 auto;
  max-width: 1170px;
display: flex;
}
.nomob{
 display: none;
 }
.headPic div img{
	height: auto !important;
}
.block{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* height: 300px; */
}
.block .item{
  margin-right: 5px;
  width: 60% ;
}
.block .item:last-of-type{
  margin-right: 0px;
  width: 31% ;
}
.block2{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* margin-top: 15px; */
  height: 400px;
}
.block2 .itemPorto{
  text-align: center;
    height: auto !important;
    width: 100% !important;
    margin-right: 6px;
    /* margin-bottom: 6px; */
    position: relative;
    padding: 0px;
    z-index: 2;
    background: #eff0f1;
}
.block3{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* margin-top: 15px; */
}
.block3 .itemPorto{
  text-align: center;
    height: auto !important;
    width: 100% !important;
    margin-right: 6px;
    /* margin-bottom: 6px; */
    position: relative;
    padding: 0px;
    z-index: 2;
    background: #eff0f1;
}
.block2 .itemPorto:last-child{
  margin-right: 0;
}
.block3 .itemPorto:last-child{
  margin-right: 0;
}
.block4 .itemPorto:last-child{
  margin-right: 0;
}
.block4{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* margin-top: 15px; */
}
.block4 .itemPorto{
  text-align: center;
    height: auto !important;
    width: 100% !important;
    margin-right: 6px;
    /* margin-bottom: 6px; */
    position: relative;
    padding: 0px;
    z-index: 2;
    background: #eff0f1;
}
.block4 .item{
  width: 100%;
}
.blockText{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-top: 20px;
}
.text{
  width: 75%;
  text-indent: 1.5em;
  /* font-size: 23px; */
  text-align: justify;
  padding-right: 30px;
}
.itema{
  width: 25%;
}
.itema .itemPorto{
  width: 100% !important;
}
.itema .item{
  margin-bottom: 10px;
}
.mini{
  position: absolute;
  width: 150px;
    /* height: 60%; */
}
.picto{
  width: 20%;
}
.poolBG{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  height: 700px;
  margin-bottom: 10px;
  padding-right: 0;
  padding-left: 0;
}
.poolBG::before{
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: url('/files/image/Pool/foto/5.jpg');
 opacity: 0.2;
}
.poolBG .leftBlocks{
  width: 70%;
  position: relative;
}
.poolText{
  font-size: 20px;
  padding: 10px;
  /* font-weight: bold; */
  text-align: justify;
}
.poolText ul > li{
  list-style-type: none;
}
.poolText ul > li::before {
  content: "-";
  position: relative;
  left: -5px;
  font-weight: bold;
}
.planSpisok p{
  margin-left: 16px;
  position: relative;
  /* font-family: 'Maven Pro', sans-serif; */
  font-size: 18px;
}
.planSpisok{
  margin-top: 15px;
  text-align: justify;
}
.planSpisok ul{
  /* font-family: 'Times New Roman', sans-serif; */
}
.poolBG .rightBlocks{
  width: 30%;
  position: relative;
}
.planFoto1{
  position: relative;
  left: 40px;
  z-index: 2;
}
.poolpic1{
  position: absolute;
  top: 20px;
  width: 57%;
}
.poolpic2{
  width: 80%;
  position: absolute;
  right: 0px;
  top: 230px;
}
.poolpic3{
  position: absolute;
  bottom:0px;
}
.picto{
  width: 100%;
}
.underPoolText{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.spisTitle{
  /* position: relative;
  width: 76%;
  left: 23px; */
  text-align: center;
}
.wrapp{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 10px; */
}
.bg4{
  position: relative;
  height:auto;
  background: url('/files/image/KrepOtkos/foto/4.jpg');
  background-size: 100% 100%;
  padding: 5px 0px 5px 0px;
  margin-bottom: 5px;
}
.upblock::before{
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.8;
}
.bg4 .contenta{
  position: relative;
}
.contenta .leftBlock{
  width: 54%;
  height: 400px;
  margin-right: 20px;
  float: left;
}
.contenta .rightBlock{
  float: right;
  width: 43%;
}
.contenta .profi{
  width: 52%;
  margin-bottom: 20px;
}
.bg5{
  margin-top: 5px;
  margin-bottom: 5px;
  height:500px;
  background: url('/files/image/KrepOtkos/foto/5.jpg');
  background-size: 100% 100%;
}
.bg5 .bg5HeadT{
  float: right;
}
.upblock2::before{
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #4880ac;
  opacity: 0.8;
}
.bg5HeadT h1{
  text-align: right;
}
.bg5T1{
  position: absolute;
  top: 448px;
  left: 15%;
  padding: 5px;
  font-size: 18px;
}
.bg5T1 p{
  position: relative;
  color: white;
  margin: 0;
}
.bg5T2{
  position: absolute;
  right: 8%;
  top: 400px;
  font-size: 18px;
  padding: 5px;
}
.bg5T2 p{
  position: relative;
  color: white;
  margin: 0;
}
.bg5Title{
  position: relative;
  float: right;
  margin: 10px 0px 10px 0px;
}
.bg5Title h1{
  position: relative;
  /* font-family: 'Times New Roman'; */
  margin: 0;
  padding: 5px;
  font-size: 25px;
}
.bg5 .spis{
  position: relative;
  padding: 5px;
  clear: both;
}
.bg5 .spis ol{
  position: relative;
  color: white;
  margin-top: 10px;
}
.bg5 .spis ol li{
  margin-bottom: 5px;
}

.bg8{
  /* height:874px; */
  background: url('/files/image/KrepOtkos/foto/8.jpg');
  background-size: 100% 100%;
  padding: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.bg8 .text{
  position: relative;
  width: 53% !important;
  text-indent: 0px;
  font-size: 16px;
  text-align: center;
  padding-right: 0px;
}
.bg8 p{
  position: relative;
}
.bg8Pic1{
  margin-bottom: 20px;
  width: 57%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.bg8Pic1 p{
  display: inline-block;
  color: white;
  text-align: center;
}
.bg8Pic1 .itemPorto{
  width: 50% !important;
  height: auto;
}
.bg8Pic2 .itemPorto{
  width: 50% !important;
  height: auto;
}
.bg8Pic2{
  width: 57%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.bg8Pic2 p{
  display: inline-block;
  color: white;
  text-align: center;
}
.bg9{
  /* height:874px; */
  background: url('/files/image/KrepOtkos/foto/9.jpg');
  background-size: 100% 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.bg9Text{
  float: right;
  width: 50% !important;
  position: relative;
}
.bg9Title{
  position: absolute;
  right: 0px;
  /* width: 62%; */
  float: right;
  /* margin: 10px 0px 10px 0px; */
}
.bg9Text h1{
  position: relative;
  text-align: center;
  /* color: white; */
  margin: 0;
  padding: 5px;
  /* font-family: 'Times New Roman'; */
  font-size: 25px;
}
.bg9BigText{
  color: white;
  position: relative;
  padding: 0px 20px 0px 20px;
  clear: both;
  /* font-family: 'Times New Roman', sans-serif; */
}
.bg9BigText ul{
  position: relative;
}
.bg9BigText p{
  position: relative;
}
.bg9 ul {
  margin-left: -35px;
}
.bg9 ul > li{
  list-style-type: none;
}
.bg9 ul > li::before {
  content: "-";
  position: relative;
  left: -5px;
}
.bg10{
  height:574px;
  background: url('/files/image/KrepOtkos/foto/10.jpg');
  background-size: 100% 100%;
  margin-bottom: 10px;
  margin-top: 5px;
}
.bg10Title{
  position: absolute;
  right: 0;
  width: 40%;
  color: black;
  font-size: 20px;
  top: 20px;
  /* margin-right: 15px; */
  /* font-family: 'Times New Roman', sans-serif; */
}
.bg10Title p{
  position: relative;
  font-size: 25px;
  margin: 5px;
  text-align: center;
}
.bg10bigText{
  position: absolute;
  bottom: 0;
  right: 0;
  color: white;
  font-size: 20px;
  padding: 10px 10px 0px 0px;
  /* font-family: 'Times New Roman', sans-serif; */
  /* margin: 15px; */
  width: 40%;
}
.bg10bigText ol{
  font-size: 14px;
  position: relative;
  line-height: 22px;
  margin-left: -10px;
}
.bg10bigText ol li{
  margin-bottom: 5px;
}
.box{
  display: flex;
  width: 100%;
  height: 300px;
  background-color: red;
}
.block1{
  display: flex;
  width: 70%;
  margin-right: 20px;
  /* height: 100%;
  border: 2px solid; */
}

.lilText{
  position: absolute;
  left: 36%;
  bottom: 0;
}
.pic6{
  position: absolute;
  top: 30px;
  left: 39%;
  width: 30%;
  z-index: 2;
}
.pic7{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 33%;
  z-index: 1;
}
.line2{
  padding-right: 0;
  padding-left: 0;
}
.line2 .pic{
  margin-right: 10px;
}
.line2 .big{
  width: 100%;
}
.line2 .itemPorto{
  width: 100% !important;
}
.orangeline{
  width: 100%;
  height: 5px;
  background-color: orange;
  margin: 0 auto;
}
.noP{
  padding-right: 0;
  padding-left: 0;
}
.p6Line1{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.p6Line1 .roundFoto{
  width: 50%;
  height: 528px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 10%;
}
.roundFoto img{
  position: relative;
  width: 100%;
}
.p6Line1 .rightText .rtTitle{
  position: relative;
  width: fit-content;
  float: right;
}
.torket{
  clear: both;
}
.p6Line1 .rightText h1{
  text-align: right;
  margin: 0;
  padding: 5px;
  position: relative;
  font-size: 25px;
  /* font-family: 'Times New Roman' */
}
.p6Line1 .rightText .fff{
  font-size: 20px;
  text-align: justify;
}
.p6Line1 .rightText .ggg{
  font-size: 20px;
  text-align: justify;
}
.p6Line1 .rightText ul{
  font-size: 18px;
  margin-left: -20px;
}
.p6Line2{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}
.picB{
  width: 70%;
  margin-right: 10px;
}
.picM{
  width: 30%;
  overflow: hidden;
}
.picM .blocks{
  height: 50%;
  text-align: center;
  margin-bottom: 10px;
}
.blockas{
  width: 50%;
}
.blockas .headT{
  position: relative;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.blockas ul{
}
.blockas ul li{
  font-size: 18px;
  margin-bottom: 10px;
}
.blockas span{
  position: relative;
  font-size: 25px;
  /* font-family: 'Times New Roman'; */
  /* font-weight: bold; */
}
.p6Line3{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  height: 1200px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.p6Line3 .blocks1{
  margin-right: 10px;
  width: 50%;
  /*display: flex;*/
  flex-direction: column;
}
.blocks1 .pic1{
  /* margin-bottom: 10px; */
}
.blocks1 .wrapp1{
  /* margin-bottom: 10px; */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  height: 23% !important;
}
.blocks1 .wrapp1 .itemPorto:last-child{
  margin-right: 0px !important;
}
.blocks1 .wrapp2{
  /* margin-bottom: 10px; */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.blocks1 .wrapp2 .itemPorto:last-child{
  margin-right: 0px !important;
}
.blocks1 .wrapp3{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* margin-bottom: 10px; */
}
.blocks1 .wrapp3 .itemPorto:last-child{
  margin-right: 0px !important;
}
.blocks1 .wrapp3 div{
  width: 50% !important;
}
.blocks2 .wrapp4 div{
  width: 50% !important;
}
.blocks1 .pic2{
  margin-right:10px;
}
.blocks1 .wrapp2 .pic4{
  width: 60%;
  margin-right: 10px;
}
.blocks1 .wrapp2 .pic5{
  width: 40%;
}
.blocks2{
  display: -webkit-flex;
  display: -ms-flex;
  /*display: flex;*/
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* height: 1000px; */
  width: 50%;
}
.blocks2 .wrapp4{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /* margin-top: 10px; */
}
.blocks2 .wrapp4 .itemPorto:last-child{
  margin-right: 0px !important;
}
.blocks2 .pics1{
  height: 20%;
  margin-bottom: 10px;
}
.blocks2 .pics2{
  height: 26%;
  margin-bottom: 10px;
}
.blocks2 .pics{
  height: 30%;
  margin-bottom: 10px;
}
.p6Line4{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.p6Line4 > div{
  width: 25%;
  margin-right: 10px;
}
.bg11{
  padding-right: 0 !important;
  padding-left: 0;
}
.bg11 .photo{
  height: 100% !important;
}
.bg11 .itemPorto{
  width: 288px !important;
}
.p6Line3 .itemPorto{
  text-align: center;
  height: auto;
  width: 100% !important;
  margin-right: 6px;
  margin-bottom: 6px;
  position: relative;
  padding: 0px;
  z-index: 2;
  background: #eff0f1;
  overflow: hidden;
}
.p6Line3 .itemPorto .photo{
  height: 100% !important;
}
.blocks1 .wrapp3 div{
  width: 100% !important;
}
.blocks2 .wrapp4 div{
  width: 100% !important;
}
.p2 .itemPorto{
  width: 100% !important;
}
.p3{
  margin-top: 10px;
}
.p3 .itemPorto{
  width: 100% !important;
}
.rbpp{
  font-size: 18px;
}
.t6 {
  font-size: 20px;
  width: 80% !important;
  /* font-family: 'Maven Pro', sans-serif; */
}
.it6 {
  width: 20% !important;
}
.t3 {
  font-size: 20px;
  width: 66.7% !important;
  /* font-family: 'Times New Roman', sans-serif; */
}
.t3 p{
  text-indent: 1.5em;
}
.it3{
  width: 32.8% !important;
}
.t3Head{
  /* background: #71a2c8;
  width: fit-content; */
  padding: 5px;
  text-indent: 0px !important;
  margin-bottom: 10px;
}
.t3Head span{
  /* background: #71a2c8; */
  padding: 10px;
}
.t3 ul li {
  list-style-type: none;
  margin-left: -35px;
}
.t3 ul> li::before {
  content: "-";
  position: relative;
  left: -5px;
}
.t5 ul{
  text-indent: 0 !important;
}
.profi p{
  text-align: center;
  background: #73a3c9;
  color: white;
  font-size: 12px;
}
.act{
  font-size: 25px;
  position: absolute;
  right: 0px;
  background: #73a3c9;
  /* font-family: 'Times New Roman'; */
  padding: 0px 10px;
  /* margin: 10px; */
}
.t1 {
  font-size: 20px;
  /* font-weight: bold; */
}
.t1 ol{
  text-indent: 0 !important;
}
.planTitle p{
  background: #70a1c6;
  display: initial;
  /* width: fit-content; */
  padding: 5px;
  font-size: 21px;
  /* font-family: 'Times New Roman', sans-serif; */
}
.sub1{
  position: static !important;
}
.sub2{
  position: static !important;
}
/* .sub1 li::before{
  content: "-";
  position: relative;
  left: -5px;
  font-weight: bold;
}
.sub2 li::before{
  content: "-";
  position: relative;
  left: -5px;
  font-weight: bold;
} */
.sub1 li{
 display: list-item;
 list-style-type: square;
 margin-left: 20px;
}
.sub2 li{
  display: list-item;
  list-style-type: square;
  margin-left: 20px;
}
.sub1 li a{
  display: block !important;
}
.sub2 li a{
  display: block !important;
}
.pageTitile{
  margin: 10px;
}
.pageTitile span{
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.myTitle{
  font-size: 13.5px;
}
.gidroBg1{
  background: url('/files/image/RemontGTS/foto/6.jpg');
  background-size: 100% 100%;
  height: auto !important;
  margin: 5px 0px 5px 0px;
}
.gidroBg1 .leftBlock{
  width: 50%;
  height: auto !important;
  margin-right: 20px;
  float: left;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  margin: 10px 0px;
}
.gidroBg1 .leftBlock img{
  margin-bottom: 10px;
}
.gidroBg1 .leftBlock img:last-of-type{
  margin-bottom: 0;
}
.gidroBg1 .rightBlock{
  float: right;
  width: 50%;
}
.gbg1Head{
  position: absolute;
    right: 0px;
    background-color: #4880ac;
    font-size: 25px;
    padding: 5px;
    /* margin: 10px 10px 10px 0px; */
}
.gbg1BotText{
  position: absolute;
  bottom: 0px;
  background-color: #4880ac;
  color: white;
  padding: 10px;
  text-align: justify;
  /* margin-right: 10px;
  margin-bottom: 10px; */
}
.gidroBg2{
  background: url('/files/image/RemontGTS/foto/7.jpg');
  background-size: 100% 100%;
  height: 750px;
  margin: 5px 0px 5px 0px;
}
.gidroBg2 .bg9Text{
  position: static;
}
.gidroBg2 .bg9BigText{
  color: white;
  position: absolute;
  padding: 0px 20px 0px 20px;
  clear: both;
  bottom: 0px;
  /* margin: 0px 10px 10px 0px; */
  text-align: justify;
}
.gidroBg3{
  background: url('/files/image/RemontGTS/foto/8.jpg');
  background-size: 100% 100%;
  height: 600px;
  margin: 5px 0px 5px 0px;
}
.gb3Head{
  position: absolute;
  right: 0;
  /* margin: 10px 10px 0px 0px; */
  padding: 5px;
  background-color: #4880ac;
  font-size: 25px;
}
.gidroBg7 {
  margin-top: 5px;
}
.gidroBg4{
  margin-top: 5px;
}
.gidroBg4 .leftBlock{
  float: left;
  width: 65%;
}
.gidroBg4 .rightBlock{
  float: right;
  width: 35%;
}
.gidroBg4 .leftBlock .bigPic{
  margin-bottom: 5px;
  height: 297px;
}
.gbg4Head{
  text-align: center;
  background-color: #4880ac;
  font-size: 25px;
  margin: 0px 0px 5px 5px;
}
.gbg4T1{
  text-align: center;
  background-color: #4880ac;
  font-size: 23px;
      margin: 5px 0px 5px 5px;
  color: white;
}
.gbg4T2{
      margin: 5px 0px 5px 5px;
  color: white;
  background-color: #4880ac;
}
.gbg4T2 span{
  display: block;
  text-align: center;
  font-size: 20px;
}
.gidroBg4 .wrapp{
  position: relative;
  height: 304px;
  /* top: -5px; */
}
.gidroBg4 .wrapp > .itemPorto{
 height: 300px;
}
.gidroBg4 .wrapp .itemPorto:last-of-type{
  margin-right: 0;
}
.gidroBg6 .wrapp .itemPorto:last-of-type{
  margin-right: 0;
}
.gidroBg7 .rightBlock .itemPorto{
  margin-right: 0;
}
.gidroBg7 .rightBlock .itemPorto:nth-of-type(3){
	height: 400px;
}
.gidroBg5{
  height: 399px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.gidroBg5 .leftBlock{
  float: left;
  width: 72.6%;
  height: 100%;
}
.gidroBg5 .rightBlock{
  float: right;
  width: 27%;
}
.gbg5Head{
  text-align: center;
  background-color: #4880ac;
  margin: 0px 0px 5px 0px;
  font-size: 17px;
}
.gbg5Foto .itemPorto{
  text-align: center;
  height: 182px;
  width: 100%;
  margin-right: 6px;
  margin-bottom: 6px;
  position: relative;
  padding: 0px;
  z-index: 2;
  background: #eff0f1;
}
.gidroBg6{
  margin-top: 5px;
}
.gidroBg6 .itemPorto{
  width: 33%   !important;
}
.gidroBg7 .leftBlock{
  float: left;
  width: 50%;
}
.gidroBg7 .leftBlock > .itemPorto:nth-of-type(1){
	height: 400px;
}
.gidroBg7 .leftBlock > .itemPorto:nth-of-type(2){
	height: 400px;
}
.gidroBg7 .leftBlock > .itemPorto{
	height: 400px;
}
.gidroBg7 .rightBlock{
  float: right;
  width: 50%;
}
.gidroBg7 .itemPorto{
  width: auto !important;
}
.otk{
  position: relative;
  margin: 10px 0px 10px 0px;
}
.gidroBg7 .rightBlock > .itemPorto:nth-of-type(2){
	height: 400px;
}
.mobsub1{
  margin-left: 20px;
}
.mobsub1 a{
  display: block;
  margin-top: 5px;
  color: #1b2f72;
}














/* ADAPTIVE */

@media (max-width: 770px) {
	.nomob{
		display: block;
       }
 } 

@media (max-width: 1024px) and (min-width: 768px) {
  .t1{
    font-size: 18px;
  }
  .t3{
    font-size: 18px;
  }
  .act{
    font-size: 18px;
    margin: 0;
  }
  .p6Line1 .rightText .fff{
    font-size: 18px;
  }
  .p6Line1 .rightText .ggg{
    font-size: 18px;
  }
  .roundFoto img{
    height: 100% !important;
  }
}

@media (max-width: 1200px) {
  .bg11 .itemPorto{
    width: 232px !important;
  }
  .bigPic{
    height: 336px !important;
  }
}




@media (max-width: 425px) {

.blockText{
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.blockText .text{
  width: 100% !important;
  margin-bottom: 10px;
  font-size: 15px;
}
.blockText .itema{
  /* display: -webkit-flex;
  display: -ms-flex;
  display: flex; */
  width: 100% !important;
}
.blockText .itema .item{
  width: 50%;
  margin-right: 10px;
}
.blockText .itema .item:first-of-type{
  margin-right: 10px;
}
.blockText .itema .item:last-of-type{
  margin-right: 0px;
}
.block{
  /* -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; */
  display: block !important;
  height: auto;
}
.block .itemPorto{
  width: 100% !important;
}
.block2{
  display: block !important;
}
.block3{
  display: block !important;
}
.block4{
  display: block !important;
}
.p6Line1 .rightText .rtTitle{
  position: relative;
  margin: 10px 0px 10px 0px;
  width: 100%;
  float: none;
}
.block .item{
  margin-bottom: 10px;
  width: 100% !important;
}
.block2 .item:first-of-type{
  margin-right: 10px;
}
.block3 .item:first-of-type{
  margin-right: 10px;
}
.p2 .item{
  margin-right: 0px !important;
}
.p3 .item{
  margin-right: 0 !important;
}
.contenta .leftBlock{
  width: 100% !important;
  float: none;
}
.contenta .rightBlock{
  float: none;
  width: 100% !important;
}
.profi{
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.textBg4{
  text-align: justify;
}
.bg5HeadT{
  position: relative;
  margin-top: 10px;
}
.bg5HeadT h1{
  position: relative;
  /* color: white; */
  text-align: center;
}
.bg5HeadT ol{
  position: relative;
  color: white;
  line-height: 30px;
}
.bg8 .bg8Pic1{
  display: flex;
  align-items: center;
  width: 100% !important;
}
.bg8 .bg8Pic1 img{
  width: 100% !important;
}
.bg8 .bg8Pic2{
  display: flex;
  align-items: center;
  width: 100% !important;
}
.bg8 .bg8Pic2 img{
  width: 100% !important;
}
.bg8 .bg8Pic1 p{
 width: 155px !important;
}
.bg8 .bg8Pic2 p{
 width: 155px !important;
}
.bg8 .text{
  width: 100% !important;
}
.bg9Text{
  position: relative;
  width: 100% !important;
  float: none;
  margin-bottom: 10px;
}
.bg9BigText{
  padding: 10px 20px 5px 20px;
}
.bg9 .bg9Text h1{
  text-align: center;
  font-size: 28px;
  /* color: white; */
}
.bg9BigText .fp{
  font-size: 12px;
  text-indent: 1.5em;
}
.bg9BigText .sndp{
  font-size: 12px;
}
.bg9BigText ul{
  font-size: 12px;
  margin-left: -35px;
}
.upblock2::before{
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #4880ac;
  opacity: 0.8;
}
.bg10Title{
  width: 100% !important;
  position: relative;
}
.bg10bigText{
  margin: 10px;
  width: auto !important;
}
.bg11{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.itemPorto2{
  text-align: center;
  height: 208px;
  width: 48%;
  margin-right: 6px;
  margin-bottom: 6px;
  position: relative;
  padding: 0px;
  z-index: 2;
  background: #eff0f1;
}
.poolBG{
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-direction: column;
margin-bottom: 10px;
height: auto;
}
.poolText{
  font-size: 14px;
  padding: 10px;
}
.poolText ul{
  margin-left: -35px;
}
.poolBG .leftBlocks{
  width: 100% !important;
}
.poolBG .rightBlocks{
  width: 100% !important;
  position: static;
}
.underPoolText{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.planTitle p{
  text-align: center;
}
.picto{
  width: 100% !important;
}
.planFoto1{
  position: static;
}
.pictoBlock{
  margin-bottom: 10px;
}
.poolpic1{
  position: static;
  width: 100% !important;
  margin-bottom: 10px;
}
.poolpic2{
  position: static;
  width: 100% !important;
  margin-bottom: 10px;
}
.poolpic3{
  position: static;
  width: 100% !important;
}
.planSpisok li {
  padding-left: 15px;
}
.line2{
  padding-left: 15px;
  padding-right: 15px;
}


.p6Line1{
  flex-direction: column;
}
.p6Line1 .roundFoto{
  width: 100% !important;
  height: 400px;
}
.roundFoto img{
  position: relative;
  width: 100%;
  /* top: -110px; */
}
.p6Line1 .rightText{
  width: 100% !important;
}
.p6Line1 .rightText h1{
  text-align: center;
}
.p6Line1 .rightText .fff{
  font-size: 16px;
  text-align: justify;
}
.p6Line1 .rightText .ggg{
  font-size: 16px;
  text-align: justify;
}
.p6Line1 .rightText ul{
  font-size: 15px;
}
.p6Line2{
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p6Line2 .block1{
  width: 100% !important;
  margin-right: 0px !important;
}
.bg9Title{
  position: relative;
  margin: 10px 0px 10px 0px;
  width: 100% !important;
  float: none;
}
.bg5Title{
  float: none;
}
.bg11 .itemPorto{
  width: 47% !important;
}
.blockas{
  width: 100% !important;
}
.blockas .headT{
  margin-top: 10px;
}
.p6Line3{
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p6Line3 .itemPorto .photo{
  height: 100% !important;
}
.p6Line3 .blocks1{
  width: 100% !important;
  margin-right: 0 !important;
}
.blocks2{
  width: 100% !important;
  height: auto;
}
.blocks1 .wrapp3 div{
  width: 100% !important;
}
.blocks2 .wrapp4 div{
  width: 100% !important;
}
.rbpp p,ul{
  font-size: 14px;
}
.t3Head{
  background: #71a2c8;
  width: 100% !important;
  text-align: center;
  padding: 5px;
  text-indent: 0px !important;
}
.text{
  padding-right: 0 !important;
}
.bg8Pic1 .itemPorto{
  width: 100% !important;
}
.bg8Pic2 .itemPorto{
  width: 100% !important;
}
.act{
  font-size: 35px;
  margin-top: 10px;
  position: static;
  text-align: center;
  right: 0px;
  background: #73a3c9;
  /* font-family: 'Times New Roman'; */
  padding: 0px 10px;
}
.t1 ol{
  margin-left: -35px;
}
.pageTitile{
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
.pageTitile span{
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.myTitle{
  display: none;
}
.it6 .item{
  width: 100% !important;
  margin-right: 0 !important;
}
.titlePage{
  font-size: 13px;
}
.gidroBg1 .leftBlock{
  width: 100%;
  height: 110px !important;
  margin-right: 20px;
  /* float: left; */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  margin: 10px 0px;
}
.gidroBg1 .leftBlock img{
  width: 33% !important;
}
.gidroBg1 .rightBlock{
  width: 100% !important;
  /* float: none; */
}
.gbg1Head{
  position: static;
  /* right: 0px; */
  background-color: #4880ac;
  font-size: 25px;
  padding: 5px;
  margin: 10px 10px 10px 0px;
  text-align: center;
}
.gbg1BotText{
  position: static;
}
.gidroBg2{
  height: 350px;
}
.gidroBg3{
  height: 400px;
}
.gidroBg4 .leftBlock{
  float: none;
  width: 100% !important;
}
.gidroBg4 .rightBlock{
  float: none;
  width: 100% !important;
}
.gidroBg5{
  height: auto !important;
}
.gidroBg5 .leftBlock{
  float: none;
  width: 100% !important;
  height: 100%;
}
.gidroBg5 .rightBlock{
  float: none;
  width: 100% !important;
}
.gbg5Head{
  text-align: center;
  background-color: #4880ac;
  margin: 5px;
  font-size: 23px;
}
.gbg5Foto{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.bg5T1{
  position: absolute;
  top: 443px;
  left: auto !important;
  padding: 5px;
  font-size: 18px;
}
.bg5T2{
  position: absolute;
  right: auto !important;
  top: 400px;
  font-size: 18px;
  padding: 5px;
}
}
