@charset "utf-8";
/* Fonts */
@import "../font/font.css";
/* Bootstrap */
@import "../bootstrap/css/bootstrap.css";
/* Slick */
@import "../slick/css/slick.css";
@import "../slick/css/slick-theme.css";
/* wow animataion */
@import "../wow/css/animate.css";
:root {
    --success: #3B7E00;
    --teal: #C6D7B7;
    --white: #FFFFFF;
    --black: #000000;
}
body, *, html {
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: 'Rubik', sans-serif;
}
strong { font-weight: 500; }
ul, ol {list-style: none;padding: 0;}
.fLink,
.socialMedia,
.offersList .OFLeft,
.banner .bCArrow>a,
.banner .bCArrow {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}

.cta-pakete {
	float: right;
	margin: -50px 0 0 20px;
	}

/* header */
/* sticky */
.header {position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 9;}
.header .navbar {padding-left: 0;padding-right: 0;}
.navbarLogo:hover {text-decoration: none;}
.header .logoTag {display: block;font-size: 30px;line-height: 40px;color: var(--black);margin-top: 1rem;}
.header .navbar-nav>li>a {font-size: 24px;text-transform: uppercase;}
.header .navbar-nav>li .dropdown-menu>.dropdown-item {font-size: 22px;text-transform: uppercase;white-space: unset;line-height: 1.4;}
.header.sticky {position: fixed;width: 100%;top: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 1);z-index: 9;
    box-shadow: 0 2px 12px rgba(3, 0, 80, 0.1);
    -webkit-box-shadow: 0 2px 12px rgba(3, 0, 80, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.header.sticky .logoTag {display: none;opacity: 0;visibility: hidden;}
.animated {animation-duration: .6s;animation-fill-mode: both;}
.slideInDown {animation-name: bm;}
@-webkit-keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-moz-keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-o-keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
}
/* /sticky */
/* navIcon */
#navIcon {width: 26px;height: 26px;position: relative;cursor: pointer;border: none;    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#navIcon:focus {outline: none;}
#navIcon span {display: block;position: absolute;height: 4px;width: 100%;background: var(--success);border-radius: 6px;opacity: 1;left: 0;    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#navIcon span:nth-child(1) {top: 0;}
#navIcon span:nth-child(2), #navIcon span:nth-child(3) {top: 9px;}
#navIcon span:nth-child(4) {top: 18px;}
#navIcon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#navIcon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#navIcon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#navIcon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
/* /navIcon */
.header.sticky .navbar {padding-top: 1.75rem;padding-bottom: 1.75rem;}
@media (min-width: 992px) {
    .header .navbar {padding-top: 2rem;padding-bottom: 2rem;}
    .header .navbar-expand-lg .navbar-nav>li {padding-right: 0;padding-left: 0;}
    .header .navbar-expand-lg .navbar-nav>li>a {padding-right: 1rem;padding-left: 1rem;position: relative;}
    .header .navbar-nav>li>a.active:before {border-bottom: 4px solid var(--success);content: "";position: absolute;left: 0;right: 0;bottom: -3px;width: 100%;margin: 0 auto;}
    .header .navbar-nav>li>a.dropdown-toggle::after {opacity: 0;visibility: hidden;display: none;}
    .header .navbar-nav>li .dropdown-menu {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);border-width: 4px 0 0 0;border-top-color: var(--success);margin: -1px 0 0 0;border-radius: 0;display: block;opacity: 0;visibility: hidden;background-color: var(--teal);transform: translateY(50px);}
    .header .navbar-nav>li.dropdown:hover .dropdown-menu {opacity: 1;transform: translateY(0px);visibility: visible;}
    .header .dropdown-menu > .dropdown-item {margin-bottom: 0.5rem;}
    .header .navbar-nav>li .dropdown-menu > .dropdown-item:hover {color: var(--success);background-color: transparent;}
}
@media (max-width: 992px) {
    .header {position: fixed;width: 100%;top: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 0.6);z-index: 9;    
        box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);
        -webkit-box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }
    .header .navbar-nav {margin-top: 2rem;}
    .header .navbar {padding-top: 1rem;padding-bottom: 1rem;}
    .header .navbar-nav .dropdown-menu {border: none;background: transparent;}
    .header .navbar-nav>li>a.dropdown-toggle::after {margin-top: 0.75rem;float: right;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .header .navbar-nav>li.show>a.dropdown-toggle::after {transform: rotate(180deg);}    
}
@media (max-width: 1200px) {
    .header .logoTag {font-size: 16px;line-height: 20px;}
    .footer .fOne img,
    .navbarLogo>img {max-width: 220px;width: 100%;}
    .header .navbar-nav>li>a {font-size: 22px;}
    .header .navbar-nav>li .dropdown-menu>.dropdown-item {font-size: 20px;}
}
@media (max-width: 575px) {
    .navbarLogo>img {max-width: 200px;}
    .header .logoTag {font-size: 16px;margin-top: 0.5rem;line-height: 18px;}
}
/* /header */
/* banner */
.banner {position: relative;} 
.banner .bContent {position: absolute;right: 54%;bottom: 15%}
.bContent>ul>li {text-align: right;list-style: none;color: var(--white);font-size: 38px;font-weight: 300;line-height: 1.4;}
.banner .bCArrow {justify-content: center;position: absolute;left: 0;right: 0;bottom: 50px;z-index: 3;}
.banner .bCArrow>a {width: 50px;height: 50px;align-items: center;justify-content: center;border: 2px solid var(--white);border-radius: 50%;animation: bounce 2s infinite;}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {transform: translateY(0);}
    40% {transform: translateY(-25px);}
    60% {transform: translateY(-10px);}
}
/* /banner */
/* helpSection */
.helpSection {padding-top: 150px;padding-bottom: 150px;}
.titleSub {font-size: 36px;color: var(--success);line-height: 1.4;font-weight: 400;margin-bottom: 1.5rem;}
.listh {font-size: 28px;color: var(--success);line-height: 30px;font-weight: 400;}
.bigfont {color: #000; font-size: 30px;line-height: 1.4;font-weight: 400;margin-bottom: 1.5rem;}
.offers {margin-top: 100px;}
.offersList {list-style: none;padding: 0;}
.offersList li {margin-bottom: 4rem;}
.offersList li:last-child {margin-bottom: 0;}
.offersList .OFLeft {width: 16rem;height: 16rem;align-items: center;justify-content: center;background-color: var(--success);border-radius: 50%;font-size: 25px;text-transform: uppercase;color: var(--white);font-weight: 200;}
.offersList .OFLeft span {text-align: center;line-height: 1;}
@media (min-width: 768px) {
    .offersList li:nth-child(even) .OFLeft, 
    .offersList li:nth-child(even) .OFRight {text-align: right;}
}
@media (min-width: 992px) {
    .titleTag span,
    .offersList li .OFRight .titleSub span {display: block;}
    .offersList .OFLeft {width: 20rem;height: 20rem;font-size: 35px;}
}
@media (min-width: 1200px) {
    .offersList .OFLeft {width: 25rem;height: 25rem;font-size: 55px;}
}
@media (min-width: 1366px) {
    .offersList .OFLeft {width: 32rem;height: 32rem;font-size: 60px;}
}
/* /helpSection */
/* homeAbout */
.homeAbout {padding-top: 80px;background-repeat: no-repeat;background-size: cover;background-position: bottom;position: relative;overflow: hidden;}
.abCon {position: absolute;top: 65%;left: 64%;max-width: 400px;transform: translate(-64%, -65%);}
/* /homeAbout */
/* inerSection */
.inerSection {padding-top: 20rem;padding-bottom: 10rem;position: relative;}
.inerSection .inCircle {position: absolute;top: -12%;left: -14%;z-index: -1;}
.titleArea {margin-bottom: 5rem;position: relative;}
.title {font-size: 72px;text-transform: uppercase;line-height: 1;margin-bottom: 1rem;font-weight: 300;color: var(--white);}
.titleTag {font-size: 60px;color: var(--success);line-height: 1;font-weight: 400;}
.coOne {margin-bottom: 4rem;}
.btnGroup .btn.btn-outline-success[aria-expanded="true"] {color: var(--white);background-color: var(--teal);border-color: var(--teal);}
.scCard {position: absolute;left: 0;right: 0;margin: 0 auto;max-width: 1000px;width: 95%;z-index: 2;}
.scCBody {margin-top: 1rem;padding: 2.5rem;background-color: var(--success);}
.conForm.kontaktForm .custom-control-label::before,
.conForm.kontaktForm .form-control {background-color: #eef5e9;}
.numList {counter-reset: numCounter 0;}
.numList > li {counter-increment: numCounter 1;padding-left: 3rem;margin-bottom: 2rem;}
.numList > li:last-child {margin-bottom: 0;}
.numList > li:before {content: "" counter(numCounter) ".";font-size: 30px;color: var(--success);position: absolute;top: -6px;left: 0;}
.dotList > li,
.numList > li {font-size: 24px;line-height: 1.4;color: var(--black);position: relative;}
.dotList > li {padding-left: 1rem;}
.dotList > li:before {width: 5px;height: 5px;border-radius: 50%;content: "";background-color: var(--black);position: absolute;left: 0;top: 10px;}
.coTBox {border: 2px solid var(--success);padding: 3rem;margin-bottom: 2rem;}
@media (min-width: 1921px) {
    .container.containerCircle {position: relative;top: -40.5rem;left: -16.5rem;}
}
/* inerSection */
/* footer */
.footer {background-color: var(--teal);padding-top: 100px;}
.footer .konLogo {font-size: 60px;text-transform: uppercase;font-weight: 300;color: var(--success);margin-bottom: 2rem;display: block;}
.fTop>a:hover {text-decoration: none;}
.footer .fOne {margin-bottom: 7rem;}
.footer .fOne .FLTag {display: block;margin-top: 1rem;font-size: 30px;line-height: 40px;margin-bottom: 2rem;color: var(--black);}
.footer .fOne .FLAddress {font-size: 24px;line-height: 30px;color: var(--black);}
.footer .fTwo {margin-bottom: 7rem;}
.fThree {padding-top: 2.5rem;}
.socialMedia {align-items: center;}
.socialMedia>a {padding-right: 1.5rem;}
.socialMedia>a:last-child {padding-right: 0;}
.socialMedia>a:hover svg path {fill: var(--success);}
.fLink {flex-direction: column;}
.fLink>a {font-size: 24px;color: var(--black);text-transform: uppercase;padding-bottom: 1rem;}
.fLink>a.subLink {padding-left: 1rem;}
.footer .conForm .col-md-1, .footer .conForm .col-md-2, .footer .conForm .col-md-3, .footer .conForm .col-md-4, .footer .conForm .col-md-5, .footer .conForm .col-md-6, .footer .conForm .col-md-7, .footer .conForm .col-md-8, .footer .conForm .col-md-9, .footer .conForm .col-md-10, .footer .conForm .col-md-11, .footer .conForm .col-md-12 {padding-right: 10px;padding-left: 10px;}
.kontaktForm .custom-control-label p,
.footer .custom-control-label p {font-size: 18px;font-weight: 400;line-height: 22px;color: var(--black);margin-bottom: 1.5rem;}
.kontaktForm .custom-control-label p a,
.footer .custom-control-label p a {color: var(--success);text-decoration: underline;}
.fCopyright {padding-top: 60px;padding-bottom: 20px;font-size: 24px;color: var(--black);}
/* /footer */
/* cookieModal */
.cookieModal {position: fixed;bottom: -100%;left: 0;width: 100%;z-index: 1111;background: #131a0b;transition: ease-in-out 0.8s;}
.cookieModal.in {bottom: -1px;}
.cookieModal .cmContent {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.cookieModal .cmContent h5 {letter-spacing: 1px;color: var(--white);}
.cookieModal .cmContent p {color: var(--white);font-size: 14px;}
.cookieModal .cmContent p a {color: #222;text-decoration: none;font-weight: 600;}
.cookieModal .cmContent a.btn-link {color: var(--success);text-decoration: underline;}
/* /cookieModal */
/* scroll */
#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 44px;height: 44px;background-color: var(--black);display: none;color: #999;z-index: 9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#scroll svg {position: absolute;top: 50%;left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* /scroll */
/* media */
@media (min-width: 1440px) {
    .bContent > ul > li {font-size: 40px;}
}
@media (min-width: 1500px) {
    .bContent > ul > li {font-size: 44px;}
}
@media (min-width: 1700px) {
    .bContent > ul > li {font-size: 48px;}
}
@media (max-width: 1700px) {
    .abCon {top: 65%;left: 67%;transform: translate(-67%, -65%);}
}
@media (max-width: 1500px) {
    .abCon {top: 65%;left: 70%;transform: translate(-70%, -65%);}
}
@media (max-width: 1440px) {
    .inerSection .inCircle {top: -15%;left: -20%;width: 1100px;height: 1100px;}
}
@media (max-width: 1366px) {
    .titleArea {margin-bottom: 4rem;}
    .inerSection {padding-top: 15rem;padding-bottom: 8rem;}
    .inerSection .inCircle {width: 1000px;height: 1000px;}
    .title {font-size: 60px;}
    .titleTag {font-size: 52px;}
    .helpSection {padding-top: 100px;padding-bottom: 100px;}
    .abCon {top: 70%;left: 72%;transform: translate(-72%, -70%);}
}
@media (max-width: 1300px) {
    .bContent > ul > li {font-size: 34px;}
}
@media (max-width: 1200px) {
.cta-pakete {
	float: none;
	margin: 20px 0 0 0;
	}
    .inerSection .inCircle {width: 900px;height: 900px;}  
    .footer .konLogo,
    .title {font-size: 45px;}
    .titleTag {font-size: 36px;}
    .footer .fOne .FLTag {font-size: 24px;}
    .dotList > li,
    .numList > li,
    .fLink > a,
    p {font-size: 20px;}
    .titleArea {margin-bottom: 3rem;}
    .footer .fOne {margin-bottom: 5rem;}
    .titleSub {font-size: 28px;}
.listh {font-size: 26px;line-height: 32px;}
    .abCon p {margin-bottom: 1.5rem !important;}
    .abCon .btn {padding: 0.5rem 2rem;font-size: 16px;}
    .bContent > ul > li {font-size: 28px;}
    .abCon {width: 370px;}
    .abCon .titleTag {font-size: 32px;}
    .abCon p {font-size: 18px;}
}
@media (max-width: 992px) {
    .btn { font-size: 20px;}
    .inerSection {padding-top: 12rem;padding-bottom: 5rem;}
    .inerSection .inCircle {width: 700px;height: 700px;top: -8%;left: -15%;}
    .footer .konLogo,
    .title {font-size: 35px;}
    .titleTag {font-size: 28px;}
    .footer .fOne .FLAddress,
    .footer .fOne .FLTag {font-size: 20px;}
    .kontaktForm .custom-control-label p, 
    .footer .custom-control-label p,
    .dotList > li,
    .form-control,
    .numList > li,
    .fLink > a,
    p {font-size: 17px;}
    .footer .fOne,
    .titleArea {margin-bottom: 2rem;}
    .footer {padding-top: 80px;}
    .numList > li::before,
    .titleSub {font-size: 23px; line-height: 1.2em;}
.listh {font-size: 22px;line-height: 22px;}
     .bigfont {font-size: 20px;}
    .helpSection {padding-top: 80px;padding-bottom: 80px;}
    .offers {margin-top: 70px;}
    .bContent > ul > li {font-size: 22px;}
    .offersList .OFLeft {width: 12rem; height: 12rem;}
}
@media (max-width: 900px) {
    .abCon {width: 270px;}
    .abCon .titleTag {font-size: 28px;}
    .abCon p {font-size: 16px;margin-bottom: 1.25rem !important;}
    .abCon .btn {padding: 0.35rem 1.5rem;font-size: 15px;}
}
@media (min-width: 769px) {
    .hmobbg {display: none;opacity: 0;visibility: hidden;}
}
@media (max-width: 768px) {
    .footer .konLogo, .title {font-size: 30px;}
    .titleTag {font-size: 22px;}
    .inerSection {padding-top: 8rem;padding-bottom: 3rem;}
    .mbbg {display: none;opacity: 0;visibility: hidden;}
    .banner .bCArrow {bottom: 15px;}
    .banner .bCArrow > a {width: 38px;height: 38px;}
    .banner .bCArrow > a > svg {width: 16px;}
    .inerSection .inCircle {width: 600px;height: 600px;}
    .homeAbout,
    .footer {padding-top: 60px;}
    .offers {margin-top: 50px;}
    .fCopyright {padding-top: 30px;}
    .secNav .fThree {padding-top: 0;}
    .dotList > li,
    .form-control,
    .numList > li,
    .fLink > a,
    p {font-size: 15px;}
    .footer .fOne .FLAddress,
    .footer .fOne .FLTag,
    .btn,
    .numList > li::before,
    .fCopyright,
    .titleSub {font-size: 20px;line-height: inherit;}
.listh {font-size: 18px;line-height: 18px;}
 .bigfont {font-size: 18px;line-height: inherit;}
    .numList > li {padding-left: 2rem;}
    .coOne {margin-bottom: 2rem;}
    .coTBox,
    .scCBody {padding: 2rem;}
    .offersList .OFLeft {margin-bottom: 1.5rem;font-size: 23px;}
    .offersList li {margin-bottom: 3rem;}
    .helpSection {padding-top: 60px;padding-bottom: 60px;}
    .homeAbout {height: 500px;}
    .homeAbout .habg {width: 100%;height: 100%;object-fit: cover;}
    .abCon {left: unset;right: 18%;transform: translate(18%, -70%);}
    .footer .fOne img,
    .navbarLogo>img {max-width: 180px;}
    .header .logoTag {font-size: 14px;line-height: 16px;}
    .footer .fOne .FLTag {margin-bottom: 1rem;}
}
@media (max-width: 640px) {
    .homeAbout, .footer {padding-top: 40px;}
    .helpSection {padding-top: 40px;padding-bottom: 40px;}
    .offers {margin-top: 40px;}
    .btn {font-size: 17px;padding: 0.5rem 2rem;}
    .inerSection .inCircle {width: 500px;height: 500px;left: -20%;top: -6%;}
    .titleArea {margin-bottom: 1.25rem;}
    .coTBox,
    .scCBody {padding: 1rem;}
    .footer .konLogo {font-size: 35px;margin-bottom: 1rem;}
    .homeAbout  {padding-top: 20px;}
    .homeAbout {font-size: 25px;}
    .abCon {left: unset;right: 14%;transform: translate(14%, -70%);max-width: 230px;}
    .banner .bContent {right: 46%;}
    .footer .fOne .FLAddress,
    .footer .fOne .FLTag,
    .numList > li::before,
    .fCopyright,
    .titleSub {font-size: 18px;line-height: inherit;}
    .bigfont {font-size: 18px;line-height: inherit;}
    .dotList > li,
    .numList > li,
    .footer .custom-control-label p,
    .fCopyright,
    .form-control,
    .fLink > a, p {font-size: 15px;}
}
@media (max-width: 575px) {
    .btnGroup > .btn:first-child {margin-bottom: 1rem;}
    .bContent > ul > li {font-size: 19px;}
    .header .logoTag {font-size: 12px;line-height: 14px;}
    .footer .fOne img,
    .navbarLogo>img {max-width: 160px;}
    .cookieModal .cmContent {padding-top: 1rem;padding-bottom: 1rem;}
}
@media (max-width: 480px) {
    .inerSection .inCircle {width: 400px;height: 400px;top: -2%;}
    .bContent > ul > li {font-size: 16px;line-height: 1.2;}
}
@media (max-width: 360px) {
    .inerSection .inCircle {width: 380px;height: 380px;top: -1%;left: -30%;}
}
/* /media */