/*Balsamiq*/
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

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

/*Baloo 2*/
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');

/*Noto sans*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
    
/*Protest Strike*/
@import url('https://fonts.googleapis.com/css2?family=Protest+Strike&display=swap');

/*Protest Revolution*/
@import url('https://fonts.googleapis.com/css2?family=Protest+Revolution&display=swap');
    
/*Protest Riot*/
@import url('https://fonts.googleapis.com/css2?family=Protest+Riot&display=swap');
    
/*Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins: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');

/*Rubik Spray*/
@import url('https://fonts.googleapis.com/css2?family=Rubik+Spray+Paint&display=swap');

/*Lacquer*/
@import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');

/*Doodle*/
@import url('https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&display=swap');

/*Bowlby*/
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap');

/*Chonburi*/
@import url('https://fonts.googleapis.com/css2?family=Chonburi&display=swap');

/*Amarante*/
@import url('https://fonts.googleapis.com/css2?family=Amarante&display=swap');

/*Raleway*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

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

/*Lato*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*Montserrat Monteserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*MonteCarlo*/
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

:root {
    
/*Fonts*/
--font-1: "Lacquer", system-ui;
--font-2: "Rubik Spray Paint", system-ui;
--font-3: "Rubik Doodle Shadow", system-ui;
--font-4: "Bowlby One SC", sans-serif;
--font-5: "Chonburi", serif;
--font-6: "Amarante", serif;
--font-7: "Raleway", sans-serif;
--font-8: "Oswald", sans-serif;
--font-9: "Lato", sans-serif;
--font-10: "Roboto", sans-serif;
--font-11: "Montserrat", sans-serif;
--font-12: "MonteCarlo", cursive;
--font-13: "Poppins", sans-serif;
--font-14: "Protest Riot", sans-serif;
--font-15: "Protest Revolution", sans-serif;
--font-16: "Protest Strike", sans-serif;
--font-17: "Noto Sans", sans-serif;

/* White Colors */
--color-white1: #fff;
--color-white2: #f7f7f7;
--color-white3: #F0F0F0;
--color-white4: #EEEEEE;
--color-white5: #f0f8ff;
--color-white6: #E4E6E4;
--color-white7: #ffffff;
--color-white8: #e6e6e6;
--color-white9: #c7c7c7;

/* Black Colors*/
--color-black1: #000;
--color-black2: #181818;
--color-black3: #1E1E1E;
--color-black4: #222222;
--color-black5: #272727;
--color-black6: #1F1F1F;
--color-black7: #0A0A0A;
--color-black8: #141414;
--color-black9: #1c1c1c;
--color-black10: #262626;
--color-black11: #22262C;
--color-black12: #2b2b2b;
--color-black13: #282828;
--color-black14: #363636;
--color-black15: #171717;
--color-black16: #373737;

/* Gray Colors*/
--color-gray1: #969696;
--color-gray2: #D3D3D3;
--color-gray3: #5E5E5E;
--color-gray4: #BCBCBC;
--color-gray5: #4D4D4D;
--color-gray6: #71717A;
--color-gray7: #464646;
--color-gray8: #76787C;
--color-gray9: #c1c1c1;
--color-gray10: #c7c7c7;
--color-gray11: #7f7f7f;
--color-gray12: #AAAAAA;
--color-gray13: #989CA5;
--color-gray14: #aeaeae;
--color-gray15: #d0d0d0;

/* Green Colors */
--color-green1: #25a40e;
--color-green2: #63FC85;
--color-green3: #0FFC94;
--color-green4: #ebffe6;
--color-green5: #d1ffc8;
--color-green6: #a8fe98;
--color-green7: #71fa5c;
--color-green8: #40f028;
--color-green9: #21d60c;
--color-green10: #12ac04;
--color-green11: #118209;
--color-green12: #13670d;
--color-green13: #125710;
--color-green14: #033003;
--color-green15: #60f647;
--color-green16: #228412;

/* Yellow & Gold Colors */
--color-yellow1: #ffe200;
--color-yellow2: #fff184;
--color-yellow3: #f9ff00;
--color-yellow4: #FFD700;

/* New Colors */
--color-new1: #fff4d5;
--color-new2: #ffeab9;
--color-new3: #FFFBD7;
--color-new4: #fffbd7;
--color-new5: #95a4b4;
--color-new6: #101828;
--color-new7: #A5AFBB;
    
/* Goat Colors*/
--color-goat1: #60f647;
--color-goat2: #00d149;
--color-goat3: #24ff00;
--color-goat4: #208a0e;
--color-goat5: #19b500;
--color-goat6: #117900;
--color-goat7: #148901;
}


