/*
Theme Name: RESLINE
Theme URI: 
Author: MD
Author URI: 
Description: Szablon dla serwisu RESLINE
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {

font-family: 'Kanit' !important;
color: #000000;
font-size: 15px;
padding:0;
margin:0;
width:100%;
height: 100%;
overflow-x: hidden;
}
header {
width: 100%;
position: fixed;
top: 0;
left:0;
height: 100px;
right:0;
background-color: #fff;
z-index: 1000;
}
.texthover {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
 background-image: url(./img/tlohaslo.png);
text-align: center !important;
color: #fff;
text-align: center;
opacity: 1;

}
#ownswiper .bbb {
border: solid 2px #006837;
padding: 10px;
height: 320px;
}
#mainbox {
padding: 100px 0 0;
display: block;
}
.topbox {
width: 100%;
display: block;
}
#logo {
width: 30%;
float: left;
padding:0;
}
.menutop {
float: left;
display: block;
width: 70%;
}
.menutop ul {
padding: 30px 10px 18px;
margin: 0;
list-style: none;
width: 85%;
float: right;
}
.menutop ul li {
display: block;
float: left;
padding: 10px 15px;
}
.menutop ul li a {
color: #006837;
text-transform: lowercase;
display: block;
letter-spacing: 2px;
position: relative;
text-decoration: none;
font-weight: 300;
font-size: 18px;
}

.menutop ul li a:hover {
color: #e2b844; 
}
.fcol ul li a {
letter-spacing: 2px;
position: relative;
text-decoration: none; 	
}
.fcol ul li a:hover::before,
.menutop ul li a:hover::before {
content: "";
position: absolute;
bottom: -2px; 
left: 0;
width: 100%;
height: 2px;
background-color: #e2b844; 
animation: underline 0.2s ease-in-out forwards; 
}

@keyframes underline {
from {
transform: scaleX(0); 
}
to {
transform: scaleX(1); 
}
}
.menutop ul li.linkind a:hover::before {
display: none;
}
.menutop ul li.linkind {
padding:0;
float: right;
}
.menutop ul li.linkind a {
text-indent: -9999px;
display: block;
width: 40px;
height: 40px;
background-image: url(./img/Linkedin-top.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.menutop ul li.linkind a:hover {
background-image: url(./img/Linkedin-top.png);
background-repeat: no-repeat;
background-position: 0 -40px;
}
a#linkindbottom {
text-indent: -9999px;
display: block;
width: 40px;
height: 40px;
background-image: url(./img/Linkedin-bottom.png);
background-repeat: no-repeat;
background-position: 0 0;
float: right;
}
a#linkindbottom:hover {
background-image: url(./img/Linkedin-bottom.png);
background-repeat: no-repeat;
background-position: 0 -40px;
}
.top {
max-width: 1160px;
display: flex;
align-content: center;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0 auto;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
height: auto !important;
}
footer {
background-color: #006837;
display: block;
clear: both;
color: #fff;
overflow: hidden;
padding: 50px 0;
}
.menubottom {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 10px;
}
#tekstpole strong,
#tekstpole b {
font-weight: 700;
}
#tekstpole {
font-weight: 300;
}
.fcol span {
margin: 0 10px;
}
.fcol {
width: 50%;
}
.fcol p {
margin: 0;
font-size: 14px;
}
.fcol ul {
list-style: none;
margin:0;
padding:0;
text-align: right;
}
.fcol ul li {
float: left;
padding: 0;
}
.fcol ul li:after {
content: ".";
display: block;
width: 5px;
height: 5px;
float: left;
position: relative;
bottom: 3px;
margin: 0 10px;
}
}
.fcol ul li a{
color: #fff;
text-transform: lowercase;
letter-spacing: 2px;
font-weight: 300;
}
.fcol1 {
width: 84%;
float: left;
margin: 0 4%;
}
h3.elementor-heading-title {
color: #006837 !important;
font-size: 18px;
letter-spacing: 2px;
text-transform: lowercase;
font-weight: 500 !important;
}
h2.elementor-heading-title {
color: #006837 !important;
font-family: 'Kanit', sans-serif !important;
font-size: 36px;
letter-spacing: 3px;
text-transform: lowercase;
font-weight:200 !important;
}
h2.elementor-heading-title:after {
content: "";
display: block;
padding: 10px 0 0;
border-bottom: solid 2px #e2b844;
 max-width: 50px;
}
footer p {
color: #fff;
}
#onasfoto {
position: absolute;
left: -56px;
}

.elementor-7 .elementor-element.elementor-element-3968eeb .elementor-accordion-item .elementor-tab-title.elementor-active {
border-width: 2px;
border-bottom-color: #000;
}

.elementor-accordion .elementor-accordion-item {
border: 0px;
margin: 0 0 5px;
border-top: 0px;
}
.elementor-accordion .elementor-accordion-item {
border: 0 !important;
}
.elementor-7 .elementor-element.elementor-element-3968eeb .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-title div {
background: #000;
}
.elementor-7 .elementor-element.elementor-element-3968eeb .elementor-accordion-item .elementor-tab-title.elementor-active {
border-width: 2px;
border-bottom-color: #000;
border: solid 2px #000 !important;
}
.elementor-accordion .elementor-tab-content {
border: 2px solid #000 !important;
border-top: 0 !important;
}
.elementor-accordion .elementor-tab-title {

border: solid 2px #006837;
}

.elementor-accordion .elementor-tab-title:hover {
border: solid 2px #000;
}
.elementor-accordion .elementor-tab-title:hover > .elementor-accordion-title div {
background: #000;
}
.elementor-accordion .elementor-tab-title:hover > .elementor-accordion-title {
color: #000;

}






.elementor-widget-container p {
color: #000;
font-family: 'Kanit', sans-serif;
line-height: 20px;
letter-spacing: 1px;
font-weight: 300;
}
.haslobaner {
position: absolute !important;
z-index: 100;
top: 35%;
left: 0;

}
.swiper-slide figcaption {
position: absolute;
top: 40%;
left: 16%;
    display: block;
max-width: 600px;
z-index: 100;
text-align: left !important;

height: 22%;
}
.swiper-slide figcaption h3{

color: #fff;
font-size: 3.5rem;
font-weight: 300;
padding:0;
margin:0;
letter-spacing: 2px;
}
.swiper-slide figcaption p{
color: #fff;
font-size: 1.5rem;
font-weight: 200;
letter-spacing: 2px;
padding: 0;
margin: 0;
}


.swiper-slide figcaption.animate {

    animation: slidein 0.4s ease-in-out forwards;
}

@keyframes slidein {
    from {
        opacity: 0;
        transform: translateX(-100%);
        animation-timing-function: ease-in-out;
        animation-duration: 0.5s;
    }
    to {
        opacity: 1;
        transform: translateX(0);
        animation-timing-function: ease-in-out;
        animation-duration: 1s;
    }
}





header.small {
height: 60px;
}
hedaer.larger {
height: 100px;
}
header.small .menutop ul {
padding: 10px 0;
}
header.small img {
max-width: 30%;
}
.elementor-tab-content {
font-family: 'Kanit' !important;
letter-spacing: 0.5px;
font-weight: 300 !important;
font-size: 14px;
}
.elementor-accordion-title span {
margin: 50px 0 50px 50px;
font-family: 'Kanit';
letter-spacing: 2px;
font-weight: 400;

}
.elementor-accordion-title div{
display: flex;
padding: 0;
float: left;
position: absolute;
width: 47px;
height: 47px;
margin: 0;
background: #006837;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
left: 0;
top: 0;
color: #fff;
font-size: 25px;
font-weight: 300;
}
.elementor-accordion .elementor-tab-title {
margin: 0;
padding: 15px 20px;
font-weight: 700;
line-height: 1;
cursor: pointer;
outline: none;
position: relative;
}


#sliderprojekty.swiper-slide figcaption {
position: absolute;
text-align: center !important;
top: unset;
bottom: -5px;
left: 0;
right: 0;
color:#e2b844;
font-weight: 500;
font-size: 18px;
flex-wrap: wrap;
}

.image-caption {
display: flex;
left: 0;
right: 0;
background-image: url(./img/tlohaslo.png);
text-align: center !important;
position: absolute;
bottom: 8px;
width: 100%;
left: 0;
right: 0;
text-align: center;
color: #e2b844;
overflow: hidden;
width: 340px;
height: 88px;
margin: 0 auto;
padding: 20px 0px;
font-size: 24px;
align-items: center;
align-content: center;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
}
#sliderprojekty .swiper-slide:hover figcaption {
display: none !Important;
opacity: 0 !important;
height: 0;
line-height:0;
}
#logo img {
    transition: transform 0.7s ease;
    padding: 0 10px;
}
#logo img:hover {
 transform: scale(0.7);
transition: transform 0.7s ease;
}
#nav1,
#nav2 {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
clear: both;
float: right;
}
#nav1 a,
#nav2 a {
color: #fff;
letter-spacing: 2px;
}






@media only screen and (max-width: 1000px) {
.fcol {
width: 100%;
text-align: center;
}
.menubottom {
max-width: 1160px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: flex-start;
}
footer {
background-color: #006837;
display: block;
clear: both;
color: #fff;
overflow: hidden;
padding: 50px 0;
}
.fcol1 {
width: auto;
float: unset;
margin: 0;
padding: 0 20px 20px;
}

#nav1, #nav2 {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
clear: both;
float: unset;
}
.fcol p {

font-size: 14px;
max-width: 125px;
margin: 0 auto;
}
.fcol ul li:after {
display: none;
}
#nav1, #nav2 {
list-style: none;
margin: 0;
padding: 10px 0;
text-align: center;
clear: both;
float: unset;
}
.fcol ul li {
float: unset;
padding: 0;
}
.elementor-accordion-title span {
margin: 0 50px;
font-size: 12px;
}
.elementor-accordion-title div {
display: flex;
padding: 0;
float: left;
position: absolute;
width: 40px;
height: 40px;
margin: 0;
background: #006837;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
left: 0;
top: 0;
color: #fff;
}
#onasfoto {
position: relative;
left: 0;
}

header {
width: 100%;
position: fixed;
top: 0;
left: 0;
height: auto;
right: 0;
background-color: #fff;
z-index: 1000;
padding: 5px 0 0;
}



#mainbox {
padding: 30px 0 0;
display: block;
}

.swiper-slide figcaption h3{
color: #fff;
font-size: 20px;
font-weight: 200;
padding: 0;
margin: 0;
letter-spacing: 1px;
line-height: 20px;
}

.swiper-slide figcaption p{
color: #fff;
font-size: 16px;
font-weight: 200;
letter-spacing: 1px;
padding: 0;
margin: 0;
}

.swiper-slide figcaption {
position: absolute;
top: 38%;
left: 12%;
max-width: 600px;
z-index: 100;
text-align: left !important;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
flex-direction: column;
height: 22%;
}
#logo {
width: 16%;
float: left;
padding: 0px;
}
header.small {
height: 60px;
}
hedaer.larger {
height: 100px;
}
header.small .menutop ul {
padding: 20px 0;
}
header.small img {
max-width: 70%;
padding: 10px 0 0;
}


.poziommob2.elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
justify-content: center;
}
.poziommob2.elementor-column{
width: 50%;
}





.poziommob .elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: flex-start;
}

.poziommob.elementor-column{
width: 50%;
}


}


@media only screen and (max-width: 640px) {
	
	
	
#due .elementor-accordion-item .elementor-tab-title {
    width: 100%;
}	
	
	#due .elementor-accordion-item .elementor-tab-content {
    width: 100%;
    float: unset;
    position: relative;
    right: 0;
    top: 0;
    border: solid 1px;
    padding: 20px;
}
	
	
	
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    right: 0;
    background-color: #fff;
    z-index: 1000;
    padding: 0;
}
#ownswiper img {
max-width: 60%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.texthover {
height: 50%;
}
#ownswiper .bbb {
    border: solid 2px #006837;
    padding: 10px;
    height: auto;
}
.swiper-pagination {
display: none;
}
#ownswiper {
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
}
.elementor-accordion-title span {
    margin: 0 50px;
    font-size: 16px;
    display: flex;
}
.elementor-accordion-title div {
    display: flex;
    padding: 0;
    float: left;
    position: absolute;
    width: 40px;
    height: 100%;
    margin: 0;
    background: #006837;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    left: 0;
    top: 0;
    color: #fff;
}
#logo {
width:40%;
float: left;
padding: 0 10px;
}
.swiper-slide figcaption h3{
color: #fff;
font-size: 10px;
font-weight: 200;
padding: 0;
margin: 0;
letter-spacing: 1px;
line-height: 6px;
}

.swiper-slide figcaption p{
color: #fff;
font-size: 8px;
font-weight: 200;
letter-spacing: 1px;
padding: 0;
margin: 0;
}
.poziommob2.elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
justify-content: center;
}
.poziommob2.elementor-column{
width: 100%;
}


.fcol span {
    margin: 0;
    width: 100px;
    display: block;
    text-indent: -9999px;
    line-height: 0;
}


.poziommob .elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: flex-start;
}

.poziommob.elementor-column{
width: 100%;
}
}


.fa-arrow-alt-circle-left:before {
content:url(http://dobkiewicz.hekko.pl/resline/wp-content/themes/resline/img/left.png) !important;
}


.fa-arrow-alt-circle-right:before{
content:url(http://dobkiewicz.hekko.pl/resline/wp-content/themes/resline/img/right.png) !important;
}

.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction {
bottom: 25px !important;
}

.fa-caret-square-left:before {
position: relative;
left: -10px;
content:url(http://dobkiewicz.hekko.pl/resline/wp-content/themes/resline/img/leftgreen.png) !important;
}

.fa-caret-square-right:before {
content:url(http://dobkiewicz.hekko.pl/resline/wp-content/themes/resline/img/rightgreen.png) !important;
position: relative;
right: -10px;
}
#ownswiper .swiper-button-prev:after,#ownswiper .swiper-rtl .swiper-button-next:after,
#ownswiper .swiper-button-next:after,#ownswiper.swiper-rtl .swiper-button-prev:after {
color: #006837;
}
#ownswiper .swiper-pagination {
display: none;
}
#ownswiper .bbb:hover {
border: solid 2px #000;
}

#ownswiper .carousel-caption h3 {
color: #000;
text-align: center;
display: block;
font-weight: 400;
font-size: 24px;
padding: 0;
margin: 0;
}
#ownswiper {
max-width: 1140px;
margin: 0 auto;

}



.texthover:hover {
opacity: 1;
}
#ownswiper .swiper-slide:hover h3 {
display: none;
}
.texthover h2 {
font-size: 2rem;
padding-top: 1rem;
}

.texthover p {
font-size: 1.2rem;
padding: 0 1rem;
}

#ownswiper .img-container {
position: relative;
display: inline-block;
}

#ownswiper .img-container:hover .texthover {
opacity: 1;
}
.wojewodztwo  {
	font-size: 14px !important;
}
.texthover h5 {
font-size: 16px;
padding: 0;
margin: 5px 0 0;
font-weight: 400;
}
.texthover p {
padding: 0 1rem;
font-weight: 500;
margin: 5px 0 0;
font-size: 18px;
color: #fff;
}

.wojewodztwo img{
position: relative;
top: 2px;
margin: 0 5px 0 0;
}

#ownswiper .swiper-button-next, #ownswiper .swiper-rtl .swiper-button-prev {
    right: -40px;
    left: auto;
}
#ownswiper .swiper-button-prev,#ownswiper  .swiper-rtl .swiper-button-next {
    left: -40px;
    right: auto;
}

#ownswiper .swiper-container {
overflow: hidden;
}

.fcol p a {
color: #fff;
}
.page-template-default  #mainbody {
    max-width: 1140px;
    display: block;
    margin: 0 auto;
    padding: 50px 30px;	
}
#slidertop2 .elementor-widget-wrap {
   /* justify-content: flex-end;*/
    justify-content: center;
    background-image: url(./img/sliderbg.jpg);
    max-width: 1920px;
    margin: 0 auto;
	background-repeat: no-repeat;
}




