@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');



body
{
margin:0px;
font-family: 'Ubuntu', sans-serif;
}

body a, body a:hover, body a:focus
{

text-decoration:none;

}

body input, body select, body textarea
{
font-family: 'Ubuntu', sans-serif;
}


.clear-page
{
  clear:both;
}

.container-page
{
  width:100%;
  max-width:1240px;
  margin:0px auto;
}


.wrapper-page
{
  padding:0px;
  position:relative;
}


.header-page
{
  width:100%;
  position: relative;  
}

.header-page-top
{
  width:100%;
  background:white; 
  margin-bottom:140px;
  position: fixed;
  z-index: 9999;
}

.header-page-top-left
{
  float:left;
  height:56px;
  line-height:56px;
  color:#a4a4a4; 
  font-size:16px;
}

.header-page-top-right
{
  float:right;
  height:56px;
  text-align:right;
}

.header-page-top-right a
{
  display:inline-block;
  vertical-align:middle;
  line-height:56px;
  color:#a4a4a4; 
  font-size:16px;
  font-weight:700;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-left:18px;    
}

.header-page-top-right a:hover
{
  color:#ff284b; 
}

.header-page-top-right a img
{
  display:inline-block;
  vertical-align:middle;   
}

.header-page-top-right a .phone-icon-page
{
  margin-right:8px; 
}

.header-page-top-right a span
{
  display:inline-block;
  vertical-align:middle;  
}



.header-page-bottom
{
  width:100%;
  position:fixed;
  top:56px;
  left:0px;
  z-index:9999;
  background:#f7f9fb;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
  -webkit-box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow:    0px 6px 14px 0px rgba(0, 0, 0, 0);
  box-shadow:         0px 6px 14px 0px rgba(0, 0, 0, 0);

}

.header-page-bottom-f
{
  width:100%;
  position:fixed;
  top:54px;
  left:0px;
  z-index:9999;
  background:#f7f9fb; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:    0px 6px 14px 0px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 6px 14px 0px rgba(0, 0, 0, 0.1);  
}

.header-page-bottom .header-page-bottom-wrapper
{
  padding:30px 0px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}


.header-page-bottom .header-page-logo
{
  width:auto;
  height:76px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.header-page-bottom-f .header-page-bottom-wrapper
{
  padding:16px 0px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.header-page-bottom-f .header-page-logo
{
  width:auto;
  height:45px; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}


/*MENU*/

.nav-menu
{
  position:absolute;
  top:50%;
  right:0px;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); 
}

.nav-menu ul
{
  vertical-align: middle;
  display:inline-block;
  padding:0px;
  margin:0px;
}

.nav-menu ul li
{
  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
  padding-left:46px;
}



.nav-menu ul li a
{
 
  color:black;
  display:inline-block;
  font-size:20px;
  font-weight:700; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  text-transform:uppercase;
  padding:6px 0px;
}

.nav-menu ul .active a, .nav-menu ul a:hover
{
  color:#ff284b;  
}

.nav-menu ul li:last-child a
{
 
  color:white;
  display:inline-block;
  font-weight:700; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  text-transform:uppercase;
  padding:6px 30px;
  background:#ff284b;
  border-radius:5px;
}

.nav-menu ul li:last-child.active a, .nav-menu ul li:last-child a:hover
{
  color:white; 
  background:black; 
}

.nav-menu-mobile
{
  width:40px;
  height:28px;
  position: absolute;
  right:30px;
  top:10px;
  display:none;
  cursor: pointer;
  border-top:3px solid black;
  border-bottom:3px solid black;

}

.nav-menu-mobile::before
{
  content:'';
  position: absolute;
  top:50%;
  left:0px;
  width:100%;
  height:3px;
  background:black;
  margin-top:-1.5px; 
  
}



/*BANER PAGE*/

.baner-page
{
  position:relative;  
}

.baner-page-image
{
  width:100%;
  height:880px;
  position:relative;  
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;   
}

.no-webp .baner-page-image-ob
{ 
  background-image:url('../images/baner-page.jpg');
}

.webp .baner-page-image-ob
{ 
  background-image:url('../images/baner-page.webp'); 
}


.baner-page-content
{
  position:absolute;
  top:50%;
  left:0px;
  width:100%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);  
}