/* Ogólne */
body {
    overflow-x: hidden;
    font-family: var(--font-17);
    color: var(--color-white1);
}
.container,
.container-fluid {
    max-width: 1400px;
}
a {
    text-decoration: none;
    display: inline-block;
    transition: all 0.5s;
    color: var(--color-black1);
}
a:hover {
    transition: all 0.5s;
}
section {
	padding-top: 20px;
	padding-bottom: 20px;
}
.sctitle {
	text-align: center;
    position: relative;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sctitle h2 {
	font-size: 34px;
	color: var(--color-black1);
	font-weight: 600;
	display: inline-block;
}
.text-start {
    text-align: start;
}
.text-center {
    text-align: center;
}
.text-end {
    text-align: end;
}
.all-center-column {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    text-align: center;
}
.btn {
    padding: 10px 40px;
    display: inline-block;
    border: none;
    position: relative;
}
.btn1 {
    border-radius: 30px;
    color: var(--color-black1);
    font-weight: 500;
    font-size: 18px;
    margin-left: 20px;
    transition: all 0.5s;
    
    background-color: var(--color-goat1);
    /* background-color: var(--color-main1); */
    /* background-color: var(--color-main2); */
    /*background-color: var(--color-main300);*/
}
.btn2 {
    border: 2px solid var(--color-goat1);
    background-color: transparent;
    border-radius: 30px;
    color: var(--color-white1);
    font-size: 19px;
    transition: all 0.5s;
    position: relative;
}
.btn2::before {
    content: "";
    position: absolute;
    transition: all 0.5s;
    top: 0px;
    left: 0px;
    background-color: var(--color-goat1);
    width: 0%;
    height: 100%;
    border-radius: 30px;
    left: 50%;
}
.btn2:hover::before {
    width: 100%;
    left: 0%;
    transition: all 0.5s;
}
.btn2 span {
    transition: all 0.5s;
}
.btn2:hover span {
    position: relative;
    z-index: 5;
    color: var(--color-black1);
    font-weight: 700;
    transition: all 0.5s;
}
.navbar-highlight-btn .btn1 {
    padding: 8px 50px!important;
    font-weight: 600;
}
.just-start {
    display: flex;
    flex-direction: column;
    text-align: start;
    align-items: start;
    justify-content: start;
}
.just-center {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.just-end {
    display: flex;
    flex-direction: column;
    text-align: end;
    align-items: end;
    justify-content: end;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
/*.bg-1 {
    background-color: var(--color-black7);
}*/
.btn:focus {
    box-shadow: none;
}






/* Navbar */
.navbar {
    background-color: #313131;
    background-color: #242424;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    z-index: 99;
    opacity: 1;
    transition: all 0.5s;
}
.navbar.active {
    opacity: 1;
    transition: all 0.5s;
    /*background-color: var(--color-black8);*/
}
.navbar-collapse {
    justify-content: end;
    flex-grow: 0;
}
.nav-item {
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-item a {
    color: var(--color-white1);
    font-size: 18px;
}
.navbar-brand span {
    font-weight: 700;
    font-size: 28px;
    color: var(--color-white1);
}
.navbar-right {
    display: flex;
    justify-content: end;
    align-items: center;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}





/*Offcanvas*/
.offcanvas {
    max-width: 100%;
}
.offcanvas-body .nav-link {
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offcanvas-title {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
}
.btn-close-white {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    color: #fff!important;
    filter: none;
    opacity: 1;
    position: absolute;
    top: 2%;
    right: 3%;
}
.offcanvas-header {
    border-bottom: 2px solid var(--color-white);
    padding-bottom: 14px;
    padding-top: 14px;
}
.offcanvas-body {
    padding-right: 0px;
    padding-left: 0px;
}
.fs1000 {
    padding: 10px 40px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    border-radius: 40px;
    font-size: 16px!important;
}
.offcanvas-contact {
    border-top: 2px solid var(--color-white);
    padding-top: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offcanvas-header {
    justify-content: center;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.offcanvas {
    transition: all 0.1s;
    border: none;
    background-color: vaR(--color-goat7);
}
.offcanvas.show {
    visibility: visible;
    transition: all 0.1s;
}
.offcanvas-menu {
    align-items: center;
}
.offcanvas-body .nav-link {
    font-size: 22px;
    font-weight: 400;
}






/* Header 1*/
.hdr-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
}
.header1 {
    padding-top: 220px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
    
    background-image: url('../img/bg0109v14.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.header1 .container {
    position: relative;
    z-index: 4;
}
.header-left {
    display: flex;
    flex-direction: column;
}
.header-left-text {
    display: flex;
    flex-direction: column;
}
.header-left-action {
    margin-top: 20px;
    display: flex;
}
.header-right {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -50px;
}
.header-left span {
    font-size: 17px;
    letter-spacing: 1px;
}
.header-left h1 {
    font-size: 50px;
    font-weight: 700;
    color: var(--color-goat1);
    margin-bottom: 20px;
    width: 74%;
}
.header-left p {
    width: 90%;
    color: var(--color-white3);
    font-size: 18px;
}
.headerphoto {
    height: 450px;
    width: 450px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    filter: drop-shadow(2px 4px 6px #60f647);
}
.headeradd2 {
    position: absolute;
    z-index: 0;
    top: -6%;
    left: 7%;
    height: 500px;
    
    animation: rotateHeader 20s linear infinite;
}
.ig-circle {
    border: 2px solid var(--color-goat1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-left: 10px;
}
.header1 .highlight {
    color: var(--color-white1);
    font-size: 50px;
    /*text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 3px;*/
}










/* Section-1a */
.section-1a {
    padding-top: 40px;
    padding-bottom: 50px;
}
.section-1a .sctitle h2 {
    text-transform: none;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 41px;
    color: var(--color-white1);
    font-size: 38px;
}
.section-1a .sctitle h2::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 19%;
    background-color: var(--color-goat1);
    width: 60%;
    height: 4px;
    border-radius: 50px;
}
.sc1a-boxy {
    display: flex;
}
.sc1abox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 32px;
    background-color: var(--color-black10);
    margin-bottom: 20px;
    
    padding-right: 20px;
    border-radius: 24px;
    
    min-height: 265px;
    padding-top: 10px;
    
    border: 2px solid #236218;
}
.section-1a h3 {
    font-size: 24px;
    color: var(--color-white1);
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
}
.section-1a p {
    font-size: 16px;
    color: var(--color-gray4);
}
.section-1a img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    filter: invert(1);
}




/*section-t1*/
.section-t1 {
    padding-top: 70px;
    padding-bottom: 50px;
}
.section-t1 .flex-column {
    justify-content: start;
    align-items: start;
    text-align: start;
}
.section-t1 .small {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: var(--color-goat1);
    font-weight: 600;
}
.section-t1 h2 {
    font-size: 30px;
    width: 100%;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.section-t1 h2::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 25%;
    height: 5px;
    background-color: var(--color-goat1);
}
.section-t1 p {
    font-size: 17px;
    color: var(--color-gray4);
}
.section-t1 .boxrow {
    display: flex;
}
.section-t1 .box {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.section-t1 .box h3 {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 23px;
}
.section-t1 .box p {
    width: 75%;
    font-size: 15px;
}
.section-t1 .col-xl-8 {
    padding-left: 0%;
}
.section-t1 .box1,
.section-t1 .box3 {
    padding-left: 18%;
}






/*section-t2*/
.section-t2 {
    padding-top: 40px;
    padding-bottom: 50px;
}
.section-t2 .sctitle h2 {
    color: var(--color-white1);
    margin-bottom: 40px;
    font-size: 38px;
    position: relative;
    padding-bottom: 12px;
}
.section-t2 h2::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 27%;
    height: 4px;
    width: 45%;
    background-color: var(--color-goat1);
}
.section-t2 .box {
    background-color: var(--color-black5);
    border-radius: 20px;
    margin-right: 20px;
    margin-left: 20px;
    min-height: 390px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    text-align: start;
    padding: 20px 40px;
    position: relative;
}
.section-t2 .box::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 5%;
    background-color: var(--color-white1);
    height: 40px;
    width: 5px;
}
.section-t2 .row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-t2 .number {
    font-size: 60px;
    color: var(--color-green10);
    font-weight: 700;
}
.section-t2 h3 {
    font-size: 30px;
    color: var(--color-white1);
    font-weight: 700;
}
.section-t2 p {
    font-size: 16px;
    color: var(--color-gray4);
}
.section-t2 .btn2 {
    border-radius: 20px;
}
.section-t2 .buttonrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.section-t2 .btn1 {
    color: var(--color-black1);
    background-color: var(--color-white1);
    font-size: 20px;
    padding: 9px 52px;
    position: relative;
    transition: all 0.5s;
    top: 0px;
    border-radius: 28px;
}
.section-t2 .btn1::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    background-color: var(--color-white1);
    width: 0%;
    height: 100%;
    transition: all 0.5s;
    border-radius: 28px;
}
.section-t2 .btn1:hover::before {
    width: 100%;
    left: 0%;
    transition: all 0.5s;
}
.section-t2 .btn1:hover {
    padding: 9px 70px;
    transition: all 0.5s;
}
.section-t2 .btn1 span {
    position: relative;
    z-index: 2;
    transition: all 0.5s;
    font-size: 20px;
}
.section-t2 .btn1:hover span {
    color: #000;
    transition: all 0.5s;
}



/*section-f1*/
.section-f1 {
    padding-top: 40px;
    padding-bottom: 30px;
}
.section-f1 h2 {
    font-size: 40px;
    color: var(--color-white);
    font-weight: 600;
    margin-bottom: 80px;
}
.section-f1 .highlight {
    font-size: 40px;
    color: var(--color-goat1);
    font-weight: 600;
    position: relative;
    z-index: 5;
}
.section-f1 .highlight::before {
    content: "";
    position: absolute;
    background-color: var(--color-black16);
    width: 104%;
    height: 60px;
    top: 0px;
    left: -2%;
    z-index: 0;
    transform: rotate(358deg);
    z-index: -1;
}
.scf1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.section-f1 .number {
    font-size: 38px;
    color: var(--color-goat1);
    font-weight: 700;
    position: relative;
    top: -8px;
}
.section-f1 h3 {
    font-weight: 600;
    font-size: 30px;
}
.scf1 img {
    width: 280px;
    height: 250px;
    margin-bottom: 20px;
}
.section-f1 p {
    font-size: 17px;
    color: var(--color-gray15);
}
.arrow-f1 {
    display: none;
}












/*section-p5*/
.section-p5 {
    padding-top: 10px;
    padding-bottom: 40px;
}
.section-p5 .row {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-p5 .box img {
    width: 300px;
    height: 250px;
}
.section-p5 h2 {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    position: relative;
    margin-bottom: 34px;
    display: inline-block;
    padding-bottom: 12px;
}
.section-p5 h2::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 16%;
    background-color: var(--color-goat1);
    width: 70%;
    height: 5px;
    border-radius: 28px;
}
.section-p5 .imgbox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-p5 .imgpreview {
    width: 350px;
    height: 300px;
}
.section-p5 .box-top {
    padding-top: 0px;
}
.section-p5 .box-bot {
    background-color: var(--color-black12);
    width: 100%;
    z-indeX: 0;
    min-height: 100px;
    padding-top: 14px;
    padding-bottom: 45px;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
.section-p5 .col-xl-4 {
    padding: 0px;
}
.section-p5 h3 {
    font-weight: 700;
    font-size: 24px;
    position: relative;
    color: var(--color-white1);
    
    padding-bottom: 10px;
    display: flex;
}
.section-p5 h3::after {
    content: "";
    position: absolute;
    background-color: var(--color-gray3);
    width: 100%;
    height: 1px;
    left: 0px;
    bottom: 0px;
}
.section-p5 p {
    font-size: 15px;
    color: var(--color-gray15);
    padding: 0px 20px;
}
.section-p5 .row {
    /*gap: 20px;*/
}
.section-p5 .wholebox {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    overflow: hidden;
    max-height: 444px;
    
    /*width: 26%;*/
    max-width: 30%;
    margin-right: 10px;
    margin-left: 10px;
    
    max-width: unset;
    width: 100%;
    
    width: 86%;
    
    object-fit: cover;
}
.section-p5 .wholebox img {
    width: 402px;
    height: 190px;
}
.section-p5 .row {
    position: relative;
}
.section-p5 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-p5 .swiper-button-lock,
.section-p5 .swiper-pagination-lock {
    display: flex;
}
.section-p5 .swiper-pagination-lock {
    justify-content: center;
    align-items: center;
}
.section-p5 .swiper-button-prev,
.section-p5 .swiper-button-next {
    color: var(--color-goat1);
    position: absolute;
}
.section-p5 .swiper-pagination-bullet {
    background-color: var(--color-goat1);
}
.section-p5 .swiper-pagination {
    position: absolute;
    bottom: -8px;
}
.section-p5 .swiper-button-prev {
    left: -3%;
}
.section-p5 .swiper-button-next {
    right: -3%;
}








/* section-p4 */
.section-p4 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.p4-contact {
    padding-top: 0px;
    padding-bottom: 68px;
}
.p4-questions {
    padding-top: 58px;
    padding-bottom: 82px;
    
    padding-top: 40px;
    padding-bottom: 40px;
}
.section-p4 .scname {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 26px;
}
.section-p4 .scname h2 {
    font-size: 40px;
    font-weight: 700;
    color: var(--color-goat1);
    margin-bottom: 4px;
}
.section-p4 .scname p {
    color: #848484;
    font-size: 18px;
    width: 80%;
    padding-left: 0px;
}
.accordion {
    color: var(--color-white1);
    cursor: pointer;
    padding: 14px 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.1s;
    padding-left: 14px;
    background-color: transparent;
    border-bottom: 1px solid var(--color-gray11);
    padding-left: 0px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}
.panel {
    padding: 0 14px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: #000;
    font-size: 16px;
    padding-left: 0px;
    margin-bottom: 20px;
}
.section-p4 .questionset {
    width: 100%;
    max-width: 726px;
    position: relative;
    margin-bottom: 0px;
}
.section-p4 .questionset p {
    font-size: 18px;
    text-align: start;
    padding-top: 13px;
    font-weight: 300;
    color: var(--color-white6);
}
.section-p4 .contactinfos {
    padding-top: 54px;
}
.section-p4 .contactinfos h2 {
    color: var(--color-main1);
    font-size: 40px;
    margin-bottom: 26px;
    font-weight: 700;
}
.section-p4 .info {
    display: flex;
    align-items: center;
    color: var(--color-main1);
    margin-bottom: 14px;
}
.section-p4 .email {
    margin-right: 10px;
}
.section-p4 .fs31,
.section-p4 .fs32,
.section-p4 .fs33 {
    max-width: 80%;
}
#frmContact {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#frmContact p {
    max-width: 70%;
}
.section-p4 .fs33 {
    min-height: 170px;
}
.container-checkbox {
    margin-right: 6px;
}
.section-p4 .scname p {
    color: var(--color-gray2);
    font-size: 18px;
    width: 62%;
    padding-left: 0px;
    margin-bottom: 22px;
}
.section-p4 .scquestions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.p4img-mail {
    width: 450px;
    height: 370px;
}
.p4-contact-left {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-p4 .btn2 {
    padding: 8px 28px;
}
.section-p4 .btn2 span {
    position: relative;
    top: 0px;
    transition: all 0.5s;
    opacity: 1;
}
.section-p4 .btn2:hover span {
    top: -10px;
    transition: all 0.5s;
    opacity: 0;
}





/* Section-2a */
.section-2a {
    padding-top: 70px;
    padding-bottom: 70px;
}
.section-2a .form-control {
    display: block;
    width: 80%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #1d1d1d;
    background-color: #8d8d8d;
    background-color: #7f7f7f;
    background-color: #656565;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 20px;
}
.section-2a .form-control::placeholder {
    color: #fff;
}
.btn3 {
    background-color: #fff;
    color: #000;
    padding: 10px 40px;
    display: block;
}
.form-btn-space {
    display: flex;
    justify-content: center;
}
.section-2a .p4-contact-left img {
    width: 450px;
    height: 400px;
}



/* Section-3a */
.section-3a {
    padding-top: 60px;
    padding-bottom: 60px;
}
.sc3a-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-goat1);
    text-transform: uppercase;
}
.section-3a h2 {
    font-weight: 700;
    font-size: 35px;
}
.section-3a .desc {
    width: 90%;
    color: #a0a0a0;
    font-size: 18px;
    margin-bottom: 30px;
}
.section-3a h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}
.sc3a-info {
    display: flex;
    margin-top: 6px;
    margin-bottom: 6px;
}
.sc3a-info p {
    font-size: 18px;
    font-weight: 400;
}
.sc3a-info .email,
.sc3a-info .instagram,
.sc3a-info .website {
    margin-right: 20px;
    position: relative;
}
.section-3a .btn.btn3 {
    margin-top: 10px;
    border: none;
    background-color: var(--color-goat1);
    font-weight: 700;
    font-size: 16px;
    color: var(--color-black1);
    border: none;
}
.sc3a-info.unhidden,
.section-3a h4 {
    display: none;
}




/*sc3a-right*/
.form2208 {
    display: flex;
    width: 100%;
}
.form-col .form-control {
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 8px;
}
.form-col-email {
    display: flex;
    justify-content: end;
}
.form-col-comment {
    margin-top: 5px;
}
.section-3a #comment-content {
    min-height: 150px;
}
.section-3a .fs14 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-3a .fs5 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    width: 100%;
}
.sc3a-right {
    position: relative;
    top: 20px;
}