.slide-caption {
  position: absolute;
  left: -100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  transition: all 0.2s ease-in-out;
}

.swiper-slide-active .slide-caption {
  left: 0;
}

#slidertop2 .elementor-widget-wrap .elementor-element {
	overflow: hidden;
}





.elementor-image-carousel-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;

  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.swiper-slide-active .elementor-image-carousel-caption {
  opacity: 1;
  transform: translateX(0);
}

.elementor-widget-container p {
	margin: 0;
}


body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display:block;
height: 100px; /* fixed header height*/
margin: -100px 0 0; /* negative fixed header height */
visibility: hidden;
pointer-events: none;
}

@media only screen and (max-width: 1400px) {
	
.swiper-slide figcaption h3 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 300;
    padding: 0;
    margin: 0;
    letter-spacing: 2px;
}

.swiper-slide figcaption {
    position: absolute;
    top: 36%;
    left: 9%;
    display: block;
    max-width: 600px;
    z-index: 100;
    text-align: left !important;
    height: 22%;
}	
	
	
}




@media only screen and (min-width: 1300px) {

#due .elementor-accordion .elementor-tab-title {
  margin: 0;
  padding: 16px 20px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  outline: none;
}

#due .elementor-accordion-item .elementor-tab-content p {
	margin: 0 0 10px;

orphans: 2;
  widows: 2;
}
#due .elementor-accordion-item .elementor-tab-content {
width: 64%;
float: right;
position: absolute;
right: -10px;
top: 0;

padding: 10px 10px 10px 15px;
border: solid 2px #006837 !important;
min-height: 274px;


}
#due .elementor-accordion-item .elementor-tab-title {
width: 36%;	
}
}

@media only screen and (max-width: 640px) {
a#linkindbottom {
    text-indent: -9999px;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(./img/Linkedin-bottom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    float: unset;
    margin: 0 auto;
}
.texthover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: url(./img/tlohaslo.png);
    text-align: center !important;
    color: #fff;
    text-align: center;
    opacity:0;
    transition: opacity 0.5s;
    line-height: 16px;
	min-height: 100px;
}
}

.menubottom .menu-item-1299,
.menubottom .menu-item-1241 {
	display: none !important;
}
.menubottom .menu-item-1296-pl {
	display: none !important;
}