.baner-page-bg
{
  position:relative;
}

.baner-page-content::before
{
  content:'';
  position:absolute;
  left:calc(100% - ((100% - 1240px) / 2));
  top:0px;
  width:calc((100% - 1240px) / 2);
  background:#ff284b;
  height:100%;
}


.baner-page-content-text
{
  padding-right:398px;
  position:relative;
}

.baner-page-content-text-right
{
  position:absolute;
  right:0px;
  top:0px;
  width:398px;
  height:100%;
  background:#ff284b;  
}

.baner-page-content-text-left p
{
  color:white;
  font-size:30px;
  font-weight:400;
  padding:0px;
  margin:0px;
}

.baner-page-content-text-left-header
{
  color:white;
  font-size:50px;
  font-weight:400; 
  margin:0px 0px 10px 0px;
}

.baner-page-content-text-left-header span
{
  color:white;
  font-size:78px;
  font-weight:700; 
  display:block;
}

.baner-page-content-text-right-icons
{
  position:relative;
  top:50%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); 
  padding-left:50px;  
}

.baner-page-content-text-right-icon
{
  padding:10px 0px;
}

.baner-page-content-text-right-icon img
{
  display:inline-block;
  vertical-align:middle;
  margin-right:20px;
}

.baner-page-content-text-right-icon span
{
  display:inline-block;
  vertical-align:middle;
  color:white;
  font-size:36px;
  font-weight:400;   
}

/*HEDER PAGE*/

.header-h
{
  font-size:36px;
  font-weight:700;
  position:relative;
  color:#343434;
  word-wrap:break-word;
}

.header-h-white
{
  font-size:36px;
  font-weight:700;
  position:relative;
  color:white;
  word-wrap:break-word;
}

.header-h-center
{
  text-align:center;
}

.header-h-margin-one
{
  margin:70px 0px 70px 0px;
}

.header-h-margin-two
{
  margin:0px 0px 40px 0px;
}

/*SECTION TEXT P ALL*/

.section-page-p p
{
  color:#848484;
  font-size:16px;
  font-weight:400; 
  line-height:30px;  
}

.section-page-p-white p
{
  color:white;
  font-size:16px;
  font-weight:400; 
  line-height:30px;  
}

.section-page-p-center p
{
  text-align:center; 
}

/*SECTION ABOUT US*/


.section-about-us
{
  position:relative;
  padding:108px 0px 108px 0px;
}

.section-about-us-icons
{
  padding-top:70px;
  text-align:center;
}


.section-about-us-icon
{
  display:inline-block;
  vertical-align:top;
  text-align:center;
  margin:0px 25px 30px 25px;
}

.section-about-us-icon img
{
  margin-bottom:34px;
}

.section-about-us-icon span
{
  color:black;
  font-size:18px;
  font-weight:500; 
  display:block;

}





/*SECTION BOOKIENG*/


.section-booking
{
  background:#f8f9ff;
  padding:70px 0px;
}

.section-booking-content
{
  width:45%;
  padding-top:50px;
  padding-right:55%;
  position:relative;
}