/*inputs*/
.section-3a input:focus,
.section-3a textarea:focus {
    box-shadow: none;
}
.section-3a .form-control {
     background-color: #2d2d2d;
    border: 1px solid #626262;
    color: #fff;
}


/*sc3a-icons*/
.section-3a .website {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501'/%3E%3C/svg%3E");
}
.section-3a .instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}
.section-3a .email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
}
.section-3a input[type="checkbox"] {
    max-width: 20px;
}
















/* Footer */
footer {
    padding-top: 20px;
    padding-bottom: 20px;
}
footer .container {
    max-width: 1150px;
}
.footercolumn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.footercolumn a {
    color: var(--color-white1);
}
footer .instagram-btn {
    width: 40px;
    height: 40px;
    justify-content: center;
    display: flex;
    margin-top: 5px;
    
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}















/* Background Colors of Each Section */
body {
    background-color: var(--color-black7);
}
.section-1a {
    background-color: var(--color-black8);
}
.section-t1 {
    background-color: var(--color-black7)
}
.section-t2 {
    background-color: var(--color-black8);
}
.section-p4 {
    background-color: var(--color-black7);
}
.section-p5 {
    background-color: var(--color-black8);
}
.section-2a {
    background-color: var(--color-black7);
}
.footer-glowna {
    background-color: var(--color-black8);
}


