/* cmsms stylesheet: main modified: 30.01.2024 09:42:40 */
body{font-family: 'Open Sans', sans-serif;font-weight: 400;background-color:#fff;}
.border{border-color:#2f3d4f;}
#cookieinfo{background-color: #2f3d4f;}
.border{border-bottom:2px solid #fff;padding-bottom:3rem;border-width:50%;}
p{text-align: justify;margin-top:20px;font-size:1.8rem}
/*[class*="title"]{}*/
[class*="title"] b{font-weight: 400;}
/*loader*/
#preloader {background-color: #fff;}
#status{display:block;}
.parent, .child{display:block;margin: 0 auto;width:100%;height:100%}
.img:before{content: url(/uploads/site/img/logo3.png);width:54px;height:54px;display: block;position: absolute;margin-top:-25px;margin-left: -26px;-webkit-animation: pulse 1s linear infinite;
			animation: pulse 1s linear infinite;top:50%;left:50%}
.loader{position: relative;height: 80px;width: 80px;border-radius: 100%;border: 3px solid  #2f3d4f;top: 28%;top: -webkit-calc(50% - 43px);top: calc(50% - 43px);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: loader 3s linear infinite;animation: loader 3s linear infinite;display:block;margin: 0 auto;}
.loader:after{content: "";position: absolute;top: -5px;left: 20px;width: 11px;height: 11px;border-radius: 10px;background-color: #2f3d4f;}
@-webkit-keyframes loader{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes loader{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
/*scroll & highlight*/
    *::-webkit-scrollbar {width: 1rem;}
    *::-webkit-scrollbar-track-piece {background:#fff;}
    *::-webkit-scrollbar-thumb {background-color:#2f3d4f;}
    *::selection{background: #2f3d4f;color:#fff;}
/*menu*/
#menu-back{height:80px;width: 100%;}
#menu-button hr{background-color:#2f3d4f;}
/*header*/
#logo{height:80px;}
#menu{height:80px!important;background-color:#fff;}
#menu ul{font-size: 1.8rem;text-transform: uppercase;float:right;}
#menu ul li a{display: block;line-height: 80px;padding:0 10px;position: relative;text-align: center;}
#menu ul li a:before{height:0px;width:30%;left:35%;bottom:0;background-color: #bce1e7;content: "";display: block;position: absolute;}
#menu ul li a:hover:before,#menu ul li a.active:before{height:5px;}
.blue{background-color:#2f3d4f;color:#fff;}
/*section1*/
.slider_01 .item{position: relative;}
.slider_01 .item,.slider_01 img{height:calc(100vH - 80px);min-height:calc(100vH - 80px);}
.slider_01 .item img{position: relative;z-index: 9;object-fit:cover;}
.slider_01 .container{position: absolute;height:100%;top:0;right:0;left:0;margin: 0 auto;z-index:  99;}
.slider_01 .content{margin-top:28%;color:#fff;padding:15px;}
.slider_01 .title{font-size:6.2rem;text-transform: uppercase;text-shadow:3px 3px 2px #000;}
.break{display: block;height:3px;border:none;background-color: #c8e3e7;z-index: 999;margin-left:0;width:5rem;margin-top: 1rem;}
.break2{display: block;height:3px;border:none;background-color: #c8e3e7;z-index: 999;margin-left:0;width:70%;margin-top: 2rem;margin-left:15%;}
.slider_01 .content p{font-size: 2.4rem;line-height: 3rem;text-shadow:1px 1px 2px #000;}
.more{margin-top: 4rem;text-transform: uppercase;font-size: 1.8rem;font-weight: 300;display: block;border:1px solid #fff;padding:1rem 4rem;width:15rem;z-index: 9;position: relative;text-align: center}
.more:before{content: "";z-index: -1;width:0%;height:0%;top:50%;left:0%;background-color: #fff;position: absolute;display: block;}
.more:after{content: "";z-index: -1;width:0%;height:0%;top:50%;right:0%;background-color: #fff;position: absolute;display: block;}
.more:hover:before{content: "";z-index: -1;width:15%;height:100%;top:0;left:0;background-color: #fff;position: absolute;display: block;}
.more:hover:after{content: "";z-index: -1;width:15%;height:100%;top:0;right:0;background-color: #fff;position: absolute;display: block;}
.more.blue2{border-color:#2f3d4f;}
.more.blue2:before,.more.blue2:after{background-color:#2f3d4f;}
/*section2*/
.section2{background-color: #2f3d4f;padding: 10rem 0 7rem 0;}
.section2 .circle{width:40%;overflow: hidden;position:relative;z-index:99;}
.section2 .content{background-color: #fff;padding:5rem 5rem 5rem 2rem;width:60%;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index:9;}
.section2 .content:before{content:"";height:100%;width:20rem;background-color:#fff;position: absolute;top:0;left:-20rem;}
.title-s{font-size: 3.2rem;font-weight: 400;}
.section2 .content p{font-size: 2.2rem;text-align: left;line-height: 3rem;}
/*section3*/
.section3{background: url(/uploads/site/img/background_03.jpg) no-repeat center top fixed;background-size: cover;padding:15rem 0;}
.section3 ul{margin-top:2rem;}
.section3 ul li{display: block;font-size: 2rem;font-weight:300;line-height: 5rem;padding-left: 2.5rem;}
.section3 ul li:before{display: block;position: absolute;content: url(/uploads/site/img/li.png);margin-left:-2.5rem}
.section3 ul li.active{font-weight: 700;}
.section3 ul li.active:after{content: "";position: absolute;width: 35%;height: 100%;display: block;right:0;margin-top:-2.5rem;border-top:2px solid #797d85;border-right:2px solid #797d85;}
.section3 .row{position: relative;overflow: hidden;}
.section3 .row div{position: relative;}
.section3 .row .border{margin-top:4.5rem;padding-left: 4rem;border-bottom:2px solid #797d85;padding-top:2rem;padding-bottom: 2rem;display:none;background-color: rgba(255,255,255,.5);}
.active-show{display: -wenkit-flex!important;display: flex!important;}
.section3 p{margin-top:0;}
.table{margin-top:2rem;margin-bottom:5rem;}
.table .col-6{padding:2px;}
.table .row:nth-child(1) .col-6 p{background-color: #e4f1f3!important;color:#000;}
.table .col-6 p{text-align: center;background-color:#2f3d4f;color:#fff;width:100%;height:100%;-webkit-justify-content: center;justify-content: center;padding:5px;-wenbkit-box-sizing: border-box;box-sizing: border-box;}
.show-it{cursor:pointer;}
.show-it:hover{font-weight:700;}
.section3 .more{border-color: #2f3d4f;margin: 0 auto;}
.section3 .more:before,.section3 .more:after{background-color: #2f3d4f;}
/*section4*/
.section4{padding:5rem 0 2rem 0;}
.section4 .row{margin-top:3rem;width: 100%;padding-left:15px;}
.section4 .row div {padding:5px;color:#fff;}
.section4 .row div .center{background-color:#2f3d4f;height:calc(100% - 4rem);padding:2rem;text-align: center;}
.section4 h1{width:100%;font-size: 3.2rem;font-weight:400;color:#c8e3e7;line-height: 3.6rem;}
.section4 .row div > div > div{width:100%;margin-top:1rem; margin-bottom:1rem;}
.section4 p{width:100%;text-align: center;margin-top:0;}
/*secton5*/
.section5{background-color: #f2f2f2;padding:5rem 0;}
.section5 .title-s{text-align: center;}
.section5 .break{margin: 0 auto;}
.section5 p{text-align: center;}
.section5 .row{margin-top:4rem;}
.section5 .row > div:nth-child(1) {padding-right: 0;padding-left: 0;}
.section5 .row .border2 {padding-left: 0;border:2px solid #8a919a;border-left: none;padding-right: 0;display: none}
.background-box{width:100%;height:300px;background: url(/uploads/site/img/mediacje-sadowe.jpg) no-repeat center;background-size: cover;color:#fff;position: relative;cursor: pointer;}
.background-box:nth-child(2){background: url(/uploads/site/img/mediacje-prywatne.jpg) no-repeat center;background-size: cover;}
.background-box:before{position: absolute;width:100%;height: 100%;top:0;left:0;background-color: rgba(0,0,0,.5);content:"";}
.background-box:hover:before,.background-box.active:before{width:30rem;height: 6rem;top:calc(50% - 2.8rem);left:calc(50% - 15rem);}
.background-box:after{border-right: 0px solid #2f3d4f;border-top: 40px solid transparent;
border-bottom: 40px solid transparent;content: "";height: 0;right: 0px;position: absolute;top: calc(50% - 35px);width: 0;z-index: 9;}
.background-box:hover:after,.background-box.active:after{border-right: 30px solid #2f3d4f;}
.background-box h1{z-index: 99;font-size: 3.2rem;font-weight: 400;}
.section5 .content{-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;width: 100%;height:100%;text-align: center;padding:2rem 5rem;}
.section5 .more{margin-top:3rem;}
/*section6*/
.section6{background-color: #2f3d4f;padding:5rem 0;}
.section6 img{margin-bottom: -5rem;}
.section6 .row div:nth-child(1){text-align: right;color:#fff;}
.section6 .row div:nth-child(1) div{width:90%;}
.section6 .break{margin: 0 auto;margin-right: 0;}
.section6 p{text-align: right;font-weight: 300;}
/*section7*/
.section7 .row > div:nth-child(1){background: url(/uploads/site/img/background_07.jpg) no-repeat center;background-size: cover;height: 60rem;}
.section7 .row > div{padding:0;}
.section7 .title-s{text-align: center;width:100%;}
.section7 .break{margin: 0 auto;}
.section7 p{width:100%;text-align: center;display: block;font-size: 2.8rem;line-height: 3.6rem;}
/*section8*/
.section8{padding:5rem 0;background-color:#2f3d4f;color:#fff;margin-bottom:5rem;}
.section8 .title-s{text-align: center;width:100%;color:#fff;}
.section8 .break{margin: 0 auto;margin-top:1rem;}
.section8 > div > div .break{margin-left:0;}
.section8 > div > div {margin-top:3rem;}
.section8 h1{font-size:2.8rem;font-weight:300;margin-bottom:1rem;}
.section8 .dropdown{padding:3rem 0;max-height:2.5rem;overflow:hidden;position:relative;cursor:pointer;margin-top:0;}
.height {max-height: 118rem!important;-webkit-transition:.5s;transition:.5s}
.section8 .table .col-6 p{text-align: center;background-color:#fff;color:#000;width:100%;height:100%;-webkit-justify-content: center;justify-content: center;padding: 5px 20px;-wenbkit-box-sizing: border-box;box-sizing: border-box;}
.section8 ol{margin-top:2rem;list-style-position: inside;}
.section8 ol li{font-size:1.8rem;font-weight:300;}
.fa-file-pdf-o{font-size:5rem!important;}
#popupative{display:none;position:fixed;top:0; left:0; width:100%;height:100%;background-color:rgba(47,61,79,.5);z-index:9999;}
#popupative img{max-height:100vH;width:auto;}
#popupative #close{font-size:4rem;color:#fff!important;position:fixed;top:5%;right:5%;}
/*footer*/
.footer{background-color: #2f3d4f;color:#fff;}
@media only screen and (max-height:900px){
    .slider_01 .content {margin-top: 8%;}
}
@media only screen and (max-width:1249px){
    #menu ul li a {padding: 0 1rem;font-size: 1.5rem;}
    .section3 ul li.active:after {width: 25%;}
    .section5 .content{padding:1rem 2rem;}
    .section5 .more{margin-top:1rem;}
    .longer.height{max-height:130rem!important;}
}
@media only screen and (max-width:1049px){
    #menu{height:60px!important;}
    .slider_01 .content {margin-top: 5%;}
    .slider_01 .item,.slider_01 img{min-height: 200px;}
    .section2 .content:before {width: 16rem;left: -16rem;}
    .section3 ul{overflow: hidden;position: relative;border-bottom: 2px solid #797d85;width:32rem;}
    .section3 ul li.active:after {width: 20px;}
    .section3 .row .border {border-left: 2px solid #797d85;margin-top:0;margin-left:30px;padding-left: 3rem;padding-right: 3rem;}
    .section5 .content{padding:.5rem 3rem;}
    .section5 .content p{margin-top:0;}
    .section5 .more{margin-top:1rem;}
    .section6 .row div:nth-child(3){margin-top:8rem;margin-bottom:5rem;}
    .longer.height{max-height:150rem!important;}
}
@media only screen and (max-width:849px){
    .slider_01 .item,.slider_01 img{height:auto;min-height:auto;}
    .slider_01 .content h1,.slider_01 .content p{text-shadow:0px 0px 0px #000;}
    .slider_01 .container{position:relative;height:auto;}
    .slider_01 .content {margin-top: 10%;color:#000;background-color:rgba(0,0,0,0);}
    .slider_01 .content .more{border-color:#2f3d4f;margin-bottom:3rem;}
    .slider_01 .content .more:before,.slider_01 .content .more:after{background-color:#2f3d4f;}
    .section2 .content:before {width: 17rem;left: -17rem;}
    .section5 .content{padding:5rem 3rem;}
    .section5 .row .border2 {border-left: 2px solid #8a919a;}
    .section7 .row > div:nth-child(1) {height: 50rem;}
    .longer.height{max-height:370rem!important;}
}
@media only screen and (max-width:699px){
    .section2 .circle {width: 100%;float:none;margin: 0 auto;}
    .section2 .content {width: 100%;float:none;margin: 0 auto;}
    .section2 .content:before {width:100%;left:0;top:-42rem;height:42rem;}
}
@media only screen and (max-width:649px){
    .section2 .content:before {left:0;top:-33rem;height:33rem;}
}
@media only screen and (max-width:549px){
    .section2 .content:before {left:0;top:-26rem;height:26rem;}
}
@media only screen and (max-width:399px){
    .section2 .content:before {left:0;top:-19rem;height:19rem;}
}
@media only screen and (max-width:499px){
    .slider_01 .title {font-size: 5rem;}
    #logo img{max-width: 200px;}
    .section7 .row > div:nth-child(1) {height: 30rem;}
}