@charset "UTF-8";
/*
Theme Name: Idea Home
Theme URI: #
Description: Szablon strony Idea Home
Author: NORTEN
Author URI: http://www.norten.pl
Version: 1.0
*/

html {scroll-behavior: smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
:focus {outline: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family: "Poppins", serif;position: relative; overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x:hidden}

a {text-decoration:none;outline: 0;}
a:focus {outline: none !important;}
a:active,
a:hover {outline: 0;}
ol, ul {list-style: none;ont-family: "Poppins", serif;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;-moz-appearance: none;}
input[type=search] {-webkit-appearance: none;-moz-appearance: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;max-width: 100%;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-size: 1em;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
p, p > b {font-size: 17px;line-height: 2;color: #000;font-weight: 300;margin-bottom: 15px;font-family: "Poppins", serif;}

p > a, p > strong > a, p > a > strong, ul > li > strong > a {color: #b18135; font-weight: 600;font-family: "Poppins", serif;}
p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, ul li::selection, span::selection, b::selection, a::selection, bdi::selection {background-color: #000;color: #fff;}
strong, .text-item > b {font-weight: 500;color: #000;font-family: "Poppins", serif;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 0;margin: 0;padding: 0;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline; *vertical-align: middle; }
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; vertical-align: top;resize: vertical;}
table {border-collapse: collapse;border-spacing: 0;}
html,button,input,select,textarea {color: #222;}
::-moz-selection {background: #000;text-shadow: none;}
::selection {background: #000;text-shadow: none;}
img {vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
img,
picture,
video {max-width: 100%;height: auto;}
hr {border-bottom: none; border-left: none; border-right: none; border-top: solid 1px #c6c6c6;}


h1,.h1{font-size:44px;font-weight:400;margin-bottom:20px;font-family: "Outfit", serif; line-height: 1.3; color: #000;}
h2,.h2{font-size:42px;font-weight:400;margin-bottom:20px;font-family: "Outfit", serif; line-height: 1.3; color: #000;}
h3,.h3{font-size:38px;font-weight:400;margin-bottom:15px;font-family: "Outfit", serif; line-height: 1.2; color: #000;}
h4,.h4{font-size:36px;font-weight:400;margin-bottom:15px;font-family: "Outfit", serif; line-height: 1.3; color: #000;}
h5,.h5{font-size:32px;font-weight:400;margin-bottom:12px;font-family: "Outfit", serif; line-height: 1.2; color: #000;}
h6,.h6{font-size:30px;font-weight:400;margin-bottom:12px;font-family: "Outfit", serif; line-height: 1.2; color: #000;}



.content {width:100%;float:left}
.container, .container2 {margin-right:auto;margin-left:auto;position:relative;}
.flexbox {display: flex;flex-wrap: wrap;justify-content: space-between;}



.col2 {width: 20%;}
.col3 {width: 30%;}
.col33 {width: 33%;}
.col4 {width: 40%;}
.col45 {width: 45%;}
.col48 {width: 48%;}
.col5 {width: 50%;}
.col6 {width: 60%;}
.col8 {width: 80%;}


.toCenter {text-align: center;}
.toRight {text-align: right;}
.verticalCenter {display: grid !important;align-items: center;}

.wp-block-list li {line-height:1.8; margin-bottom:8px; list-style:inside; font-weight:300}



/* ---- Header ------ */
header {}
#menu {position: relative;}
body > .over-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  height: 100%;
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
}
body.open-menu {left: -250px;}
body.open-menu > .over-menu {visibility: visible;opacity: 1;}
body.open-menu .menu-container {right: 0 !important;}
header .desk-menu #menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding: 0;
  display: block;
  margin: 0 auto;
  float: right;
  text-align: center;
}
header .desk-menu .menu-container {float: left;}
header .desk-menu .menu-container .menu-head,
header .desk-menu .menu-container .menu-foot {width: 100%;float: left;display: none;}
header .desk-menu .menu-container .menu-head {background: #4285f4;padding: 16px 10px;}
header .desk-menu .menu-container .menu-head .e1 {padding: 3px 0;float: left;}
header .desk-menu .menu-container .menu-head .e1 img {width: 29px;float: left;height: 29px;}
header .desk-menu .menu-container .menu {
  padding: 0;
  margin: 0 20px 0 0;
  list-style: none;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header .desk-menu .menu-container .menu li.back {display: none;}
header .desk-menu .menu-container .menu > li {
  -webkit-transition: all 0.33s ease;
  -moz-transition: all 0.33s ease;
  -ms-transition: all 0.33s ease;
  -o-transition: all 0.33s ease;
  transition: all 0.33s ease;
  margin: 0 0 0 10px;
	display: inline-block;
  cursor: pointer;
  position: relative;
  overflow: inherit;
}
header .desk-menu .menu-container .menu > li a {
  position: relative;
  font-family: "Outfit", serif;
  font-size: 18px;
	font-weight: 400;
  padding: 0px 8px;
  display: block;
  color: #000000;
	letter-spacing: 0.2px;text-transform: lowercase;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a {padding: 19px 20px 19px 8px;position: relative;}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #4e4e4e;
  position: absolute;
  content: "";
  height: 1px;
  width: 7px;
  top: 30px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 8px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 3px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
  box-shadow: 1px 2px 4px rgba(46, 61, 73, 0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-overflow-scrolling: touch;
  min-width: 200px;
  position: absolute;
  list-style: none;
  background: #FFF;
  float: left;
  display: table;
  left: 0;
  width: 100%;
  float: left;
  display: none;
	z-index: 99;
	border-radius: 10px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li {
  width: 100%;
  -webkit-transition: all 0.33s ease;
  -moz-transition: all 0.33s ease;
  -ms-transition: all 0.33s ease;
  -o-transition: all 0.33s ease;
  transition: all 0.33s ease;
	background-color: #fff;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
  color: #4e4e4e;
  font-size: 16px;
  line-height: 1.3;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline-start: 12px;
  padding-right: 12px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {display: none;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #4e4e4e;
  position: absolute;
  content: "";
  height: 1px;
  width: 7px;
  top: 24px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {transform: rotate(45deg);right: 6px;top: 19px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {transform: rotate(-45deg);right: 6px;top: 23px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > a {display: block;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu {display: block;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a {color: #000; text-decoration: line-through;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::before {
  -webkit-transform: rotate(142deg);
  -moz-transform: rotate(142deg);
  -ms-transform: rotate(142deg);
  -o-transform: rotate(142deg);
  transform: rotate(142deg);
  top: 23px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::after {
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  transform: rotate(42deg);
  right: 11px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {left: 100%;margin-top: -43px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a {text-align: left;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a:hover {margin-top: 0;}
header .desk-menu .menu-container .menu > li:hover > a {text-decoration: line-through;}
header .desk-menu .menu-container .menu > li:hover > a::before {
  -webkit-transform: translateX(5px) rotate(-45deg);
  -moz-transform: translateX(5px) rotate(-45deg);
  -ms-transform: translateX(5px) rotate(-45deg);
  -o-transform: translateX(5px) rotate(-45deg);
  transform: translateX(5px) rotate(-45deg);
  width: 10px;
  right: 12px;
}
header .desk-menu .menu-container .menu > li:hover > a::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  right: 7px;
}
header .desk-menu .menu-container .menu > li:hover.menu-item-has-children .sub-menu {display: block;}
header .hamburger-menu {display: none;}
header.small::before {box-shadow: 0px 5px 25px 0 rgba(46, 61, 73, 0.2);height: 100%;}
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::before, header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {background-color: #4e4e4e;}
header.small .desk-menu #menu {padding: 0;}
header.small .desk-menu #menu ul li a {color: #4e4e4e;}

@media (max-width: 1035px) {
  header {height: 60px;}
  header .hamburger-menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    position: absolute;
    top: 2px;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 0;
    z-index: 11;
  }
  header .hamburger-menu span {
    text-transform: uppercase;
    left: calc(-100% + -5px);
    padding: 8px 9px 8px 0;
    top: calc(50% - 18px);
    position: absolute;
    font-size: 13px;
    color: #FFF;
  }
  header .hamburger-menu .bar,
  header .hamburger-menu .bar::after,
  header .hamburger-menu .bar::before {width: 35px;height: 3px;}
  header .hamburger-menu .bar {
    position: relative;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: #000;
    top: -7px;
  }
  header .hamburger-menu .bar::before, header .hamburger-menu .bar::after {
    position: absolute;
    background: #000;
    content: "";
    left: 0;
    border-radius: 5px;
  }
  header .hamburger-menu .bar::before {
    bottom: 10px;
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .hamburger-menu .bar::after {
    top: 10px;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .hamburger-menu .bar.animate {background: rgba(255, 255, 255, 0);}
  header .hamburger-menu .bar.animate::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	  background-color: #fff;
  }
  header .hamburger-menu .bar.animate::before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	  background-color: #fff;
  }
  header .desk-menu #menu ul li a {color: #000;border-bottom: 1px solid #eaeaea;}
  header .desk-menu .menu-container {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #FFF;
    position: fixed;
    height: 100%;
    width: 250px;
    right: -250px;
    top: 0;
	  z-index: 99;
  }
  header .desk-menu .menu-container .menu-header-container {position: relative;float: left;padding-top: 30px;padding-bottom: 30px;}
  header .desk-menu .menu-container .menu-header-container ul {padding: 10px !important;} .sub-menu.open-sub {margin-top: 18px;}
  header .desk-menu .menu-container .menu {margin: 0;}
  header .desk-menu .menu-container .menu li.back {position: relative;display: block;}
  header .desk-menu .menu-container .menu li.back a {padding: 12px 12px 12px 35px !important;}
  header .desk-menu .menu-container .menu li.back a::before, header .desk-menu .menu-container .menu li.back a::after {
    background-color: #4e4e4e;
    position: absolute;
    content: "";
    height: 2px;
    width: 7px;
    top: 23px;
  }
  header .desk-menu .menu-container .menu li.back a::before {
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    top: 20px !important;
    right: inherit !important;
    left: 15px !important;
  }
  header .desk-menu .menu-container .menu li.back a::after {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    top: 24px !important;
    left: 15px !important;
  }
  header .desk-menu .menu-container .menu li.line {display: none !important;}
  header .desk-menu .menu-container .menu > li {width: 100%;float: left;margin: 0;text-align: left;}
  header .desk-menu .menu-container .menu > li a {font-family: "Ubuntu", sans-serif;padding: 12px;color: #4e4e4e !important;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children {position: initial;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a {padding: 12px;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {background: #4e4e4e;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {right: 3px !important;top: 16px !important;width: 7px !important;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {top: 21px !important;width: 7px !important;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block !important;
    background: #FFF;
    z-index: 1;
    top: 0;
    left: 100%;
    height: 100%;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {margin-top: 0;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub {left: 0%;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {background-color: #4e4e4e;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    right: 6px !important;
    top: 22px !important;
    width: 7px !important;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    right: 6px !important;
    top: 26px !important;
    width: 7px !important;
  }
  header .desk-menu .menu-container .menu > li:hover a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 6px;
    top: 22px;
  }
  header .desk-menu .menu-container .menu > li:hover a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 26px;
  }
  header .desk-menu .menu-container .menu-head {display: block;}
  header .desk-menu .menu-container .menu-foot {display: block;}
  header.small .hamburger-menu {top: 31px;}
  header.small .hamburger-menu span {color: #4e4e4e;}
  header.small .hamburger-menu .bar {background: #4e4e4e;}
  header.small .hamburger-menu .bar::before, header.small .hamburger-menu .bar::after {background: #4e4e4e;}
  header.small .hamburger-menu .bar.animate {background: rgba(255, 255, 255, 0);}
}
@media (max-width: 767px) {
  header .desk-menu .menu-container .menu li a {padding: 8px 12px;}
  header .desk-menu .menu-container .menu li.back a {padding: 8px 12px 8px 35px !important;}
  header .desk-menu .menu-container .menu li.back a::before {top: 17px !important;}
  header .desk-menu .menu-container .menu li.back a::after {top: 21px !important;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a {padding: 8px 12px;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {top: 18px;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {top: 22px;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {padding: 8px 12px;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {top: 18px;}
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {top: 22px;}
}
@media (max-width: 481px) {}
@media (max-height: 550px) {
  header .desk-menu .menu-container .menu-foot hr, header .desk-menu .menu-container .menu-foot address {display: none;}
}
.hidden {display: none;}
li.back a {background-color:#ececec !important;}
li.back a::before, li.back a::after {}


#top_social, .social {text-align: center;}
#top_social ul li {display: inline-block;vertical-align: middle; margin-left: 8px;}
.social-ico::before {content: "";display: block;}
.face::before {background-image: url("images/face.svg");width: 17px; height: 17px;}
.insta::before {background-image: url("images/inst.svg");width: 20px; height: 20px;}

.social {margin-bottom: 30px;}
.social ul li {margin-left: 4px; margin-right: 4px;display: inline-block;vertical-align: middle;}


.button-tel {width: 70%;text-align: right;}
.button-tel a {color: #fff; background-color: #000; border-radius: 90px; padding-left: 42px; padding-right: 22px; padding-top: 12px; padding-bottom: 12px;font-weight: 600; font-size: 16px;font-family: "Outfit", serif; letter-spacing: 0.3px; position: relative;display: inline-block;margin-top: 6px;}
.button-tel a:hover {background-color: #515151;}
.button-tel a::before {content: ""; background-image: url("images/tel.svg"); width: 18px; height: 18px; position: absolute;left: 12px;top: 14px;}

.top3 .translate {width: 30%;text-align: right;}

.menu-foot address {margin-top: 30px; padding-left: 12px; padding-right: 12px;line-height: 1.4;}
.menu-foot address .tel, .menu-foot address .email {margin-bottom: 10px;display: block;}
.menu-foot address .tel a, .menu-foot address .email a {color: #000; font-weight: 500}


/* ---- Top page ----- */
#top_page .container2 {border-radius: 12px; padding-top: 20px; padding-bottom: 20px; background-color: #f6f6f6;}
.breadcrumbs {margin-left: 20px; margin-right: 20px; text-align: center;font-size: 14px;line-height: 1.6;}
.breadcrumbs a {color: #848484;} .breadcrumbs a:hover {color: #000;}
iframe.mapka {max-width: 100%;}



/* ---- Slider ------ */
#slider {position: relative;}
.slide-content {width: 95%;margin-right:auto;margin-left:auto;position:relative; border-radius: 16px;}
.slider {}
.slider .slick-list {border-radius: 16px;}

.slide {display: flex !important;justify-content: center;align-items: center; position: relative;}
.slide::before {content: "";background: rgba(0, 0, 0, .0); position: absolute; width: 100%; height: 100%;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;}
.slide-grad {height: 100%;}
.slide-grad::before {content: ""; position: absolute; ;left: 0; width: 50%; height: 100%;background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);z-index: 2;}
.slide_in {position: absolute;z-index: 9999;left: 10%;color: #fff;}
.ih::before {content: ""; background-image: url("images/ih.svg"); width: 50px; height: 50px;display: block; margin-bottom: 5px;z-index: 999}
.slide-title {font-family: "Outfit", serif; line-height: 1.2}
.slide-button {color: #fff;}

.own-button {font-size: 20px;font-family: "Outfit", serif; position: relative; transition: 0.6s;}
.own-button:hover .button-circle::before {transition: 0.6s; left: -14px;}

.button-circle {display: inline-block;border-radius: 90px;width: 50px;height: 50px;border: solid #fff;border-width: 1px;vertical-align: middle;margin-left: 40px;position: relative;}
.button-circle::before {
  content: "";
  background-image: url("images/arow.svg");
  width: 50px;
  height: 18px;
  position: absolute;
  transition: 0.6s;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: -24px;
}


.wp-block-image img {border-radius:12px;}


.page-title {}
.page-button {display: block; margin-top: 30px;}
.page-button a {color: #000;}
.page-button .button-circle {border: solid #000;border-width: 1px;}
.page-button .button-circle::before { background-image: url("images/arow2.svg");}



/* ---- Home 1 ----- */
.home-boxes {margin-bottom: 40px;}
.padding-left {padding-left:5%;}





.home header {background-color: #eae6e6;}
.home #slider::before {content: ""; background-color: #eae6e6; width: 100%; top: 0; height: 70%; position: absolute;}



/* ---- Offer ----- */
#offer, #home-projects {position: relative;}
#offer::before, #home-projects::before {content: ""; background-color: #f2f1f1; width: 100%; top: 0; height: 70%; position: absolute;}
.offer-out {padding: 20px; margin-top: 40px; border-radius: 12px; background-color: #fff;-webkit-box-shadow: 0px 0px 35px 0px rgba(167, 167, 167, 0.25);
-moz-box-shadow: 0px 0px 35px 0px rgba(167, 167, 167, 0.25);
box-shadow: 0px 0px 35px 0px rgba(167, 167, 167, 0.25);}
.offer-box {display: flex; justify-content: center;align-items: center; overflow: hidden; border-radius: 10px; background-color: #000; position: relative; margin-bottom: 15px;}
.offer-box:hover img {transition: 0.6s; opacity: 0.9;}
.offer-box:nth-last-child(-n + 2) {margin-bottom: 0;}
.offer-box::before, .pro-box::before {content: "";background-color: rgba(0, 0, 0, 0);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); width: 100%; height: 50%; position: absolute;bottom: 0;z-index: 1;}
.offer-box img {min-height: 100%; width: auto; max-width: inherit;max-height: 140%; opacity: 1; transition: 0.6s;}
.offer-in {position: absolute;z-index: 9; bottom: 30px;left: 35px; transition: 0.6s}
.offer-box:hover .offer-in, .pro-box:hover .proBox-in {bottom: 40px;transition: 0.6s}
.offer-in h3 {color: #fff; font-size: 30px;}
.offer-box-info {font-weight: 300;}



/* ---- Logotypy ---- */
#logotypy {padding-bottom: 80px;}
.logo-slajd {margin: 0 25px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.6s;}
.logo-slajd:hover {transition: 0.6s;-webkit-filter: grayscale(0); filter: grayscale(0);}
.logo-slide .slick-list {margin: 0 -25px;}




/* ----- Home proejkty ----- */
#home-projects {}
.pro-box {display: flex; justify-content: center;align-items: center; overflow: hidden; border-radius: 10px; background-color: #000; position: relative; width: 32%;}
.pro-box img {min-height: 100%; width: auto; max-width: inherit;max-height: 130%;}
.proBox-in {position: absolute;z-index: 9; bottom: 30px;left: 35px; transition: 0.6s}
.proBox-in h3 {color: #fff; font-size: 24px;}
.pro-box-ul li {display: inline-block; color: #fff; font-size: 17px; position: relative;}
.pro-box-ul li:first-child {padding-right: 20px;}
.pro-box-ul li:first-child::after {content: "";width: 1px;height: 18px;background-color: #fff;display: inline-block;margin-left: 20px;vertical-align: bottom;}




/* ---- Pages ----- */
.eb-flipbox-container {border-radius: 10px;}
.eb-flipbox-container h4 {font-size: 30px;}
#page-realizacja {}
#page-realizacja .flexbox:after, #content_page .flexbox::after, .offer-out.flexbox::after {content: "";flex: 0 0 32%;}
#page-realizacja .pro-box {margin-bottom: 25px;}
.wp-block-essential-blocks-accordion-item, .eb-accordion-zk0e5.eb-accordion-container > .eb-accordion-inner > .eb-accordion-wrapper:not(.eb-accordion-hidden) {background-color: #f6f6f6;}

#pagi {margin-top: 30px;}
#pagi .page-numbers {text-align: center; min-width: 40px; min-height: 40px;display: inline-block;line-height: 40px;}
#pagi .next.page-numbers, #pagi .prev.page-numbers {padding-left: 12px; padding-right: 12px;}
#pagi a.page-numbers {background-color: #000; color: #fff;border-radius: 5px; font-size: 14px;} #pagi a.page-numbers:hover {opacity: 0.7;}
#pagi .page-numbers.current {background-color: #444444; color: #fff; border-radius: 5px;font-size: 14px;}


.next-prev {top: 50px;position: relative;}
.next-prev .prev-post {color: #000;}
.next-prev .next-post {float:right; color: #000;}




/* ---- Stopka ---- */
#footer-black {background-color: #000; color: #9f9f9f;}
.foot-col > img {max-width: 250px; margin-bottom: 20px; margin-top: -15px;}
.foot-col p {color: #a0a0a0; font-size: 15px; font-weight: 400; line-height: 1.8; max-width: 90%;}
.foot-social {display: block; margin-top: 25px;}
.foot-title {font-size: 24px; color: #fff !important; margin-bottom: 20px; font-weight: 500 !important;}

.foot-col > ul > li, #menu-stopka-menu li {line-height: 2;}
.foot-col > ul > li > a, #menu-stopka-menu li a {color: #9f9f9f;}
.foot-col > ul > li > a:hover, #menu-stopka-menu li a:hover {color: #fff;}
#footer-white {padding-top: 25px; padding-bottom: 25px; font-size: 14px; font-weight: 300;}
.foot-social li {display: inline-block; margin-right: 8px;}
.foot-social li a::before {content: ""; width: 20px; height: 20px; background-repeat: no-repeat;display: block;}
.ff::before{background-image: url("images/face2.svg");}
.fi::before{background-image: url("images/inst2.svg");}
.foot-logo {margin-top: -20px;}





@media (max-width: 590px) {
	h1,.h1{font-size:28px;margin-bottom:12px;line-height: 1.2;}
	h2,.h2{font-size:26px;margin-bottom:12px;line-height: 1.2;}
	h3,.h3{font-size:26px;margin-bottom:10px; line-height: 1.2;}
	h4,.h4{font-size:24px;margin-bottom:10px; line-height: 1.2;}
	h5,.h5{font-size:22px;margin-bottom:8px; line-height: 1.1;}
	h6,.h6{font-size:20px;margin-bottom:8px; line-height: 1.1;}
	
	p, p > b, .wp-block-list li {font-size: 15px;line-height: 1.8;}
	
	.container {max-width: 92%;}
	.container2 {max-width: 92%}
	.padding {padding-top: 50px; padding-bottom: 50px;}
	
	header {padding-top: 35px; padding-bottom: 5px;}
	.logo {width: 140px;max-width: inherit;}
	header .desk-menu .menu-container .menu > li {margin: 0 2px 0 2px;}
	header .desk-menu .menu-container .menu > li a {font-size: 18px;}
	
	.button-tel a {font-size: 13px;padding-left: 15px;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;font-weight: 500;}
	.button-tel a::before {top: 11px;width: 16px;height: 16px;display: none;}
	
	.top3 .translate {position: absolute;top: -21px;right: 6px;}
	.button-tel {width: 100%;text-align: center;}
	
	.top1 {order: 1}
	.top2 {order: 3;width: 20%;}
	.top2 #menu {order: 2;width: 35%;}
	#top_social {order: 1;left: -30px;position: relative; width: 65%}
	.top3 {order: 2; width: 40%;}
	
	.slide img {min-height: 100%; max-width: inherit}
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track  {height: 390px;}
	.slide-title {font-size: 32px;width: 85%; margin-bottom: 12px;}
	
	.page-title {margin-bottom: 12px;}
	.home-boxes {margin-bottom: 50px;}
	.home-boxes .col48 img {display: none;}
	#home1 .col48 {width: 100%;}
	#home1 .col48 img {max-width: 90%; margin-left: 5%; margin-right: 5%;}
	
	.padding-left {padding-left: 0;}
	
	.offer-box {height: 350px; width: 99%;} .offer-box-last {height: 250px;}
	.offer-in h3 {font-size: 22px;}
	.offer-box:nth-last-child(-n+2) {margin-bottom: 15px;}
	.offer-box-info {font-size: 16px; margin-top: 5px;}
	
	.button-circle {width: 36px;height: 36px;margin-left: 26px;}
	.button-circle::before {width: 40px;height: 14px;left: -18px;}
	
	.pro-box {height: 390px; width: 99%; margin-bottom: 20px;}
	
	.col3.foot-col {width: 100%; margin-bottom: 15px;}
	
	.next-prev {top: 25px;font-size: 13px;}
	#footer-white .col3 {width: 50%;line-height: 1.4;}
	.ftwo {display: none;}
	.fthree {text-align: right;}
	#footer-white a {color: #b18135;} #footer-white a:hover {color: #000;}
	.foot-logo {margin-bottom: 20px;}
	iframe.mapka {margin-top: 30px; height: 300px}
}


@media (max-width: 490px) {
	.logo {width: 165px;}
	.top1 {width: 40%;}
	.top2 {width: 60%;}
	.top3 {width: 100%;position: absolute;top: -40px;right: 0;}
	.top2 #menu {width: 35%;}
	
	.top3 .translate {top: 7px;right: 9px;}
	
	header .container2 {bottom: -19px;}
	header {padding-top: 28px;padding-bottom: 0px;}
	.button-tel {text-align: inherit;}
	.button-tel a {font-size: 12px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;font-weight: 500;}
	.button-tel a::before {top: 6px;width: 13px;height: 13px;left: 10px;}
	#top_social {left: 0; text-align: right;}
	
	header .desk-menu .logo-adn a {width: 100px;height: 30px;}
  header .hamburger-menu {top: 5px;right: 0;}
  header .hamburger-menu .bar,
  header .hamburger-menu .bar::after,
  header .hamburger-menu .bar::before {width: 30px;height: 3px;}
  header .hamburger-menu .bar::before {bottom: 9px;}
  header .hamburger-menu .bar::after {top: 9px;}
  header.small .desk-menu .logo-adn a {width: 100px;height: 30px;}
	
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track  {height: 350px;}
	.slide_in {right: 10%;text-align: center;}
	.ih::before {margin-left: auto;margin-right: auto;}
	.slide-title {width: 100%;}
	#home1 .col48 img {margin-bottom: 30px;}
	#logotypy {padding-bottom: 20px;}
	.logo-slide {height: 190px;}
	.offer-in, .proBox-in {left: 15px;}
	.offer-in  .ih::before, .proBox-in .ih::before {margin-left: 0;}
	
	.button-circle {width: 32px;height: 32px;}
	.button-circle::before {width: 34px;height: 12px;left: -15px;}
	.proBox-in h3 {font-size: 22px;}
	
	#top_page h2 {font-size: 20px;}
}





@media (min-width: 590px) {
	h1,.h1{font-size:32px;margin-bottom:12px;line-height: 1.2;}
	h2,.h2{font-size:30px;margin-bottom:12px;line-height: 1.2;}
	h3,.h3{font-size:30px;margin-bottom:10px; line-height: 1.2;}
	h4,.h4{font-size:26px;margin-bottom:10px; line-height: 1.2;}
	h5,.h5{font-size:24px;margin-bottom:8px; line-height: 1.1;}
	h6,.h6{font-size:20px;margin-bottom:8px; line-height: 1.1;}
	
	p, p > b, .wp-block-list li {font-size: 15px;line-height: 1.8;}
	
	.container {max-width: 92%;}
	.container2 {max-width: 92%}
	.padding {padding-top: 50px; padding-bottom: 50px;}
	
	header {padding-top: 30px; padding-bottom: 10px;}
	.logo {width: 179px;max-width: inherit;}
	header .desk-menu .menu-container .menu > li {margin: 0 2px 0 2px;}
	header .desk-menu .menu-container .menu > li a {font-size: 18px;}
	
	.button-tel a {font-size: 14px;padding-left: 20px;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;font-weight: 500;}
	.button-tel a::before {top: 11px;width: 18px;height: 18px;display: none;}
	
	
	.top1 {order: 1}
	.top2 {order: 3;width: 15%;}
	.top2 #menu {order: 2;width: 50%;}
	#top_social {order: 1;left: -30px;position: relative; width: 50%}
	.top3 {order: 2; width: 45%;}
	#top_social ul li {margin-left: 3px;}
	
	.slide img {min-height: 100%; max-width: inherit}
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track {height: 420px;}
	.slide-title {font-size: 36px;width: 85%; margin-bottom: 12px;}
	
	.page-title {margin-bottom: 12px;}
	.home-boxes {margin-bottom: 50px;}
	.home-boxes .col48 img {display: none;}
	#home1 .col48 {width: 100%;}
	#home1 .col48 img {max-width: 90%; margin-left: 5%; margin-right: 5%;}
	
	.padding-left {padding-left: 0;}
	
	.offer-box {height: 350px; width: 99%;} .offer-box-last {height: 250px;}
	.offer-in h3 {font-size: 22px;}
	.offer-box:nth-last-child(-n+2) {margin-bottom: 15px;}
	.offer-box-info {font-size: 16px; margin-top: 5px;}
	
	.button-circle {width: 36px;height: 36px;margin-left: 26px;}
	.button-circle::before {width: 40px;height: 14px;left: -18px;}
	
	.pro-box {height: 390px; width: 99%; margin-bottom: 20px;}
	
	.col3.foot-col {width: 100%; margin-bottom: 15px;}
}



@media (min-width: 768px) {
	h1,.h1{font-size:36px;margin-bottom:15px;line-height: 1.3;}
	h2,.h2{font-size:34px;margin-bottom:15px;line-height: 1.3;}
	h3,.h3{font-size:34px;margin-bottom:12px; line-height: 1.2;}
	h4,.h4{font-size:32px;margin-bottom:12px; line-height: 1.3;}
	h5,.h5{font-size:28px;margin-bottom:10px; line-height: 1.2;}
	h6,.h6{font-size:26px;margin-bottom:10px; line-height: 1.2;}
	
	p, p > b, .wp-block-list li {font-size: 16px;line-height: 1.8;}
	
	.container {max-width: 92%;}
	.container2 {max-width: 92%}
	.padding {padding-top: 60px; padding-bottom: 60px;}
	
	header {padding-top: 30px; padding-bottom: 10px;}
	.logo {width: 200px;max-width: inherit;}
	header .desk-menu .menu-container .menu > li {margin: 0 2px 0 2px;}
	header .desk-menu .menu-container .menu > li a {font-size: 18px;}
	
	.button-tel a {font-size: 14px;padding-left: 36px;padding-right: 22px;padding-top: 12px;padding-bottom: 12px;font-weight: 600;}
	.button-tel a::before {top: 12px;width: 16px;height: 16px; display: block;}
	
	.top1 {order: 1}
	.top2 {order: 3;width: 20%;}
	.top2 #menu {order: 2;width: 60%;}
	#top_social {order: 1;left: -50px;position: relative;width: 40%;}
	.top3 {order: 2; width: 40%;}
	#top_social ul li {margin-left: 8px;}
	
	.slide img {min-height: 100%; max-width: inherit}
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track  {height: 500px;}
	.slide-title {font-size: 42px;width: 86%; margin-bottom: 15px;}
	
	.page-title {margin-bottom: 15px;}
	.home-boxes {margin-bottom: 60px;}
	.home-boxes .col48 img {display: block;}
	#home1 .col48 {width: 48%;}
	#home1 .col48 img {max-width: 100%; margin-left: 0; margin-right: 0;}
	
	.padding-left {padding-left: 5%;}
	
	.offer-box {height: 400px; width: 49%;} .offer-box-last {height: 300px;}
	.offer-in h3 {font-size: 24px;}
	.offer-box:nth-last-child(-n+2) {margin-bottom: 0;}
	.offer-box-info {font-size: 18px;}
	
	.button-circle {width: 36px;height: 36px;margin-left: 26px;}
	.button-circle::before {width: 40px;height: 14px;left: -18px;}
	
	.pro-box {height: 390px; width: 99%; margin-bottom: 20px;}
	
	.col3.foot-col {width: 30%; margin-bottom: 0;}
}



@media (min-width: 1035px) {
	h1,.h1{font-size:44px;margin-bottom:20px;line-height: 1.3;}
	h2,.h2{font-size:42px;margin-bottom:20px;line-height: 1.3;}
	h3,.h3{font-size:38px;margin-bottom:15px; line-height: 1.2;}
	h4,.h4{font-size:36px;margin-bottom:15px; line-height: 1.3;}
	h5,.h5{font-size:32px;margin-bottom:12px; line-height: 1.2;}
	h6,.h6{font-size:30px;margin-bottom:12px; line-height: 1.2;}
	
	p, p > b, .wp-block-list li {font-size: 17px;line-height: 2;}
	
	.container {max-width: 940px;}
	.container2 {max-width: 90%}
	.padding {padding-top: 70px; padding-bottom: 70px;}
	
	header {}
	.logo {width: 98%;}
	header .desk-menu .menu-container .menu > li {margin: 0 2px 0 2px;}
	header .desk-menu .menu-container .menu > li a {font-size: 16px;}
	
	
	.top1 {order: 1}
	.top2 {order: 2;width: 55%;}
	.top2 #menu {order: 1; width: 80%}
	#top_social {order: 2; left: inherit; position: inherit; width: 20%}
	.top3 {order: 3; width: 25%;}
	
	.slide img {min-height:inherit; max-width: 100%;}
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track  {height: 580px;}
	.slide-title {font-size: 48px;width: 80%; margin-bottom: 20px;}
	
	.page-title {margin-bottom: 20px;}
	.home-boxes {margin-bottom: 80px;}
	
	.offer-box {height: 420px; width: 49%;} .offer-box-last {height: 320px;}
	.offer-in h3 {font-size: 24px;}
	.offer-box-info {font-size: 20px;}
	
	.button-circle {width: 40px;height: 40px;margin-left: 28px;}
	.button-circle::before {width: 42px;height: 15px;left: -18px;}
	
	.pro-box {height: 400px; width: 32%; margin-bottom: 0}
}



@media (min-width: 1200px) {
	.container {max-width: 1160px;}
	.container2 {}
	.padding {padding-top: 90px; padding-bottom: 90px;}
	
	header {padding-top: 40px; padding-bottom: 40px;}
	.logo {width: 230px;}
	header .desk-menu .menu-container .menu > li {margin: 0 6px 0 6px;}
	header .desk-menu .menu-container .menu > li a {font-size: 18px;}
	
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track  {height: 620px;}
	.slide-title {font-size: 54px;width: 75%; margin-bottom: 40px;}
	
	.page-title {margin-bottom: 30px;}
	.home-boxes {}
	
	.offer-box {height: 520px; width: 49.4%;} .offer-box-last {height: 350px;}
	.offer-in h3 {font-size: 26px;}
	.offer-box-info {font-size: 22px;}
	
	.button-circle {width: 40px;height: 40px;margin-left: 28px;}
	.button-circle::before {width: 42px;height: 15px;left: -18px;}
	
	.pro-box {height: 420px;}

}



@media (min-width: 1610px) {
	.container {max-width: 1480px;}
	.container2 {}
	.padding {padding-top: 100px; padding-bottom: 100px;}
	
	header {}
	.logo {width: 286px;}
	header .desk-menu .menu-container .menu > li {margin: 0 8px 0 8px;}
	header .desk-menu .menu-container .menu > li a {}
	
	.slide-content, .slider, .slider .slick-list, .slider, .slider .slick-list .slick-track  {height: 700px;}
	.slide-title {font-size: 62px;width: 65%; margin-bottom: 50px;}
	
	.page-title {}
	.home-boxes {}
	
	.offer-box {height: 550px; width: 49.4%;} .offer-box-last {height: 350px;}
	.offer-in h3 {font-size: 30px;}
	.offer-box-info {}
	
	.pro-box {height: 500px;}
	
	.button-circle {width: 50px;height: 50px;margin-left: 40px;}
	.button-circle::before {width: 50px;height: 18px;left: -24px;}
	
}