body,
.section-t1,
.section-p4,
.section-2a {
    background-color: var(--color-black8);
    background-color: #292929;
}
.section-1a,
.section-t2,
.section-p5,
.footer-glowna,
.section-f1 {
    background-color: var(--color-black3);
}















/* Animacje */

@keyframes rotateHeader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.animacja6 {
    transform: rotate3d(1, 1, 1, 120deg);
    transition: all 0.6s;
}
.animacja6.active {
    transform: rotate3d(1, 1, 1, 0deg);
    transition: all 0.6s;
}
.animacja7 {
    transform: rotate3d(1, 1, 1, 305deg);
    transition: all 1s;
}
.animacja7.active {
    transform: rotate3d(1, 1, 1, 0deg);
    transition: all 1s;
}
.animacja8 {
    transform: rotate3d(1, 1, 1, 305deg);
    transition: all 1.4s;
}
.animacja8.active {
    transform: rotate3d(1, 1, 1, 0deg);
    transition: all 1.4s;
}






 
.arrow-down,
.arrow-up,
.arrow-left,
.arrow-right,
.arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.arrow2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.arrow3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.telephone,
.phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.email,
.mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.przenosiny {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-left: 8px;
}
.person {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.delivery,
.responsive,
.greatlook,
.seo,
.wrench,
.panelcmsa {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 10px;
}
.delivery {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 24 24'%3E%3Cpath d='M15,18H0V4A3,3,0,0,1,3,1h9a3,3,0,0,1,3,3Zm2,0h7V13H17ZM19,5H17v6h7V10A5.006,5.006,0,0,0,19,5ZM3.058,20A2.424,2.424,0,0,0,3,20.5a2.5,2.5,0,0,0,5,0,2.424,2.424,0,0,0-.058-.5Zm14,0a2.424,2.424,0,0,0-.058.5,2.5,2.5,0,0,0,5,0,2.424,2.424,0,0,0-.058-.5Z'/%3E%3C/svg%3E");
}
.responsive {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2360f647'%3E%3Cpath d='M15,0h-6c-2.757,0-5,2.243-5,5v14c0,2.757,2.243,5,5,5h6c2.757,0,5-2.243,5-5V5c0-2.757-2.243-5-5-5Zm-2,21h-2c-.552,0-1-.448-1-1s.448-1,1-1h2c.552,0,1,.448,1,1s-.448,1-1,1Z'/%3E%3C/svg%3E");
}
.greatlook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2360f647'%3E%3Cpath d='M4.982,24,3.66,23l2.394-7.261L0,11.731V10H7.946l2.162-7h1.784l2.162,7H22v1.724l-6.056,4.119,2.438,7.175-1.391.961L11,19.348ZM17.827,7.926l-.481-.362.869-2.717L16,3.615V3h2.9l.785-3h.647l.784,3H24v.611L21.8,4.884l.884,2.686-.5.349L20.01,6.238Z'/%3E%3C/svg%3E");
}
.seo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 24 24'%3E%3Cpath d='m24,22.586l-2.792-2.792c.524-.791.833-1.736.833-2.753,0-2.757-2.243-5-5-5s-5,2.243-5,5,2.243,5,5,5c1.017,0,1.962-.309,2.753-.833l2.792,2.792,1.414-1.414ZM21,0H3C1.346,0,0,1.346,0,3v4h24V3c0-1.654-1.346-3-3-3ZM3.5,5c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5.672,1.5,1.5-.672,1.5-1.5,1.5Zm4,0c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5.672,1.5,1.5-.672,1.5-1.5,1.5ZM0,9h24v8c0-3.866-3.134-7-7-7s-7,3.134-7,7c0,1.96.808,3.729,2.106,5H0v-13Z'/%3E%3C/svg%3E");
}
.wrench {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 24 24'%3E%3Cpath d='m23.013,3.776l-4.598,4.598c-.781.781-2.047.781-2.828,0-.781-.781-.781-2.047,0-2.828L20.172.959l-.292-.148c-1.062-.539-2.2-.812-3.381-.812-4.136,0-7.5,3.364-7.5,7.5,0,.959.178,1.886.531,2.767L.918,18.879c-1.168,1.17-1.168,3.072,0,4.242.585.585,1.353.877,2.121.877s1.537-.292,2.122-.877l8.631-8.631c.865.339,1.773.51,2.708.51,4.136,0,7.5-3.364,7.5-7.5,0-1.208-.283-2.366-.841-3.442l-.146-.282Z'/%3E%3C/svg%3E"); 
}
.panelcmsa {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 24 24'%3E%3Cpath d='M19,1H5C2.239,1,0,3.239,0,6V14c0,2.761,2.239,5,5,5h6v2H7c-.553,0-1,.448-1,1s.447,1,1,1h10c.553,0,1-.448,1-1s-.447-1-1-1h-4v-2h6c2.761,0,5-2.239,5-5V6c0-2.761-2.239-5-5-5ZM6.802,15.359c-1.909-.449-3.404-2.058-3.729-3.992-.469-2.791,1.377-5.249,3.927-5.767v4.485c0,.53,.211,1.039,.586,1.414l3.169,3.169c-1.093,.724-2.482,1.036-3.952,.691Zm5.367-2.105l-2.875-2.875c-.188-.188-.293-.442-.293-.707V5.601c2.282,.463,4,2.48,4,4.899,0,1.019-.308,1.964-.832,2.754Zm7.832,1.746h-3c-.552,0-1-.448-1-1s.448-1,1-1h3c.552,0,1,.448,1,1s-.448,1-1,1Zm0-4h-3c-.552,0-1-.448-1-1s.448-1,1-1h3c.552,0,1,.448,1,1s-.448,1-1,1Zm0-4h-3c-.552,0-1-.448-1-1s.448-1,1-1h3c.552,0,1,.448,1,1s-.448,1-1,1Z'/%3E%3C/svg%3E");
}
.section-t1 .icon1,
.section-t1 .icon2,
.section-t1 .icon3,
.section-t1 .icon4 {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.section-t1 .icon1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}
.section-t1 .icon2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783'/%3E%3C/svg%3E");
}
.section-t1 .icon3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708'/%3E%3C/svg%3E");
}
.section-t1 .icon4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5q0 .807-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33 33 0 0 1 2.5.5m.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935m10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935'/%3E%3C/svg%3E");
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='32px' height='32px' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='%2360f647' stroke='none'%3E%3Cpath d='M1274 2984 c-443 -74 -797 -398 -911 -834 -25 -95 -27 -122 -27 -275 0 -173 16 -276 61 -383 l14 -34 22 19 c12 11 77 70 145 132 68 62 135 116 149 122 42 16 75 -1 160 -84 l82 -79 141 56 c77 31 154 56 172 56 27 0 50 -18 160 -127 71 -70 131 -138 135 -150 10 -44 -9 -78 -97 -168 l-88 -90 49 -53 c63 -69 63 -89 -1 -226 -27 -59 -50 -109 -50 -111 0 -10 129 -4 220 9 483 73 855 429 947 905 23 122 21 310 -5 435 -12 54 -23 100 -26 103 -2 3 -101 -48 -218 -113 -259 -143 -262 -144 -343 -64 -49 48 -55 59 -55 95 0 22 5 59 10 83 11 45 0 76 -29 87 -9 4 -76 -56 -191 -170 -221 -220 -210 -217 -342 -87 -129 125 -125 112 -87 298 l31 155 -71 74 c-55 57 -71 79 -71 102 0 31 37 90 85 133 15 14 63 64 107 113 l80 87 -38 -1 c-22 -1 -75 -7 -120 -15z m-311 -481 c60 -59 77 -94 113 -247 l28 -119 -35 -101 c-32 -94 -37 -102 -71 -119 -36 -18 -42 -18 -115 -2 -73 15 -82 19 -135 72 -32 31 -60 68 -63 82 -3 16 6 61 24 114 l30 89 -24 49 c-41 79 -35 105 38 176 34 34 71 63 82 65 37 8 79 -12 128 -59z m1098 -779 l94 -94 3 -128 c2 -72 -1 -142 -7 -163 -7 -22 -34 -58 -75 -97 -56 -54 -69 -62 -103 -62 -28 0 -48 8 -76 31 -67 55 -77 95 -52 214 6 28 3 32 -59 69 -87 50 -96 64 -96 154 0 63 3 76 24 97 27 27 196 84 230 78 13 -3 65 -47 117 -99z'/%3E%3Cpath d='M818 2433 l-36 -38 23 -45 c31 -58 31 -88 -1 -183 l-26 -79 28 -30 c37 -38 49 -44 105 -52 l47 -7 21 62 c26 79 26 78 -5 209 -25 102 -29 111 -73 154 l-47 46 -36 -37z'/%3E%3Cpath d='M1850 1706 c-64 -22 -65 -23 -68 -62 -3 -37 -1 -40 47 -67 28 -15 64 -39 81 -53 26 -23 30 -32 30 -77 0 -29 -4 -69 -9 -89 -8 -32 -6 -39 18 -62 l27 -26 42 43 42 43 0 120 0 120 -68 67 c-37 37 -70 67 -72 66 -3 0 -34 -11 -70 -23z'/%3E%3Cpath d='M1515 2948 c-21 -24 -77 -84 -124 -133 -47 -50 -97 -103 -110 -118 l-25 -28 66 -67 c36 -37 68 -78 71 -91 3 -13 -8 -91 -25 -174 l-30 -150 68 -68 c38 -38 73 -69 78 -69 6 0 90 79 188 176 l177 177 42 -6 c47 -6 103 -52 125 -104 12 -27 12 -42 0 -100 l-15 -68 27 -27 c14 -16 29 -28 32 -28 7 0 418 225 426 233 3 3 -11 38 -32 78 -110 220 -302 407 -524 511 -90 42 -151 62 -248 83 -112 23 -124 21 -167 -27z'/%3E%3Cpath d='M234 2897 c-3 -9 -4 -30 -2 -49 3 -32 5 -33 51 -36 l47 -3 0 -45 0 -44 -50 0 -50 0 0 45 0 45 -45 0 -45 0 0 -45 0 -45 45 0 45 0 0 -45 0 -45 50 0 50 0 0 45 0 45 45 0 45 0 0 45 0 45 -44 0 -45 0 -3 48 -3 47 -43 3 c-30 2 -44 -1 -48 -11z'/%3E%3Cpath d='M2525 2650 c-19 -7 -82 -88 -73 -94 2 -1 16 -12 32 -24 16 -12 37 -20 46 -17 13 4 27 -16 64 -95 115 -244 150 -495 107 -752 -78 -451 -392 -829 -819 -983 -154 -55 -235 -69 -422 -69 -231 -1 -361 27 -558 121 -75 35 -92 47 -87 61 3 12 -5 28 -25 47 l-30 29 -35 -34 c-49 -48 -48 -82 6 -115 172 -109 386 -182 599 -203 l75 -7 3 -118 3 -117 -345 0 -344 0 -31 -26 c-27 -23 -30 -31 -33 -92 l-3 -67 -163 -3 -162 -2 0 -45 0 -45 1125 0 1125 0 0 45 0 45 -165 0 -165 0 0 66 c0 59 -3 68 -29 95 l-29 29 -346 0 -346 0 0 119 0 118 75 6 c299 26 592 158 809 367 207 199 331 417 397 700 31 129 33 420 5 550 -32 151 -94 311 -168 433 -45 74 -62 89 -93 77z'/%3E%3Cpath d='M603 1503 l-152 -136 19 -36 c63 -122 206 -283 333 -372 129 -91 311 -169 434 -185 l53 -7 53 114 54 114 -44 47 c-50 54 -67 92 -58 127 4 14 48 67 98 118 l91 94 -104 104 -105 104 -151 -61 c-113 -45 -159 -59 -179 -54 -14 4 -63 42 -109 86 l-82 79 -151 -136z'/%3E%3Cpath d='M2677 653 c-4 -3 -7 -26 -7 -50 l0 -43 -45 0 -45 0 0 -45 0 -45 45 0 45 0 0 -45 0 -45 45 0 45 0 0 45 0 45 -45 0 -45 0 0 45 0 45 45 0 45 0 0 50 0 50 -38 0 c-21 0 -42 -3 -45 -7z'/%3E%3Cpath d='M2770 515 l0 -45 45 0 45 0 0 45 0 45 -45 0 -45 0 0 -45z'/%3E%3C/g%3E%3C/svg%3E");
}
.plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 24%;
    right: 2%;
}
.accordion.active .plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2360f647' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
.instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
}
.website {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
}
.write {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
}







