.ultropaline-heider{
height: 350px;
    color: #e8eef3;
    margin-block-start: 0;
    margin-block-end: 0;
    background: linear-gradient(#194650, #194650, #194650, #194650, #194650, #194650, #194650, #D2E4E6);
}
.h-1{
    position: relative;
    left: 11%;
    top: 10%;
}
.h-1 p{
    font-family: Montserrat;
    font-weight: 300;
    font-size: 30px;
	letter-spacing: -1.5px;
}
.ultropaline-kit{
    position: relative;
    left: 9.5%;
    top: 20%;
    color: #e8eef3;
    font-family: Roboto Condensed;
}
.kit1{
    font-size: 34px;
    font-weight: bold;
}
.kit2{
    font-size: 24px;
    font-weight: 300;
    margin-left: 12px;
}
.kit3{
	font-size: 32px;
    font-weight: bolder;
}
.h-perevagi-1{
    width: 200px;
    margin-left: 40%;
    margin-top: 7%;
}
.h-perevagi-2{
    width: 200px;
    margin-left: 40%;
    margin-top: 1%;
}
.h-perevagi-3{
    width: 260px;
    margin-left: 40%;
    margin-top: 1%;
}
.h-perevagi-1, .h-perevagi-2, .h-perevagi-3{
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 300;
}
.romb{
	width: 10px;
    height: 10px;
    background: #e8eef3;
    transform: rotate(45deg);
    margin-left: -19px;
    position: absolute;
    margin-top: 7px;
}
.ultropaline-kit-img{
    background-image: url(/images/sampledata/header-img.png);
	position: absolute;
    width: 240px;
    height: 350px;
    left: 79.7%;
	z-index: 1;
}
.h-1 p,.ultropaline-heider p, .ultropaline-kit p, .h-perevagi-1 p, .h-perevagi-2 p, .h-perevagi-3 p, .ultropaline-kit-img p{
    margin-block-start: 0;
    margin-block-end: 0;
}
.Ultropalin-offer{
    background-color: #D2E4E6;
    display: inline-block;
    font-family: Roboto Condensed;
    font-weight: 400;
    font-size: 20px;
	color: #194650;
	width: 100%;
}
.offer-fon{
  position: absolute;
  width: 301px;
  height: 400px;
  -webkit-transform: skew(15deg);
  background-color: rgb(25 70 80);
  margin-left: 57px;
}
.offer-1,.offer-2,.offer-3,.offer-4{
	color: #D2E4E6;
    z-index: 1;
    position: relative;
}
.offer-1{
font-family: Montserrat;
    font-size: 33px;
    font-weight: bold;
    margin-left: 3.5%;
    margin-top: 8%;
}
.offer-2{
	margin-left: 16%;
}
.offer-3{
	margin-left: 22%;
}
.offer-4{
	margin-left: 28%;
}
.offer-line{
    width: 470px;
    margin-left: 451px;
    border-left: 3px solid #194650;
    padding-left: 20px;
    padding-top: 20px;
    margin-top: -8%;
}
.offer-footer{
  margin-top: -11%;
  margin-left: -5%;
  padding-bottom: 4%;
}
.ultropaline-fon, .ultropaline-fon1{
    position: absolute;
    width: 300px;    
    height: 350px;
    -webkit-transform: skew(-20deg);
    background-color: rgba(232, 238, 243, 0.3);    
}
.ultropaline-fon{
	margin-left: 65px;
}
.ultropaline-fon1{
	margin-left: 640px;
}
.rekl-second{
    font-family: Montserrat;
    font-size: 23px;
    font-weight: bold;
    color: #D2E4E6;
    background: linear-gradient(#D2E4E6, #194650, #194650);
    text-align: center;
    height: 63px;
    padding-top: 47px;
}
.rekl-second1, .rekl-second2{
	text-align:center;
}
.rekl-third{
	background-color: #194650;
    height: 484px;
}
.rekl-third-fon,.rekl-third-fon1{
    position: absolute;
    width: 270px;
    height: 484px;
    -webkit-transform: skew(-15deg);
    background-color: rgba(232, 238, 243, 0.3);
}
.rekl-third-fon{
	left: 26.8%;
}
.rekl-third-fon1{
	left: 70.8%;
}
.rekl-txt-a,.rekl-txt-d,.rekl-txt-c{
    width: 250px;
    float: left;
    margin-top: 6%;
}
.rekl-txt-a{
	margin-left: 12%;
}
.rekl-txt-d{
	margin-left: 3%;
}
.rekl-txt-c{
	margin-left: 6%;
}
.rekl-txt-h{
    font-family: Montserrat;
    font-size: 23px;
    font-weight: bold;
    color: #D2E4E6;
    text-align: center;
    height: 60px;
}
.rekl-txt-b{
    font-family: Roboto Condensed;
    font-weight: 400;
    font-size: 20px;
    color: #D2E4E6;
    margin-top: 17%;
    margin-left: -9%;
	height: 155px;
}
.rekl-txt-img img{
	width: 100px;
}
.body-kitultra{
  padding-top: 1em;
  background-color: #D2E4E6;
}
.body-kit-7-3,.body-kit-4-1,.body-kit-3-30{
  padding: 1%;
  background: linear-gradient( #D2E4E6, #194650, #194650,#D2E4E6);
 }
.body-kit-img-l img,.body-kit-img-r img {
  width: 50%;
}
.body-kit-img-r img{
  margin-left: 25em;
}
.detalnishe-7x3 a, .detalnishe-4x1 a, .detalnishe-3x30 a{
  text-decoration: none;
  background-color: #566FBC;
  padding: 15px 90px 15px 90px;
  font-family: Montserrat;
  font-size: 50px;
  color: white !important;
}
.detalnishe-7x3, .detalnishe-4x1, .detalnishe-3x30{
  position: absolute;
  width: 200px;
}
.detalnishe-7x3, .detalnishe-3x30 {
  transform: rotate(90deg);
  margin-left: 24.9em;
  margin-top: 3.8em;
}
.detalnishe-4x1{
  transform: rotate(-90deg);
  margin-left: 17.1em;
  margin-top: 20.7em;
}
@media (min-width : 780px) and (max-width : 991px){
  .rekl-third, rekl-second,.ultropaline-heider,.body-ultra{
  width: 100%;
  }
  .offer-line{
    width: 41%;
    margin-left: 426px;
  }
  .offer-footer{
    margin-top: -7.5%;    
    margin-left: -3%;
  }
  .offer-fon{
    height: 480px;
    margin-left: 8.1%;
    width: 250px;
  }
  .offer-1{
    font-size: 27px;
  }
  .rekl-third-fon{
    left: 5.8%;
  }
  .rekl-third-fon1{
    left: 64.8%;
  }
  .rekl-third-fon, .rekl-third-fon1{
    width: 240px;
  }
  .rekl-txt-a{
    margin-left: 11%;
  }
  .rekl-txt-d{
    margin-left: 6%;
  }
  .rekl-txt-c{
    margin-left: 4%;
  }
  .rekl-txt-a, .rekl-txt-d, .rekl-txt-c{
    width: 200px;
  }
  .detalnishe-7x3, .detalnishe-3x30{
    margin-left: 41.8%;
    margin-top: 4em;
  }
  .detalnishe-7x3 a, .detalnishe-4x1 a, .detalnishe-3x30 a{
    padding: 15px 52px 15px 52px;
    font-size: 44.6px;
  }
  .detalnishe-4x1{
    margin-top: 14.9em;
    margin-left: 32%;
  }
  .body-kit-7-3, .body-kit-4-1, .body-kit-3-30{
    height: 400px;
  }
  .body-kit-img-r img{
    margin-left: 50%;
  }
  .ultropaline-fon, .ultropaline-fon1{
    width: 250px;
  }
  .ultropaline-fon1{
    margin-left: 474px;
  }
}
@media (min-width : 400px) and (max-width : 490px){
  .ultropaline-kit-img{
    left: 61%;
    width: 40%;
  }
  .ultropaline-fon, .ultropaline-fon1{
    width: 0px;
  }
  .ultropaline-fon{
    margin-left: 4%;
  }
  .ultropaline-fon1{
    margin-left: 59%;
  }
  .h-1 p{
    font-size: 24px;
  }
  .h-1{
    left: 4%;
    width: 55%;
  }
  .ultropaline-kit{
    left: 6.5%;
    top: 20%;
  }
  .kit1{
    font-size: 30px;
  }
  .kit2{
    margin-left: 0px;
  }
  .h-perevagi-1{
    margin-top: 18%;
  }
  .h-perevagi-1,.h-perevagi-2,.h-perevagi-3{
    margin-left: 16%;
  }
  .offer-fon{
    width: 45%;
    margin-left: 0;
    -webkit-transform: skew(0deg);
    height: 628px;
  }
  .offer-1{
    font-size: 21px;
  }
  .offer-footer{
    margin-left: -15%;
  }
  .offer-line{
    margin-left: 44%;
    width: 50%;
  }
  .rekl-second{
    height: 110px;
  }
  .rekl-third-fon, .rekl-third-fon1{
    width: 200px;
  }
  .rekl-third-fon{
    left: 5.8%;
  }
  .rekl-third-fon1{
    left: 62.8%;
  }
  .rekl-txt-a, .rekl-txt-d, .rekl-txt-c{
    width: 160px;
  }
  .rekl-txt-h{
    font-size: 18px;
  }
  .rekl-txt-b{
    font-size: 16px;
  }
  .rekl-txt-a, .rekl-txt-d, .rekl-txt-c{
    width: 167px;
  }
  .detalnishe-7x3 a, .detalnishe-4x1 a, .detalnishe-3x30 a{
    font-size: 34px;
  }
  .detalnishe-7x3, .detalnishe-3x30{
    margin-top: 4.4em;
    margin-left: 40.5%;
  }
  .detalnishe-7x3 a, .detalnishe-4x1 a, .detalnishe-3x30 a{
    padding: 15px 75px 15px 75px;
  }
  .detalnishe-4x1{
    margin-left: 31.5%;
    margin-top: 13.8em;
  }
  .rekl-third, rekl-second, .ultropaline-heider, .body-ultra{
    display: block;
  }
}
@media (max-width: 399px){
.ultropaline-fon, .ultropaline-fon1{
  background-color: transparent;
}
.ultropaline-kit-img{
  width: 160px;
  left: 60.7%;
}
.ultropaline-fon, .ultropaline-fon1{
  width: 0;
  height: 0;
}
.h-1{
  width: 80%;
  left: 4%;
}
.h-1 p{
  font-size: 24px;
}
.kit1{
  font-size: 28px;
}
.kit2{
  margin-left: 0px;
}
.rekl-txt-a, .rekl-txt-c{
  background-color: #d2e4e6;
    width: 100%;
    margin-left: 0;
}
.rekl-txt-b{
  background-color: #194650;
  width: 100%;
  margin-left: 0;
}
.ultropaline-kit{
  top: 14%;
  left: 4%;
}
.h-perevagi-1{
  margin-top: 17%;
}
.h-perevagi-1, .h-perevagi-2, .h-perevagi-3{
  margin-left: 9%;
}
.offer-fon{
  margin-left: 0;
  -webkit-transform: skew(0deg);
  width: 40%;
  height: 580px;
}
.offer-1 {
  font-size: 20px;
  margin-top: 20%;
  width: 42%;
  text-align: center;
  margin-left: 0;
}
.offer-footer{
  margin-top: -21%;
  margin-left: -9%;
}
.offer-line{
  margin-left: 39%;
  margin-top: -7em;
  width: 50%;
}
.rekl-second{
  height: 120px;
}
.rekl-third-fon, .rekl-third-fon1{
  -webkit-transform: skew(0deg);
  width: 170px;
  background-color:transparent;
}
}
@media (max-width: 360px){
 
}