.section-booking-content-text
{
  padding:40px 20px 20px 100px;
  border:1px solid #ff284b;
  border-right:0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom:20px;
  position:relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

a:hover .section-booking-content-text
{
  border:1px solid black;
  border-right:0px;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;  
}

.section-booking-content-text::before
{
  content:'';
  position:absolute;
  top:-1px;
  right:-95px;
  width:95px;
  height:100%;
  border:1px solid #ff284b;
  border-left:0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


a:hover .section-booking-content-text::before
{
  border:1px solid black; 
  border-left:0px;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
}



.section-booking-content-text span
{
  position:absolute;
  right:-50px;
  bottom:-11px;
  display:block;
  padding:8px 28px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
}

a:hover .section-booking-content-text span 
{
  background:black;
}

.section-booking-content ul
{
  margin-left:100px;
  padding:0px;
}

.section-booking-content ul li
{
  list-style-type:none;
  padding-left:83px;
  background:url('../images/li-arrow.png') no-repeat left 2px; 
  color:#848484;
  font-size:16px;
  font-weight:400; 
  line-height:30px; 
  margin-top:10px;
}

.section-booking-content-img
{
  position:absolute;
  right:0px;
  top:0px;
  width:55%;
  height:100%;
  overflow:hidden;
  border-radius:6px;
}

.section-booking-content-img img
{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}


.section-booking-content-img-two
{
  position:absolute;
  left:0px;
  top:0px;
  width:40%;
  height:100%;
  overflow:hidden;
  border-radius:6px;
}

.section-booking-content-img-three
{
  position:absolute;
  right:0px;
  top:0px;
  width:calc(60% - 22px);
  height:100%;
  overflow:hidden;
  border-radius:6px;
}


/*SECTION CHANNEL*/


.section-channel
{
  padding:70px 0px;
}

.section-channel-content
{
  width:45%;
  padding-top:50px;
  padding-left:55%;
  position:relative;
}

.section-channel-content-text
{
  padding:40px 100px 20px 90px;
  border:1px solid #ff284b;
  border-left:0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-bottom:20px;
  position:relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

a:hover .section-channel-content-text
{
  border:1px solid black;
  border-left:0px;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;  
}

.section-channel-content-text::before
{
  content:'';
  position:absolute;
  top:-1px;
  left:-95px;
  width:95px;
  height:100%;
  border:1px solid #ff284b;
  border-right:0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


a:hover .section-channel-content-text::before
{
  border:1px solid black; 
  border-right:0px;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
}



.section-channel-content-text span
{
  position:absolute;
  left:-50px;
  bottom:-11px;
  display:block;
  padding:8px 28px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
}

a:hover .section-channel-content-text span 
{
  background:black;
}

.section-channel-content ul
{
  margin-left:100px;
  padding:0px;
}

.section-channel-content ul li
{
  list-style-type:none;
  padding-left:83px;
  background:url('../images/li-arrow.png') no-repeat left 2px; 
  color:#848484;
  font-size:16px;
  font-weight:400; 
  line-height:30px; 
  margin-top:10px;
}

.section-channel-content-img
{
  position:absolute;
  left:0px;
  top:0px;
  width:55%;
  height:100%;
  overflow:hidden;
  border-radius:6px;
}

.section-channel-content-img img
{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}


/*SECTION BRAND*/


.section-brand
{
  padding:70px 0px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;   
}

.no-webp .section-brand
{ 
  background-image:url('../images/loga-bg.jpg');
}

.webp .section-brand
{ 
  background-image:url('../images/loga-bg.webp'); 
}


.section-brand-content
{
  display:flex;
  justify-content:space-between;
  align-items:center;
}


/*SECTION PROGRAM*/


.section-program
{
  padding:126px 0px 83px 0px;
}

.section-program-content
{
  border:1px solid #ff284b;
  border-radius: 6px;
  padding:60px 40px 40px 60%;
  position:relative; 
  margin-bottom:226px; 
}

.section-program-content-img
{
  position:absolute;
  top:-40px;
  left:0px;
  width:70%;
}

.section-program-content-img-img
{
  position:absolute;
  width:100%;
  height:500px;
  background-repeat:no-repeat;
  background-position:top left;
  background-size:100% auto;  
}

.no-webp .section-program-content-img-img
{ 
  background-image:url('../images/program.jpg');
}

.webp .section-program-content-img-img
{ 
  background-image:url('../images/program.webp'); 
}

.section-program-content-boxs
{
  margin-left:-20px;
}

.section-program-content-box
{
  float:left;
  width:25%;
}

.section-program-content-box-wrapper
{
  padding-left:20px;
  padding-bottom:20px;
}

.section-program-content-box-content
{
  border:1px solid #ff284b;
  border-radius: 6px;
  padding:30px 20px; 
  min-height:218px;  
}

.section-program-content-box-content p
{
  padding:0px;
  margin:0px;
}

.section-program-content-box-content-header
{
  color:black;
  font-size:18px;
  line-height:30px;
  font-weight:500;
  margin:0px 0px 30px 0px;  
}

.section-program-content-botton
{
  text-align:center;
  padding-top:20px;
}

.section-program-content-botton a
{

  display:inline-block;
  padding:8px 38px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
}

.section-program-content-botton a:hover
{
  background:black;
}

/*SECTION RECEPTION*/

.section-reception
{
  position:relative;
  padding:108px 0px 108px 0px;
}

.section-reception-content
{
  border:1px solid #ff284b;
  border-radius: 6px;
  padding:54px 0px;
  margin-top:70px;   
}

.section-reception-box
{
  position:relative;
  float:left;
  width:33.3333333333333333333%;
}

.section-reception-box-header
{
  padding-left:110px;
  color:black;
  font-size:18px;
  font-weight:500;
  margin:0px 0px 34px 0px; 
}

.section-reception-box-text
{
  padding-left:110px;
  padding-right:15px;
  position:relative;
}

.section-reception-box-text p
{
  padding:0px;
  margin:0px;
  text-align:left;
}

.section-reception-box-img
{
  position:absolute;
  top:6px;
  left:15px;  
}

.section-reception-box-step
{
  position:absolute;
  top:-70px;
  left:110px;
  display:inline-block;
  padding:8px 38px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  border-radius:6px;  
}


.section-reception-content-botton
{
  text-align:center;
  padding-top:40px;
}

.section-reception-content-botton a
{

  display:inline-block;
  padding:8px 68px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
}

.section-reception-content-botton a:hover
{
  background:black;
}


/*SECTION WWW*/

.section-www
{
  padding:70px 0px;
  background:#34b0bc;
}

.section-www-content
{
  width:45%;
  padding-top:50px;
  padding-left:55%;
  position:relative;
}

.section-www-content-text
{
  padding:40px 100px 20px 90px;
  border:1px solid #ff284b;
  border-left:0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-bottom:20px;
  position:relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

a:hover .section-www-content-text
{
  border:1px solid black;
  border-left:0px;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;  
}

.section-www-content-text::before
{
  content:'';
  position:absolute;
  top:-1px;
  left:-95px;
  width:95px;
  height:100%;
  border:1px solid #ff284b;
  border-right:0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


a:hover .section-www-content-text::before
{
  border:1px solid black; 
  border-right:0px;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
}



.section-www-content-text span
{
  position:absolute;
  left:-50px;
  bottom:-11px;
  display:block;
  padding:8px 28px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
}

a:hover .section-www-content-text span 
{
  background:black;
}

.section-www-content ul
{
  margin-left:100px;
  padding:0px;
}

.section-www-content ul li
{
  list-style-type:none;
  padding-left:83px;
  background:url('../images/li-arrow.png') no-repeat left 2px; 
  color:white;
  font-size:16px;
  font-weight:400; 
  line-height:30px; 
  margin-top:10px;
}

.section-www-content-img
{
  position:absolute;
  left:0px;
  top:0px;
  width:55%;
  height:100%;
  overflow:hidden;
  border-radius:6px;
}

.section-www-content-img img
{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}


/*SECTION COMMENTS*/


.section-comments
{
  padding:70px 0px;
}

.section-comments-content
{
  width:65%;
  padding-top:50px;
  padding-right:35%;
  position:relative;
}

.section-comments-content-text
{
  padding:50px 20px 10px 100px;
  border:1px solid #ff284b;
  border-right:0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom:20px;
  position:relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

a:hover .section-comments-content-text
{
  border:1px solid black;
  border-right:0px;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;  
}

.section-comments-content-text::before
{
  content:'';
  position:absolute;
  top:-1px;
  right:-95px;
  width:95px;
  height:100%;
  border:1px solid #ff284b;
  border-left:0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


a:hover .section-comments-content-text::before
{
  border:1px solid black; 
  border-left:0px;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
}



.section-comments-content-text span
{
  position:absolute;
  right:-50px;
  bottom:-11px;
  display:block;
  padding:8px 28px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
}

a:hover .section-comments-content-text span 
{
  background:black;
}



.section-comments-content-img
{
  position:absolute;
  right:0px;
  top:0px;
  width:35%;
  height:100%;
  overflow:hidden;
  border-radius:6px;
}

.section-comments-content-img img
{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.section-comments-box-hide
{
  display:none;
}

.section-comments-box-img
{
  width:70px;
  height:70px;
  overflow:hidden;
  border-radius:50%;
  margin-right:36px;
  float:left;
}

.section-comments-box-img img
{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.section-comments-box-text
{
  width:calc(100% - 176px);
  float:left;
  padding-right:70px;  
}

.section-comments-box-text span
{
  color:#ff284b;  
}

.section-comments-box-text p
{
  padding:0px;
  margin:0px;
}

.section-comments-box-nav
{
  padding-left:106px;
  padding-top:30px;
}

.section-comments-box-nav span
{
  display:inline-block;
  vertical-align:middle;
  width:8px;
  height:8px;
  border-radius:50%;
  background:transparent;
  border:1px solid #dadbde;
  cursor:pointer;
  margin-right:6px;
}

.section-comments-box-nav .active
{
  background:#ff284b; 
  border:1px solid #ff284b; 
}

/*SECTION PAGE*/


.section-page
{
  position: relative;
  padding: 108px 0px 108px 0px;
}

.section-page h2, .section-page h3, .section-page h4, .section-page h5 
{
  font-size: 30px;
  font-weight: 700;
  position: relative;
  color: #343434;
  word-wrap: break-word;
  margin: 0px 0px 40px 0px;
}

.section-page ul li, .section-page ol li
{
  color:#848484;
  font-size:16px;
  font-weight:400; 
  line-height:30px; 
}

.section-page ul li, .section-page ol li
{
  color:#848484;
  font-size:16px;
  font-weight:400; 
  line-height:30px; 
}

.section-page .section-page-p p a, .section-page .section-page-p p a:hover
{
  color:#ff284b;
  font-size:16px;
  font-weight:400; 
  line-height:30px;
  text-decoration:underline; 
}

.section-page .wp-block-image{
    margin: 0px;
    border-radius:6px;
}

.section-page figure.wp-block-image
{
  position:relative;
  display:inline-block;
  margin-left:20px;
  margin-top:20px;  
}

.section-page figure.wp-block-image:before{
   content:'';
   position:absolute;
   top:-20px;
   left:-20px;
   width:100%;
   height:100%;
   border:1px solid #ff284b;
   border-radius:6px;
   z-index:99;
}

.section-page .wp-block-image > img{
   width:auto;
   max-width:100%;
   height:auto;
   position:relative;
   display:block; 
}


.section-page .wp-block-image .alignright {

    margin: 110px 0px 70px 107px;
    border-radius:6px;
    position:relative;
}

.section-page .wp-block-image .alignleft {
    margin: 110px 70px 70px 0px;
    border-radius: 6px;
    position:relative;
}

.section-page .wp-block-image .alignleft::before {
   content:'';
   position:absolute;
   top:-20px;
   right:-20px;
   width:100%;
   height:100%;
   border:1px solid #ff284b;
   border-radius:6px;
}

.section-page .wp-block-image .alignright::before {
   content:'';
   position:absolute;
   top:-20px;
   left:-20px;
   width:100%;
   height:100%;
   border:1px solid #ff284b;
   border-radius:6px;
}


.section-page .wp-block-image .alignright img{
   width:auto;
   max-width:100%;
   height:auto;

}



.section-page .wp-block-image .alignleft img{
   width:auto;
   max-width:100%;
   height:auto;
}

/*CATEGORY*/

.section-page-category-image
{
  float:left;
  width:200px; 
  padding-right:25px;  
}

.section-page-category-image img
{
  width:100%;
  height:auto;
}

.section-page-category-text
{
  float:left;
  width:calc(100% - 225px);
}

.section-page .section-page-category-text-header
{
  color:#848484;
  font-size:18px;
  font-weight:700;
  margin:0px 0px 20px 0px;     
}

.section-page-category
{
  margin:0px 0px 40px 0px;
}

.section-page-category p, .section-page-category p a, .section-page-category p a:hover, .section-page-category p a:focus, .section-page-category p a:active
{
  color:#848484;
  font-size:16px;
  font-weight:400; 
  line-height:30px;
  outline:none;
}

.section-page .pagination
{
  border-top:2px solid #ff284b;
  padding-top:0px;
  text-align:right;
  margin-top:20px;
  padding-top:20px;
}

.section-page .pagination .screen-reader-text
{
  display:none;
}

.section-page .pagination .pagination-left
{
  display:inline-block;
  vertical-align:middle;
  background:url('../images/li-arrow2.png') no-repeat center;
  width:28px;
  height:28px;
}

.section-page .pagination .pagination-right
{
  display:inline-block;
  vertical-align:middle;
  background:url('../images/li-arrow.png') no-repeat center;
  width:28px;
  height:28px;
}

.section-page .pagination span, .section-page .pagination a, .section-page .pagination a:hover
{
  display:inline-block;
  vertical-align:middle;
  color:#848484;
  font-size:20px;
  font-weight:400;
  margin:0px 6px; 
}

/*SEKCJA Z BLOKIEM*/

.section-page-block
{
  background:#f8f9ff;
  padding:73px 0px;
}


/*SEKCJA Z CENNIKEM*/

.section-page-price .wp-block-columns
{
  padding-top:70px;
  align-items:flex-start;
}

.section-page-price .wp-block-column
{
  border:1px solid #ff284b;
  border-radius:6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.51);
  -moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.51);
  box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.51);
  padding:40px 20px;
}


.section-page-price .wp-block-columns .column-1 h2
{
  font-size:36px;
  font-weight:700;
  margin:0px 0px 40px 0px;
  color:#07b2e3;
}

.section-page-price .wp-block-columns .column-1 h3
{
  font-size:32px;
  font-weight:700;
  margin:0px 0px 30px 0px;
  color:#07b2e3;
}

.section-page-price .wp-block-columns .column-1 a
{
  padding:7px 28px;
  border:1px solid #ff284b;
  background:white;
  color:#ff284b;
  font-size:16px;
  font-weight:500; 
  line-height:normal;
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px !important;
  text-decoration:none;
}

.section-page-price .wp-block-columns .column-1 a:hover
{
  background:#ff284b;
  color:white
}

.section-page-price .wp-block-columns .column-1 h4
{
  font-size:16px;
  font-weight:500;
  margin:0px 0px 20px 0px;
  color:#07b2e3;
  padding:60px 30px 0px 30px;
}

.section-page-price .wp-block-columns .column-1 ul
{
  margin:0px;
  padding:0px 30px;
}

.section-page-price .wp-block-columns .column-1 ul li
{
  list-style-type: none;
  padding-left: 40px;
  background: url('../images/li-zaz.png') no-repeat left 2px;
  margin-bottom:5px;

}



.section-page-price .wp-block-columns .column-2 h2
{
  font-size:36px;
  font-weight:700;
  margin:0px 0px 40px 0px;
  color:#30b0bf;
}

.section-page-price .wp-block-columns .column-2 h3
{
  font-size:32px;
  font-weight:700;
  margin:0px 0px 30px 0px;
  color:#30b0bf;
}

.section-page-price .wp-block-columns .column-2 a
{
  padding:7px 28px;
  border:1px solid #ff284b;
  background:white;
  color:#ff284b;
  font-size:16px;
  font-weight:500; 
  line-height:normal;
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px !important;
  text-decoration:none;
}

.section-page-price .wp-block-columns .column-2 a:hover
{
  background:#ff284b;
  color:white
}

.section-page-price .wp-block-columns .column-2 h4
{
  font-size:16px;
  font-weight:500;
  margin:0px 0px 20px 0px;
  color:#30b0bf;
  padding:60px 30px 0px 30px;
}

.section-page-price .wp-block-columns .column-2 ul
{
  margin:0px;
  padding:0px 30px;
}

.section-page-price .wp-block-columns .column-2 ul li
{
  list-style-type: none;
  padding-left: 40px;
  background: url('../images/li-zaz.png') no-repeat left 2px;
  margin-bottom:5px;

}


.section-page-price .wp-block-columns .column-3
{
  background:#39afb8;
}

.section-page-price .wp-block-columns .column-3 p
{
  color:white;
}


.section-page-price .wp-block-columns .column-3 h2
{
  font-size:36px;
  font-weight:700;
  margin:0px 0px 40px 0px;
  color:white;
}

.section-page-price .wp-block-columns .column-3 h3
{
  font-size:32px;
  font-weight:700;
  margin:0px 0px 30px 0px;
  color:white;
}

.section-page-price .wp-block-columns .column-3 a
{
  padding:7px 28px;
  border:1px solid #ff284b;
  background:white;
  color:#ff284b;
  font-size:16px;
  font-weight:500; 
  line-height:normal;
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px !important;
  text-decoration:none;
}

.section-page-price .wp-block-columns .column-3 a:hover
{
  background:#ff284b;
  color:white
}

.section-page-price .wp-block-columns .column-3 h4
{
  font-size:16px;
  font-weight:500;
  margin:0px 0px 20px 0px;
  color:white;
  padding:60px 30px 0px 30px;
}

.section-page-price .wp-block-columns .column-3 ul
{
  margin:0px;
  padding:0px 30px;
}

.section-page-price .wp-block-columns .column-3 ul li
{
  list-style-type: none;
  padding-left: 40px;
  background: url('../images/li-zaz2.png') no-repeat left 2px;
  margin-bottom:5px;
  color:white;

}


/*STOPKA*/

.footer-top
{
  padding:58px 0px 48px 0px;
  position:relative;  
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;   
}

.no-webp .footer-top
{ 
  background-image:url('../images/footer-bg.jpg');
}

.webp .footer-top
{ 
  background-image:url('../images/footer-bg.webp'); 
}

.footer-top-left
{
  float:left;
  width:calc(100% - 360px);
}

.footer-top-left p
{
  padding:0px;
  margin:0px;
}

.footer-top-right
{
  float:left;
  width:360px;
  text-align:right;
}

.footer-top-header
{
  font-size:24px;
  color:white;
  font-weight:700;
  margin:0px 0px 42px 0px; 
  text-transform:uppercase; 
}

.footer-top-left-info
{
  width:100%;
  max-width:600px;
  padding-top:50px;
}

.footer-top-left-info-b
{
  float:left;
  width:calc(50% - 44px);
  padding-left:44px;
  background-position:left 8px;
  background-repeat:no-repeat;
  margin-bottom:20px;
}

.footer-top-left-info-b p a, .footer-top-left-info-b p a:hover
{
  color:white;
}

.no-webp .footer-info-1
{ 
  background-image:url('../images/footer-1.jpg');
}

.webp .footer-info-1
{ 
  background-image:url('../images/footer-1.webp'); 
}

.no-webp .footer-info-2
{ 
  background-image:url('../images/footer-2.jpg');
}

.webp .footer-info-2
{ 
  background-image:url('../images/footer-2.webp'); 
}

.no-webp .footer-info-3
{ 
  background-image:url('../images/footer-3.jpg');
}

.webp .footer-info-3
{ 
  background-image:url('../images/footer-3.webp'); 
}

.no-webp .footer-info-4
{ 
  background-image:url('../images/footer-4.jpg');
}

.webp .footer-info-4
{ 
  background-image:url('../images/footer-4.webp'); 
}

.footer-top-right input
{
  border:0px;
  padding:10px 13px;
  margin:0px 0px 13px 0px;
  background:white;
  font-size:16px;
  color:#a3a3a3;
  font-weight:400;
  display:block;
  width:295px;
  border-radius:6px;
  outline:none;
  float:right;
}

.footer-top-right textarea
{
  border:0px;
  padding:10px 13px;
  margin:0px 0px 13px 0px;
  background:white;
  font-size:16px;
  color:#a3a3a3;
  font-weight:400;
  display:block;
  width:295px;
  height:50px;
  resize:none;
  border-radius:6px;
  outline:none;
  float:right;
}


.footer-top-right button
{
  display:inline-block;
  padding:8px 28px;
  background:#ff284b;
  color:white;
  font-size:16px;
  font-weight:300; 
  text-transform:uppercase;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius:6px;
  cursor:pointer;
  border:0px;
}

.footer-top-right button:hover
{
  background:black;
}


.footer-bottom
{
  padding:43px 0px;
}

.footer-bottom-content
{
  position:relative;
}

.footer-bottom-logo
{
  height:50px;
  width:auto;
}

.footer-bottom-content nav
{
  position:absolute;
  top:50%;
  right:0px;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); 
}

.footer-bottom-content nav > div
{
  vertical-align: middle;
  display:inline-block;
  padding:0px;
  margin:0px;
}

.footer-bottom-content ul
{
  vertical-align: middle;
  display:inline-block;
  padding:0px;
  margin:0px;
}

.footer-bottom-content ul li
{
  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
  padding-left:20px;
}



.footer-bottom-content ul li a
{
 
  color:#343434;
  display:inline-block;
  font-size:18px;
  font-weight:500; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  text-transform:uppercase;
  padding:6px 0px;
}

.footer-bottom-content ul .active a, .footer-bottom-content ul a:hover
{
  color:#ff284b;  
}

.footer-sep
{
background: rgb(65, 175, 177);
background: -moz-linear-gradient(0deg, rgb(65, 175, 177) 0%, rgb(7, 178, 227) 100%);
background: -webkit-linear-gradient(0deg, rgb(65, 175, 177) 0%, rgb(7, 178, 227) 100%);
background: -o-linear-gradient(0deg, rgb(65, 175, 177) 0%, rgb(7, 178, 227) 100%);
background: -ms-linear-gradient(0deg, rgb(65, 175, 177) 0%, rgb(7, 178, 227) 100%);
background: linear-gradient(90deg, rgb(65, 175, 177) 0%, rgb(7, 178, 227) 100%);
height:3px;
}

.footer-down
{
  padding:28px 0px;
}

.footer-down-content
{
  text-align:center;
  padding:0px 60px;
  position:relative;
}

.footer-down-content a
{
  color:#343434;
  font-size:14px;
  font-weight:400;
  display:inline-block;
  vertical-align:middle;
}

.footer-down-content a:hover
{
  color:#0eb1dd;
}



.footer-down-content span
{
  color:#343434;
  font-size:14px;
  font-weight:400;
  display:inline-block;
  vertical-align:middle;
  margin:0px 10px;
}

.footer-down-content-arrow
{  
  background-position:center;
  background-repeat:no-repeat;
  position:absolute;
  top:-5px;
  right:0px;
  width:33px;
  height:32px;
  cursor:pointer;
}

.no-webp .footer-down-content-arrow
{ 
  background-image:url('../images/arrow-up.jpg');
}

.wpcf7-form
{
	margin: auto;
	text-align: center;
	max-width: 600px;
    background-color: #05b2e6;
    border-radius: 20px;
    padding-top: 20px;
}

.wpcf7-submit
{
	color: white;
display: inline-block;
font-weight: 700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
text-transform: uppercase;
padding: 6px 30px;
background: #ff284b;
border-radius: 5px;
border: 0px;
font-size: 24px;
text-align: center;
margin: auto;
display: block;
cursor: pointer;
	transition: 0.3s;
}

.wpcf7-submit:hover
{
	background: #000;
}

.wpcf7-form p
{
	color: white;
	line-height: 16px;
}

.wpcf7-form p:nth-child(4)
{
	font-size: 9px !important;
	max-width: 403px;
	text-align: center;
	margin: auto;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 8px !important;
    display: inline-block;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]
{
	width: 100% !important;
}

.wpcf7-textarea
{
	max-width: 364px;
	width: 100%;
}

.page-id-460 main p
{
	color: #848484;
}

.section-page-p-white
{
	color: #fff;
}

:root .has-cyan-bluish-gray-color {
    color: #848484;
    padding-right: 25px;
    padding-left: 25px;
	line-height: 29px;
}

.section-page h2, .section-page h3, .section-page h4, .section-page h5 {
    padding-left: 25px;
    padding-right: 25px;
}

.wpcf7-email
{
    width: 100% !important;
}

.webp .footer-down-content-arrow
{ 
  background-image:url('../images/arrow-up.webp'); 
}

.wpcf7-form-control-wrap
{
display: block;
max-width: 320px;
margin: auto;
}

.wpcf7-form label{
	font-size: 16px;
}

.webp .footer-down-content-arrow
{ 
  background-image:url('../images/arrow-up.webp'); 
}
@media (min-width: 1280px){
    .header-h-margin-one
{
  margin:120px 0px 70px 0px;
}
}


/* Swiper styles  */
:root {
    --swiper-theme-color: #ff284b !important;
}

.swiper {
    height: 100%;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination {
    position: unset !important;
    text-align: unset !important;
    margin-left: 100px;
}

@media (max-width: 768px) {
    .swiper {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 576px) {
    .swiper-pagination {
        text-align: center !important;
        margin-left: 0;
    }
}

@media (max-width: 500px) {
    .swiper-slide {
        display: flex;
        flex-direction: column;
    }
}