/*29.08 poprawki ostatnie, wprowadzanie treści itp*/
/* From Uiverse.io by adamgiebl */ 
.fsbutton1 {
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    color: var(--color-white1);
    background: transparent;
    cursor: pointer;
    transition: ease-out 0.5s;
    border: 2px solid var(--color-goat1);
    border-radius: 10px;
    box-shadow: inset 0 0 0 0 var(--color-goat1);
    font-weight: 500;
}
.fsbutton1:hover {
    color: var(--color-black1);
    box-shadow: inset 0 -100px 0 0 var(--color-goat1);
}
.fsbutton1:active {
    transform: scale(0.9);
}
.header-left-action {
    margin-top: 12px;
}





/*01.09 poprawki*/
.section-p4,
.section-p5,
.section-3a,
.header1 {
    position: relative;
}
#pytania,
#portfolio,
#kontakt,
#Visionary {
    width: 100%;
    min-height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: -1;
}
#pytania {
    top: -80px;
}
#portfolio {
    top: -135px;
}
.btn0109 {
    font-size: 28px;
    color: var(--color-white1);
    font-weight: 700;
}
.modal-body {
    color: #000;
}
#dzialajmy {
    width: 100%;
    min-height: 200px;
    position: absolute;
    top: -80px;
    left: 0px;
    display: block;
    z-index: -1;
}
.modal-footer .btn6 {
    background-color: var(--color-goat1);
    border: none;
    padding: 10px 30px;
    border-radius: 20px;
    font-weight: 700;
}

