@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.brdInline{border-bottom: 2px solid #607D8B; padding-bottom: 4px; padding-top: 4px; transition: 0.2s;}
.brdInline:hover{background-color: #607D8B; color: #fff; transition: 0.2s;}
.anolinkstyle{text-decoration: none; color: white; transition: 0.2s;}
body{margin: 0;}
.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "top_header top_header top_header"
    "top_header top_header top_header"
    "top_left_box top_middle_box top_right_box"
}
/*background-image: url('../img/bg9.jpg'); background-size: cover; background-attachment: fixed; background-repeat; no-repeat;*/
.top_header { grid-area: top_header; width: 100%; min-height: 80vh; background-color: #F9F9F9; display: table;}
/*.top_header_desc { width: 100%; height: 80vh; background-color: rgba(51,51,51,0.5); z-index: 2; overflow: hidden; }*/
.top_header h1 { font-family: 'Raleway', sans-serif; font-size: 7rem; color: #263238; text-align: center; margin-top: 10%; padding-bottom: 4px; }
.h1border { border-bottom: 7px solid #607D8B; }
.top_header h4 { font-family: 'Raleway', sans-serif; font-size: 3rem; color: #37474F; text-align: center; margin-top: -3%;}
.explorebutton { font-family: 'Raleway', sans-serif; padding: 15px 35px; background-color: #263238; border: 1px solid transparent; transition: 0.2s; color: #fff; margin-top: 4%;}
.explorebutton:hover { transition: 0.2s; background-color: #F9F9F9; border: 1px solid #263238; color: #263238; cursor: pointer; }
.explorebutton:hover a{color: #262626; transition: 0.2s;}
.menu_box { width: 80%; height: 8vh; margin: 0 auto!important; margin-top: 3%!important;}
.containermenu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "logotype menusub socials"
    ". . ."
    ". . ."
}

.logotype { grid-area: logotype; display: table; width: 100%; height: 8vh;}
.logotypesub {  width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.logotype img {width: 158px; height: 67px; }

.menusub { grid-area: menusub; display: table; width: 100%; height: 8vh; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 600;}
.menusub ul{list-style-type: none; overflow: hidden; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.menusub ul li{display: inline-block; padding: 20px 14px; transition: 0.2s; border-bottom: 1px solid transparent;}
.menusub ul a{text-decoration: none!important; color: #000; transition: 0.2s;}
.menusub ul li:hover{transition: 0.2s; background: #FFFFFF; cursor: pointer; color: #78909C!important; border-bottom: 1px solid #78909C;}
.menusub ul li:hover a{color: #78909C; transition: 0.2s;}



.socials { grid-area: socials; width: 100%; display: table; height: 8vh; text-align: right;}
.socials ul{list-style-type: none; overflow: hidden; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.socials ul li{display: inline-block; text-align: center; padding: 10px 14px; transition: 0.2s; border-bottom: 1px solid transparent;}
.socials ul li a{text-decoration: none!important; color: #000; transition: 0.2s;}
.socials ul li:hover{transition: 0.2s; background: #FFFFFF; cursor: pointer; color: #78909C; border-bottom: 1px solid #78909C;}
.socials ul li:hover a{color: #78909C; transition: 0.2s;}
.socials ul .pklogin:hover{transition: 0.2s!important; background: #FFFFFF!important; cursor: pointer!important; color: #F50057!important; border-bottom: 1px solid #F50057!important; }
.socials ul .pklogin:hover a{color: #F50057; transition: 0.2s;}

.top_left_box { grid-area: top_left_box; width: 100%; height: 20vh; background-color: #E0E0E0;}

.top_middle_box { grid-area: top_middle_box;  width: 100%; height: 20vh; background-color: #ECECEC;}

.top_right_box { grid-area: top_right_box;  width: 100%; height: 20vh; background-color: #F6F6F6;}

.about_container {
	width: 100%;
	min-height: 50vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "about_img about_desc";
}

.about_img { grid-area: about_img; width: 100%; text-align: right;}
.about_img img{width: 650px; height: 420px; margin-top: 6%;}

.about_desc { grid-area: about_desc; width: 100%; text-align: left; font-family: 'Raleway', sans-serif;}
.about_desc .ad_box { width: 590px; height: 330px; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}
.about_desc .ad_box .h2border{border-bottom: 2px solid #fff; padding-bottom: 4px; margin-bottom: 1%;}
.about_desc .ad_box_desc { width: 100%; height: 100%; text-align: right; display: table-cell; vertical-align: middle; color: #fff;}
.h5desc{text-align: right!important;}

.container_aboutsecond {
	width: 100%;
	min-height: 30vh;
	margin-top: 4%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0.4fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "aboutsecond_iconone aboutsecond_icontwo aboutsecond_iconthree"
    "aboutsecond_dscone aboutsecond_dsctwo aboutsecond_dscthree";
}

.aboutsecondtitle { text-align: center; color: #757575; font-family: 'Poppins', sans-serif; font-weight: 200;}
.aboutsecond_iconone { grid-area: aboutsecond_iconone; font-size: 3rem; text-align: center;color: #263238;}
.aboutsecond_iconone i{ padding: 5px; border: 2px solid #000;}

.aboutsecond_icontwo { grid-area: aboutsecond_icontwo;  font-size: 3rem; text-align: center;color: #263238;}
.aboutsecond_icontwo i{ padding: 5px; border: 2px solid #000;}

.aboutsecond_iconthree { grid-area: aboutsecond_iconthree;  font-size: 3rem; text-align: center;color: #263238;}
.aboutsecond_iconthree i{ padding: 5px; border: 2px solid #000;}

.aboutsecond_dscone { grid-area: aboutsecond_dscone;  text-align: center; font-family: 'Poppins', sans-serif; font-size: 0.8rem;color: #263238;}

.aboutsecond_dsctwo { grid-area: aboutsecond_dsctwo;  text-align: center; font-family: 'Poppins', sans-serif; font-size: 0.8rem;color: #263238;}

.aboutsecond_dscthree { grid-area: aboutsecond_dscthree;  text-align: center; font-family: 'Poppins', sans-serif; font-size: 0.8rem;color: #263238;}

.container_contact {width: 100%; min-height: 25vh; display: table; font-family: 'Poppins', sans-serif; font-weight: 100;}
.container_contact_desc {width: 100%; height: 30vh; display: table-cell; vertical-align: middle; text-align: center;}
.container_contact .contact_button{padding: 15px 35px; border: 2px solid transparent; background-color: #263238; transition: 0.2s; color: #fff;}
.container_contact .contact_button:hover{transition: 0.2s; cursor: pointer; background-color: #fff; color: #263238; border: 2px solid #263238;}
.container_contact .contact_button:hover a{transition: 0.2s; color: #263238;}
.container_contact .about_button{padding: 10px 35px; border: 2px solid transparent; background-color: #878787; color: #fff; transition: 0.2s;}
.container_contact .about_button:hover{transition: 0.2s; border: 2px solid #878787; color: #878787; cursor: pointer; background-color: #fff;}
.container_contact .about_button:hover a{transition: 0.2s; color: #878787;}


.footer_container {
	border-top: 2px solid #263238;
	width: 80%;
	height: 8vh;
	margin: 0 auto;
	margin-top: 5%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "logotypefooter textsub authorsub"
    ". . ."
    ". . ."
    ". . ."
}
.logotypefooter { grid-area: logotypefooter; display: table; width: 100%; height: 8vh;}
.logotypefootersub {  width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.logotypefooter img {width: 80px; height: 80px;}
.textsub { grid-area: textsub; display: table; width: 100%; height: 8vh; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 200; font-size: 0.7rem;}
.textsub_desc {display: table-cell; vertical-align: middle;}
.gotopbutton{font-size: 1rem; cursor: pointer;}
.menufootersub {grid-area: menufootersub; width: 100%; display: table;}
/*.menufootersub ul{display: table-cell; vertical-align: middle; list-style-type: none; font-family: 'Poppins', sans-serif; font-weight: 200;}*/
.authorsub { grid-area: authorsub; width: 100%; display: table; height: 8vh; text-align: right;font-family: 'Poppins', sans-serif; font-weight: 200; font-size: 0.7rem;}


@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tooltip.show{opacity:1;}.tooltip .tooltip-arrow{display:none}.tooltip-inner{color:#fff;padding:6px 16px;font-size:14px;background-color:#6d6d6d;border-radius:.25rem; margin-top: 6%; font-family: 'Poppins', sans-serif;}.popover{border:0;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.05);box-shadow:0 5px 15px 0 rgba(0,0,0,.05)}.popover .popover-arrow{display:none}

.js .load, .js #loader-wrapper {
  display: block;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #262626;
  display: none;
}

.load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  display: none;
}

.load hr {
  border: 0;
  margin: 0;
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  animation: spin 2s ease infinite;
}

.load :first-child {
  background: #78909C;
  animation-delay: -1.5s;
}


@keyframes spin {
  0%, 100% {
      transform: translate(0)
  }
  25% {
      transform: translate(160%)
  }
  50% {
      transform: translate(160%, 160%)
  }
  75% {
      transform: translate(0, 160%)
  }
}


.privpolicy_container{width: 100%; height: 45vh; display: table; text-align: center;}
.privpolicy_container_desc{width:100%; height: 100%; display: table-cell; vertical-align: middle; font-family: 'Poppins', sans-serif; font-weight: 200;}
.ppolhover{padding: 5px; border: 1px solid #78909C; cursor: pointer; color: #263238; text-decoration: none; transition: 0.2s;}
.ppolhover:hover{border: 1px solid #5e8599; transition: 0.2s; color: #7199ad;}

/* PAGE ABOUT US */
.containeraboutpage {
  width: 100%;
  min-height: 50vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "about_mainbox about_mainbox"
    "about_bottombox about_bottombox";
  width: 100%;
  height: 100%;
  font-family: 'Poppins', sans-serif;
}

.about_mainbox { grid-area: about_mainbox; width: 60%; margin: 0 auto!important; padding-top: 5%; font-size: 1.4rem;}
.about_mainbox h1{font-size: 3rem;}
.about_mainbox h2{width: 70%; float: right; margin-right: 5%; margin-top: 8%; margin-bottom: 10%; background-color: #78909C; height: 4px; border: 1px solid #78909C; border-radius: 0;}


.about_bottombox { grid-area: about_bottombox; width: 100%; height: 20vh; display: table; background-color: #F6F6F6;}
.about_bottombox_desc{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}



/* ****** */

/* OFFER PAGE */
.offerhr{width: 20%; background-color: #7199ad; color: #7199ad; border: 1px solid #7199ad;}
.offertestpanelimg img{width: 800px; height: 340px;}
.containerofferpage {
  width: 100%;
  min-height: 50vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "topleft_box topright_box"
    "middleleft_box middleright_box"
    "bottomleft_box bottomright_box";
  width: 100%;
  height: 100%;
  font-family: 'Poppins', sans-serif!important;
}

.topleft_box { grid-area: topleft_box; text-align: right;}
.topleft_box img{width: 650px; height: 420px; margin-top: 6%;}

.topright_box { grid-area: topright_box; }
.topright_box .ad_box { width: 590px; height: 330px; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}

.middleleft_box { grid-area: middleleft_box;}
.middleleft_box .ad_box { width: 590px; height: 330px;  float: right; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}

.middleright_box { grid-area: middleright_box; text-align: left;}
.middleright_box img{width: 650px; height: 420px; margin-top: 6%;}

.bottomleft_box { grid-area: bottomleft_box;   text-align: right;}
.bottomleft_box img{width: 650px; height: 420px; margin-top: 6%;}

.bottomright_box { grid-area: bottomright_box;}
.bottomright_box  .ad_box { width: 590px; height: 330px; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}

.moreinfoofferbox{width: 100%; min-height: 10vh; font-family: 'Poppins', sans-serif; font-weight: 200; text-align: center; padding-top: 5%;}

.topright_box .ad_box { width: 590px; height: 330px; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}
.topright_box .ad_box .h2border{border-bottom: 2px solid #fff; padding-bottom: 4px; margin-bottom: 1%;}
.topright_box .ad_box_desc { width: 100%; height: 100%; text-align: right; display: table-cell; vertical-align: middle; color: #fff;}

.middleleft_box .ad_box { width: 590px; height: 330px; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}
.middleleft_box .ad_box .h2border{border-bottom: 2px solid #fff; padding-bottom: 4px; margin-bottom: 1%;}
.middleleft_box .ad_box_desc { width: 100%; height: 100%; text-align: left; display: table-cell; vertical-align: middle; color: #fff;}
.middleleft_box .h5desc{text-align: left!important;}

.bottomright_box .ad_box { width: 590px; height: 330px; background-color: #263238; margin-top: 9%; display: table; padding: 10px; line-height: 10px;}
.bottomright_box .ad_box .h2border{border-bottom: 2px solid #fff; padding-bottom: 4px; margin-bottom: 1%;}
.bottomright_box .ad_box_desc { width: 100%; height: 100%; text-align: right; display: table-cell; vertical-align: middle; color: #fff;}

/* **** */

/* GALLERY PAGE */

.galerry_container{}
.galleryboxx{width: 100%; min-height: 45vh!important; margin-top: 2%; padding: 2%!important; text-align: center; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid rgb(126, 126, 126);}

.gallery_ul{list-style-type: none; text-align: center; font-size: 13px; }
.gallery_ul li{float: left; margin-left: 2%; margin-top: 1%;}
.gal_img{max-width: 320px; width: 320px; max-height: 320px; height: 320px; border: 5px solid rgb(231, 231, 231); transition: 0.2s;}
.gal_img img {max-width: 320px; width: 320px; max-height: 320px; height: 320px; -webkit-filter: sepia(0);
	filter: sepia(0);
  }
.gal_img:hover{transition: 0.2s; cursor: pointer; border: 5px solid rgb(47, 121, 131);}

.gallery_ul li:hover img{-webkit-filter: grayscale(0) blur(0)!important;
	filter: grayscale(0) blur(0)!important;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}

/* **** */

/* CONTACT PAGE */
.containercontactpage {
  width: 90%;
  min-height: 20vh;
  margin: 0 auto!important;
  padding-top: 5%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "contactleft_form contactright_map"
    "contactbtm_rest contactbtm_rest";
    font-family: 'Poppins', sans-serif;
}

.contactleft_form { grid-area: contactleft_form; width: 100%; height: 100%; text-align: left;}
.contactleft_form form{width: 100%;}
.contactleft_form input[type=text]{padding: 5px; width: 80%; height: 35px; clear: both; outline: none; border: 1px solid #78909C; transition: 0.2s; color: #78909C}
.contactleft_form input[type=text]:focus{transition: 0.2s; border: 1px solid #7199ad; color: #4b91b4; background-color: #F9F9F9;}
.contactleft_form input[type=tel]{padding: 5px; width: 80%; height: 35px; clear: both; outline: none; border: 1px solid #78909C; transition: 0.2s; color: #78909C}
.contactleft_form input[type=tel]:focus{transition: 0.2s; border: 1px solid #7199ad; color: #4b91b4; background-color: #F9F9F9;}
.contactleft_form input[type=email]{padding: 5px; width: 80%; height: 35px; clear: both; outline: none; border: 1px solid #78909C; transition: 0.2s; color: #78909C}
.contactleft_form input[type=email]:focus{transition: 0.2s; border: 1px solid #7199ad; color: #4b91b4; background-color: #F9F9F9;}
.contactleft_form textarea{padding: 5px; width: 80%; height: 125px; clear: both; outline: none; border: 1px solid #78909C; transition: 0.2s; color: #78909C; text-align: left;}
.contactleft_form textarea:focus{transition: 0.2s; border: 1px solid #7199ad; color: #4b91b4; background-color: #F9F9F9;}
.contactleft_form input[type=submit]{padding: 15px 125px; outline: none; text-decoration: none; transition: 0.2s; border: 1px solid #78909C; background: #78909C; color: #F9F9F9;}
.contactleft_form input[type=submit]:hover{transition: 0.2s; padding: 15px 135px; background: #F9F9F9; color: #78909C; cursor: pointer;}

.contactright_map { grid-area: contactright_map; width: 100%; height: 100%; display: table;}
.contactright_map_desc{display: table-cell; vertical-align: middle;}
.contactright_map iframe{width: 100%; height: 40vh; display: block; overflow: hidden;}

.contactbtm_rest { grid-area: contactbtm_rest; width: 100%; padding-top: 5%; min-height: 5vh;}
.contactbtm_rest img{text-align: center; margin: 0 auto!important;}
.incontactcontainer {
  width: 90%;
  min-height: 10vh;
  margin: 0 auto!important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "incontact_left incontact_mid incontact_right";
    text-align: center;
    padding-top: 2%;
    font-size: 1.2rem;
}

.incontact_left { grid-area: incontact_left; }

.incontact_mid { grid-area: incontact_mid; }

.incontact_right { grid-area: incontact_right; }

/* **** */
/* PRIV POL */

.ppol_cookieinfo{display: none; padding: 8px; width: 65%; min-height: 40vh; position: absolute; top: 10%; margin-left: auto; transition: 0.2s;
  margin-right: auto;
  left: 0;
  right: 0;background-color: #ffffff; border: 1px solid #e7e7e7; border-radius: 6px; margin: 0 auto!important; margin-top: 2%; font-family: 'Poppins', sans-serif; font-weight: 200; font-size: 10px; -webkit-box-shadow: 13px 20px 28px -15px rgba(66, 68, 90, 1);
  -moz-box-shadow: 13px 20px 28px -15px rgba(66, 68, 90, 1);
  box-shadow: 13px 20px 28px -15px rgba(66, 68, 90, 1);}

.showcookieinfo_button{color: #78909C; padding: 10px 25px; border: 1px solid #78909C; transition: 0.2s; text-decoration: none; border-radius: 5px; background: transparent;}
.showcookieinfo_button:hover{color: #ffffff; transition: 0.2s; cursor: pointer; border: 1px solid #225e7c; background: #225e7c;}

.closeppol_button{padding: 10px 25px; border: 1px solid #263238; color: #ffffff; background-color: #263238; transition: 0.2s; text-decoration: none; cursor: pointer; margin: 1%;}

/* STYLE DLA GALERII */

/* KONIEC STYLI DLA GALERII */
.mnav_box{display: none!important;}
.mnav_box_icon{display: none!important;}
.mlogo{display: none!important;}

@keyframes fadeOut {
  0% { opacity: 1;}
  99% { opacity: 0.01;width: 100%; height: 100%;}
  100% { opacity: 0;width: 0; height: 0;}
}
/* **** */
/* MOBILE */


@media only screen and (max-width: 600px) {
 
  .mlogo{display: block!important;}
  .menusub{display: none!important;}
  .socials{display: none!important;}
  .mnav_box{display: block!important; float: right; margin-right: 2%; margin-bottom: 4%; font-size: 12px; color: #000; background-color: rgb(233, 233, 233); padding: 4px; border-radius: 4px;}
  .mnav_box_icon{display: block!important; transition: 0.2s; float: right; text-align: right; color: #000;}
  .h1border{font-size: 3rem;}
  .mfs{font-size: 1.8rem;}

}