/* 02.09 animacje */
/*pojawienie sie od razu, hero section*/
.pierwszyfs {
    position: relative;
    left: -20px;
    opacity: 0;
    transition: all 1s;
}
.drugifs {
    position: relative;
    right: -20px;
    opacity: 0;
    transition: all 1s;
}
.pierwszyfs.active {
    position: relative;
    left: 0px;
    opacity: 1;
    transition: all 1s;
}
.drugifs.active  {
    position: relative;
    right: 0px;
    opacity: 1;
    transition: all 1s;
}
/* animacje */
.animacja1 {
    transition: all 0.5s;
    transform: scale(0.7);
    opacity: 0;
}
.animacja1.active {
    transition: all 0.5s;
    transform: scale(1);
    opacity: 1;
}
.animacja2 {
    transition: all 1.2s;
    transform: scale(0.7);
    opacity: 0;
    position: relative;
    bottom: 20px;
}
.animacja2.active {
    transition: all 1.2s;
    transform: scale(1);
    opacity: 1;
    position: relative;
    bottom: 0px;
}
.animacja3 {
    transition: all 1s;
    opacity: 0;
    bottom: 70px;
    position: relative;
}
.animacja4 {
    transition: all 1.5s;
    opacity: 0;
    top: 70px;
    position: relative;
}
.animacja5 {
    transition: all 2s;
    opacity: 0;
    bottom: 70px;
    position: relative;
}
.animacja3.active {
    transition: all 1s;
    opacity: 1;
    bottom: 0px;
    position: relative;
}
.animacja4.active  {
    transition: all 1.5s;
    opacity: 1;
    top: 0px;
    position: relative;
}
.animacja5.active  {
    transition: all 2s;
    opacity: 1;
    bottom: 0px;
    position: relative;
}














    
@media (max-width: 1500px) { 
    .section-p5 .swiper-button-next,
    .section-p5 .swiper-button-prev {
        background-color: #1b1b1b;
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    .swiper-button-next:after, 
    .swiper-button-prev:after {
        transform: scale(0.8);
    }
    .section-p5 .swiper-button-next {
        right: 0%;
    }
    .section-p5 .swiper-button-prev {
        left: 0%;
    }
}
/*xl*/
@media (max-width: 1400px) { 
    .headeradd2 {
        top: -5%;
        left: 8%;
        height: 490px;
    }
    .sc1abox {
        min-height: 290px;
        padding-top: 18px;
    }
}
/*custom1*/
@media (max-width: 1350px) { 
    .headeradd2 {
        left: 6%;
    }
    .header-left h1 {
        width: 100%;
    }
    .section-p5 .box-bot {
        min-height: 222px;
    }
}
/*custom2*/
@media (max-width: 1250px) { 
    .headeradd2 {
        left: 2%;
    }
    .section-1a h3 {
        font-size: 22px;
    }
    .sc1abox {
        min-height: 300px;
    }
    .section-p5 .wholebox img {
        height: 175px;
    }
}
/*lg*/  
@media (max-width: 1200px) {
    .section-t1 .flex-column {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .section-t1 h2::after {
        left: 35%;
        width: 30%;
    }
    .section-t1 p {
        width: 60%;
    }
    .section-t1 .box1 {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .section-t1 .box {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .section-t1 .box,
    .section-t1 .box3 {
        padding-left: 0%;
    }
    .section-t1 {
        padding-top: 40px;
    }
    .section-t1 .flex-column p {
        margin-bottom: 50px;
    }
    .section-t1 .box p {
        width: 55%;
    }
    .scf1 {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }
    .section-f1 p {
        font-size: 16px;
        width: 80%;
    }
    .section-p5 .wholebox {
        max-width: 95%;
    }
    .section-3a .form-col {
        width: 100%;
    }
    #frmContact {
        align-items: start;
    }
    .section-3a .fs14 {
        width: 100%;
    }
    
    
    
    
    .section-3a .desc {
        width: 46%;
        margin-bottom: 0px;
    }
    .sc3a-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .sc3a-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #frmContact {
        align-items: start;
        max-width: 100%;
        width: 60%;
    }
    .section-3a h3,
    .sc3a-info {
        display: none;
    }
    .section-3a h4,
    .sc3a-info.unhidden {
        display: flex;
        justify-content: center;
        align-items: start;
        margin-top: 0px;
    }
    .section-3a h4 {
        margin-top: 60px;
        font-weight: 700;
    }
    .section-3a {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .section-1a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section-t1 .boxrow {
        justify-content: space-evenly;
    }
    .section-t1 .box {
        box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.5);
        width: 45%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section-f1 {
        padding-bottom: 0px;
    }
    .section-p5 {
        padding-top: 0px;
    }
}
/*custom3*/
@media (max-width: 1150px) { 
    .headeradd2 {
        left: -2%;
    }
}
@media (max-width: 1099px) {
    .section-p5 .wholebox {
        max-width: 95%;
        width: 100%;
        max-height: 400px;
    }
    .mySwiper1 .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section-p5 .wholebox img {
        height: 170px;
    }
    /*.section-p5 .swiper-button-next,
    .section-p5 .swiper-button-prev {
        display: flex;
    }
    .section-p5 .swiper-button-next {
        right: 20%;
    }
    .section-p5 .swiper-button-prev {
        left: 20%;
    }*/
}
/*custom4*/
@media (max-width: 1061px) { 
    .sc1abox {
        min-height: 354px;
    }
}
/*custom4*/
@media (max-width: 1050px) { 
    .headeradd2 {
        left: -8%;
    }
}
/*md*/   
@media (max-width: 992px) {
    .section-p5 .wholebox {
        max-width: 100%;
    }
    .navbar-highlight-btn {
        display: none;
    }
    .navbar .container {
        max-width: 650px;
    }
    .header-left {
        order: 2;
    }
    .header-right {
        order: 1;
    }
    .headeradd2 {
        left: 23%;
    }
    .header-left {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .header-left-text {
        align-items: center;
    }
    .header-left-text p {
        width: 70%;
        font-size: 18px;
    }
    .header-left h1 {
        font-size: 45px;
    }
    .header-left span {
        font-size: 20px;
    }
    .section-1a h3 {
        justify-content: center;
    }
    .sc1abox {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .section-1a .row-1a-fs {
        margin-left: auto;
        margin-right: auto;
    }
    .section-1a p {
        width: 95%;
    }
    .header-left h1,
    .header1 .highlight {
        font-size: 40px;
    }
    .delivery, .responsive, .greatlook, .seo, .wrench, .panelcmsa {
        width: 45px;
        height: 45px;
    }
    .section-1a h3 {
        font-size: 25px;
    }
    .sc1abox {
        min-height: 322px;
    }
    .scf1 {
        margin-bottom: 40px;
    }
}
@media (max-width: 920px) {
    .section-p5 .wholebox {
        max-height: 400px;
    }
    .section-p5 .wholebox img {
        height: 190px;
    }
}
@media (max-width: 900px) {
    .section-p5 .wholebox {
        max-width: 90%;
    }
}
/*custom5*/
@media (max-width: 875px) {
    .headeradd2 {
        left: 21%;
    }
    .section-3a .desc {
        width: 75%;
    }
}
/*custom6*/
@media (max-width: 800px) {
    .headeradd2 {
        left: 19%;
    }
}
/*sm*/   
@media (max-width: 785px) {
    .header-left h1,
    .header1 .highlight {
        font-size: 36px;
    }
}
/*sm*/   
@media (max-width: 768px) {
    .section-p5 .wholebox {
        max-height: 420px;
    }
    .section-p5 .box-bot {
        min-height: 250px;
    }
    .section-p5 .wholebox img {
        height: 180px;
    }
    .headeradd2 {
        left: 17%;
    }
    .sc1abox {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
    .boxrow {
        flex-direction: column;
    }
    .section-t1 .box p {
        width: 60%;
    }
    .section-t1 h2 {
        width: 65%;
    }
    .section-t1 .box {
        margin-bottom: 20px;
        box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.5);
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20px;
    }
    .section-t1 {
        padding-bottom: 20px;
    }
    .section-t1 h2::after {
        left: 25%;
        width: 50%;
    }
    .section-p5 .wholebox {
        max-width: 90%;
    }
    .section-p5 .box-bot {
        padding-left: 25px;
        padding-right: 25px;
    }
    .section-p5 .wholebox img {
        height: 175px;
    }
    .section-p5 .box-bot {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 659px) {
    .section-p5 .wholebox img {
        height: 160px;
    }
    .section-p5 .box-bot {
        padding-bottom: 10px;
    }
    .section-p5 h3 {
        font-size: 22px;
    }
}
/*custom8*/
@media (max-width: 650px) {
    .sc1abox {
        width: 90%;
    }
    .headeradd2 {
        left: 11%;
    }
    .section-f1 h2 {
        width: 60%;
    }
    .section-f1 .highlight::before {
        display: none;
    }
}
@media (max-width: 600px) {
    .section-p5 .wholebox {
        max-width: 60%;
    }
    .section-p5 .swiper-button-next {
        display: flex;
        right: 6%;
    }
    .section-p5 .swiper-button-prev {
        display: flex;
        left: 6%;
    }
    .section-p5 .box-bot {
        padding-top: 20px;
        justify-content: start;
        min-height: 210px;
    }
    .section-p5 .box-bot p {
        margin-bottom: 0px;
    }
    #frmContact {
        width: 90%;
    }
    .section-3a .desc {
        width: 100%;
        font-size: 17px;
    }
    .section-3a h2 {
        font-size: 30px;
    }
}
/*xs*/
@media (max-width: 576px) {
    .headeradd2 {
        left: 0%;
    }
    .header-left-text p {
        width: 85%;
    }
}
@media (max-width: 550px) {
    .section-p5 .box-bot {
        min-height: 220px;
    }
    .section-p5 .box-bot p {
        padding-bottom: 20px;
    }
}
/*custom7*/
@media (max-width: 460px) {
    .header1 {
        padding-top: 150px;
    }
    .headerphoto {
        width: 100%;
        height: auto;
    }
    .headeradd2 {
        left: 0%;
        height: 384px;
        top: -3%;
    }
    .header-left h1 {
        font-size: 35px;
    }
    .header-left-text p {
        width: 86%;
        font-size: 16px;
        color: var(--color-gray15);
    }
    .section-1a .row-1a-fs {
        margin-left: auto;
        margin-right: auto;
    }
    .section-1a .sctitle h2 {
        font-size: 32px;
    }
    .sc1abox {
        padding-top: 30px;
    }
    .section-1a h3 {
        font-size: 21px;
    }
    .section-1a p {
        font-size: 15px;
    }
    .section-t1 h2 {
        font-size: 24px;
        width: 100%;
    }
    .section-t1 p {
        width: 80%;
        font-size: 15px;
    }
    .section-f1 .highlight,
    .section-f1 h2 {
        font-size: 32px;
        width: 75%;
        margin-bottom: 30px;
    }
    .scf1 img {
        width: 240px;
        height: 200px;
    }
    .section-f1 h3 {
        font-size: 26px;
    }
    .section-f1 p {
      font-size: 15px;
    }
    .section-f1 .number {
        font-size: 34px;
    }
    .headeradd2 {
        display: none;
    }
    .sc1abox {
        width: 90%;
        min-height: 200px;
    }
    .section-p4 .scname h2 {
        font-size: 30px;
    }
    .accordion {
        font-size: 15px;
    }
    .section-p4 .questionset p {
        font-size: 16px;
    }
    .section-p4 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-p5 .wholebox {
        width: 70%;
        max-width: 100%;
    }
    .section-p5 h3 {
        font-size: 20px;
    }
    .section-3a .fs5 {
        font-size: 14px;
    }
    .navbar .container {
        max-width: 370px;
    }
    .headerphoto {
        width: 85%;
    }
    .header-left {
        position: relative;
        top: -10px;
        z-index: 2;
    }
    .header-right {
        z-index: 6;
    }
    .navbar-brand span {
        display: none;
    }
    .header1 .btn.btn2 span {
        font-size: 18px;
    }
    .section-t1 .box {
        box-shadow: -3px -16px 26px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.5);
        box-shadow: 13px 12px 26px rgb(5 5 5);
        margin-bottom: 20px;
        border-radius: 14px;
    }
    .arrow-f1 {
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
        transform: rotate(90deg);
        width: 45px;
        height: 45px;
        
        background-color: #60f647d1;
        border-radius: 50%;
        margin-top: 16px;
        width: 35px;
        height: 35px;
    }
    .section-f1 .highlight,
    .section-f1 h2 {
        margin-bottom: 0px;
    }
    .section-f1 .sctitle {
        margin-bottom: 20px;
    }
    .section-f1 {
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .section-1a {
        padding-bottom: 20px;
    }
    .headerphoto {
        filter: drop-shadow(0px 0px 8px #60f647);
        z-index: 66;
    }
    /*.section-f1 .sff1,
    .section-f1 .sff3 {
        background-color: #2d2d2d;
    }*/
    .section-f1 .sff1,
    .section-f1 .sff2,
    .section-f1 .sff3 {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .header1 h1,
    .header1 .highlight {
        font-size: 30px;
    }
    .header-left-text p {
        font-size: 15px;
    }
    .section-1a .sctitle h2 {
        font-size: 30px;
    }
    .section-p4 .scname h2 {
        font-size: 30px;
    }
    .navbar {
        background-color: var(--color-goat5);
    }
    .header-lright {
        padding-top: 10px;
    }
    .section-t1 .flex-column p {
        margin-bottom: 30px;
    }
    .section-p5 h2 {
        font-size: 30px;
    }
    .section-p5 .wholebox img {
        height: 138px;
    }
    .section-p5 h3 {
        font-size: 18px;
    }
    .przenosiny {
        width: 20px;
        height: 20px;
    }
    .section-p5 p {
        font-size: 14px;
    }
    .section-p5 .box-bot {
        padding-bottom: 6px;
    }
    .section-p5 {
        padding-bottom: 0px;
    }
    .section-3a h2 {
        font-size: 28px;
    }
    .sc3a-subtitle {
        font-size: 14px;
    }
    .section-3a .desc {
        font-size: 16px;
    }
    .section-3a h3 {
        font-size: 24px;
    }
    .sc3a-info p {
        font-size: 16px;
        color: #dfdfdf;
    }
    .section-3a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .container-checkbox {
        max-width: 20px;
    }
    .sc3a-right {
        top: 0px;
    }
    .sff3 {
        margin-bottom: 12px!important;
    }
    .section-p4 .container {
        max-width: 90%;
    }
    .section-3a .container {
        max-width: 90%;
    }
    .section-p5 .swiper-button-prev {
        left: 3%;
    }
    .section-p5 .swiper-button-next {
        right: 3%;
    }
    .section-p5 .swiper-pagination {
        bottom: 0px;
    }
    .section-p5 {
        padding-bottom: 20px;
    }
    .section-p5 .box-bot p {
        padding: 0px 6px;
    }
    .section-3a .desc {
        margin-bottom: 10px;
    }
    .section-3a h4 {
        margin-top: 40px;
    }
    .section-p5 .swiper-button-next,
    .section-p5 .swiper-button-prev {
        width: 60px;
        height: 60px;
        background-color: #3b3b3b;
    }
    .swiper-button-next:after, 
    .swiper-button-prev:after {
        transform: scale(0.6);
    }
    #kontakt0109 {
        top: -80px;
    }
    #portfolio0109 {
        top: -80px;
    }
}