@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

/* Reset & Basics */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote, q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

a, a:focus, a:visited {    text-decoration: none;    outline: 0;}

:root {--navHeight: 60px;}

a {color:#000;}
hr { display: block; border: none; outline: none; height: 1px; width: 100%; margin: 0 auto 15px; clear: both;}
hr.gradient-red {    width: 2px;    height: 55px;    background: linear-gradient(0deg, #c2000b 0%, #fff 100%);    margin: 10px auto 15px;}

h1, h2, h3, h4, h5, h6 {     font-family: 'Poppins', sans-serif; }

body, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select {   font-family: 'Poppins', sans-serif; }

body {    font-size: 16px;    line-height: 24px;	font-weight: 300;}
*, *::before, *::after {    box-sizing: inherit;    -webkit-font-smoothing: antialiased;}
img, iframe {display:block;}
img {    max-width: 100%;    height: auto;image-rendering: -webkit-optimize-contrast;}
img.full {    width: 100%;}

h1 {font-weight: 400;font-size: 42px;line-height: 52px;}
h2 {font-weight: 400;font-size: 42px;line-height: 52px;}
h3 {font-weight:400; font-size:28px; line-height:38px;}
h4 {font-weight: 400; font-size:20px; line-height:24px;}
b, strong {font-weight:600;}
/*p {    margin: 0 0 15px;}*/
p.big {font-size:18px; line-height:29px;}
p.small {font-size:14px;}
a.btn-red {display:inline-block; font-weight:500; font-size:16px; line-height:24px; background:#C2000B; border-radius:5px; color:#fff; padding:12px 20px;}
a.btn-gray {display:inline-block; font-weight:500; font-size:16px; line-height:24px; background:#fff; border-radius:5px; border:1px solid #8A8A8A; color:#8A8A8A; padding:12px 20px;}
a.btn-action {    display: inline-block;    font-weight: 500;    font-size: 16px;    line-height: 24px;    background: #C2000B;    border-radius: 5px;    color: #fff;    padding: 12px 20px;}
a.btn-white-stroke {    display: inline-block;    font-weight: 500;    font-size: 16px;    line-height: 24px;    background: transparent;    border-radius: 5px;    color: #fff;    padding: 10px 18px;    border: 2px solid #ffff;}
a.btn-minimal-red {    display: inline-block;    font-weight: 500;    font-size: 16px;    line-height: 24px;    color: #C2000B;    border-radius: 5px;    padding: 10px 18px;    border: 2px solid #C2000B;}


blockquote {    padding: 40px 60px;    border: 2px solid #c2000bd6;    margin-bottom: 30px;    line-height: 30px; position:relative;}
blockquote p:last-child {margin:0px;}
blockquote:before {    content: "";    position: absolute;    background: url(/wp-content/uploads/2022/11/cytat-01.svg);    width: 69px;    height: 56px;    transform: translate(-30px, -18px);}


ul.list {    margin: 0 0 20px 20px;}
ul.list li {    position: relative; margin-bottom:10px;}
ul.list li:before {    content: "";    position: absolute;    background: #C2000B;    width: 5px;    height: 5px;    border-radius: 50%;    margin-left: -12px;    margin-top: 10px;}

ul.list-02 {  /*  margin: 0 0 0 24px;*/}
ul.list-02 li {    position: relative;    margin-bottom: 24px;    padding-left: 24px;}
ul.list-02 li:last-child {  margin-bottom: 0px;}
ul.list-02 li:before {    content: url(/wp-content/uploads/2022/11/list.svg);    position: absolute;    margin-left: -24px;    margin-top: 3px;}


/* Action bar */

ul.contact_details {    display: flex;    justify-content: flex-end;}
ul.contact_details li {    font-size: 14px;    font-weight: 400;    margin-right: 45px;display: flex;    align-items: center;}
ul.contact_details li:last-child {    margin-right: 0px;}
ul.contact_details li a:hover {    text-decoration: underline;}
ul.contact_details li i {    font-size: 20px; margin-right:3px;}

/* Main sections */

#Wrapper {    max-width: 100%!important;    width: 100%!important;    margin: 0!important;    overflow: hidden;}
#Header {    position: relative;     min-height: 72px;}
#Header_wrapper {    position: relative;}
#Content {    width: 100%; /*padding-top: 30px;*/  }
#Subheader {    background: #F6F6F6;    padding: 12px 0 10px;}


.section_wrapper, .container {    max-width: 1410px;margin: 0 auto;    position: relative;}
.image-wrapper img {    width: 100%;    height: auto;}




/* Breadcrumbs */

ul.breadcrumbs {    display: flex;     flex-wrap: wrap;    font-size: 14px;    line-height: 24px; font-weight:300; }
ul.breadcrumbs .sep {    margin: 0 16px;}
ul.breadcrumbs li a {color:#6E6E6E;}
ul.breadcrumbs li:first-child a {text-decoration:underline;}
ul.breadcrumbs li:last-child a { font-weight:500;}

/* Sidebar | Sidebar menu */

#sidebar {    max-width: 205px;    margin-right: 12px;    flex: 1;     z-index: 999; position:absolute !important;}
#sidebar .inner-wrapper-sticky {    position: fixed !important; left:30px !important; }
.sidebar {    opacity: 0;    transition: all 0.3s linear;}
.sidebar.is-affixed {    opacity: 1;    transition: all 0.3s linear;}


#fixed-kurs {    right:433px !important;    z-index: 9999; position:absolute !important; pointer-events:none; }
#fixed-kurs .fixed-kurs-wrapper {  position: fixed !important;  max-width: 343px;    box-sizing: border-box;   right: 20px !important; left: auto !important;
    bottom: 20px !important;    top: auto !important;}
#fixed-kurs {    opacity: 0;    transition: all 0.3s linear;}
#fixed-kurs.is-affixed {    opacity: 1;    transition: all 0.3s linear;pointer-events:all;}

#fixed-kurs .fixed-kurs-wrapper {display: flex;    flex-direction: column;    align-items: baseline;    padding: 10px 16px;    background: #F7F5F5; max-width: 319px;   border: 1px solid #E2E2E2;}
#fixed-kurs p {    font-size: 14px;    font-weight: 400;}
#fixed-kurs p.title {margin-bottom:7px;}
#fixed-kurs p.regular {color:#848484; margin: 10px 0 0px;}
#fixed-kurs p.promo {  margin-bottom:10px; }

ul.otrzymasz {    max-width: 450px;    text-align: left;    margin: 28px auto;    display: grid;    grid-template-columns: repeat(2, 2fr);    grid-gap: 15px 30px;}
ul.otrzymasz li {    position: relative;	padding-left: 27px;}
ul.otrzymasz li:before {    position: absolute;    margin-left: -27px;    margin-top: 3px;}

#fixed-kurs ul.otrzymasz {    font-size: 11px;    grid-gap: 6px 0px;    font-weight: 400;    max-width: 100%;    margin: 15px 0 5px;}
#fixed-kurs ul.otrzymasz li {    padding-left: 23px;}
#fixed-kurs ul.otrzymasz li:nth-child(1):before {
    content: "";    background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-01.svg) center no-repeat;    width: 18px;    height: 18px;    background-size: contain;    margin-left: -23px;}
#fixed-kurs ul.otrzymasz li:nth-child(2):before {
	content: "";    background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-03.svg) center no-repeat;    width: 18px;    height: 18px;    background-size: contain;    margin-left: -23px;}
#fixed-kurs ul.otrzymasz li:nth-child(3):before {
    content: "";    background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-02.svg) center no-repeat;    width: 18px;    height: 18px;    background-size: contain;    margin-left: -23px;}
#fixed-kurs ul.otrzymasz li:nth-child(4):before {    
	content: "";    background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-04.svg) center no-repeat;    width: 18px;    height: 18px;    background-size: contain;    margin-left: -23px;}


ul#side-menu {  display: inline-block;    font-size: 12px;    font-weight: 400;      min-width: 205px;    border-radius: 0px;}
ul#side-menu li {    padding: 0 20px 0 16px;     border-left: 4px solid #F7F5F5; transition: all 0.3s linear;    }
ul#side-menu li a {   display: inline-block;    min-width: 155px;   padding: 11px 0;  color: #000; white-space: nowrap;}
ul#side-menu li:last-child a {    border: none;}
ul#side-menu li.active { transition: all 0.3s linear;}
ul#side-menu li.active a {font-weight:600;}
ul#side-menu li:hover  {  transition: all 0.3s linear;}
ul#side-menu li:hover a {font-weight:600;}


/* Sidebar | Horizontal menu */

#Sub_menu {  background: #F6F6F6;    overflow-x: scroll; opacity:0; position:fixed; top: 0px; z-index:12;width: 100%;box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);}
#Sub_menu.sub-sticky {  position:fixed; top: var(--navHeight); z-index:998;width: 100%; opacity:1; }	
.admin-bar #Sub_menu.sub-sticky {   top: calc( var(--wp-admin--admin-bar--height) + var(--navHeight));  }

#Sub_menu::-webkit-scrollbar {    display: none;}
ul#horizontal-menu li.active a, ul#horizontal-menu li a:hover {      font-weight: 600;   transition: all 0.3s linear;}
ul#horizontal-menu li a {    color: #6E6E6E;    font-size: 12px;    font-weight: 600;    padding: 12px 0 13px;     display: inline-block; white-space: nowrap; transition: all 0.3s linear;}
ul#horizontal-menu {    display: flex;   justify-content: space-between;}
ul#horizontal-menu li {    padding-right: 120px; }
ul#horizontal-menu li:last-child {    padding-right: 20px; }


/* Top_bar | menu | hamburger menu */

#Top_bar {    position: relative;   z-index: 999;   background: #fff;}
#Top_bar .top_bar_left {    display: flex;    align-items: center;    justify-content: space-between;}
#Top_bar .logo {    display: flex;    align-items: center;     z-index: 999;}

#Top_bar .logo .logo-separator {    width: 2px;    height: 37px;    background: black;    margin: 0 17px;}
#Top_bar .logo .logo-desc { font-size:18px; line-height: 1;    position: relative;    display: flex;  }

.premium {    position: relative;    display: flex;    line-height: 1;}
.premium span:before {    content: "";    position: absolute;    width: 14px;    height: 15px;    background: #C2000B;    top: 1px;    left: 0;}
.premium span {    background: linear-gradient(0deg, #614519 0%, #C6B382 100%);    background: -webkit-linear-gradient(0deg, #ebcb98 0%, #e4b05b 25%, #d7be96 50%, #d09f27 75%, #ebcb98 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-box-decoration-break: clone;    font-size: 18px;    line-height: 1;    font-weight: 900;    animation: premium 8s infinite;    padding-left: 17px;    position: relative;    margin-left: 8px;	}

@keyframes premium {
	0% {background-size: 200% 100%;  background-position: 100%;}
	50% {background-size: 200% 100%; background-position: 0 100%;}
	100% {background-size: 200% 100%;  background-position: 100%;}
}


#Top_bar .logo img {width:auto;}
a#logo {    font-size: 32px;     line-height: 1;}

#Top_bar .menu_wrapper {  width: auto;}
#Top_bar .menu {    display: flex;    justify-content: space-between;}
#Top_bar.is-sticky {    position: fixed;    width: 100%; top:0px;}

.admin-bar #Top_bar.is-sticky {    top: var(--wp-admin--admin-bar--height);}




#menu {    display: flex;    align-items: center;}
#menu > ul > li > a {    font-family: 'Poppins', sans-serif;         font-size: 16px;    font-weight: 400;    letter-spacing: 0px; padding:0 20px;line-height: 77px;}
#menu > ul > li > a i {    color: #C2000B;}
#menu a.btn-action {    padding: 15px 25px;    border-radius: 5px;    font-size: 14px;    font-weight: 500;    display: inline-block;    line-height: 20px;    }
.menu_mobile_wrapper  a.btn-action  {    padding: 15px 25px;    border-radius: 5px;    font-size: 18px;    font-weight: 500;    display: inline-block;    line-height: 20px;    margin-top: 10px;}

#menu li {    position: relative;}
#menu ul ul.sub-menu {    display: none;}
#menu ul li:hover > ul.sub-menu {    display: block;}
#menu ul ul.sub-menu {    display: none;    position: absolute; top: 100%; left: 0;  z-index: 99999;  /*width: 220px; */     width: 336px;  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);  border-radius: 0 0 10px 10px; overflow:hidden;}

#menu ul ul.sub-menu li a {    display: block;    padding: 10px 20px;    font-family: 'Poppins', sans-serif;    font-size: 14px; line-height:20px;    font-weight: 500;    letter-spacing: 0px;}
#menu ul ul.sub-menu li:last-child {border:none;}

.hamburger {    position: relative;    z-index: 100;   padding: 0px;    border: none;   cursor: pointer;    }
.hamburger i {    font-size: 40px;}
.hamburger .saf-menu-close {  display: none;}

nav#mobile-menu {  position: fixed; transform: translateY(-100%); transition: transform 0.2s;  top: 0; left: 0; right: 0;  bottom: 0;  z-index: 99;  list-style: none;  padding-top: 4rem;  display: flex; flex-direction: column;   align-items: center; text-align: center; opacity:0;padding: 0 33px;    overflow: scroll;    height: auto;      padding-top: 80px !important;  }
nav#mobile-menu.showMenu {  transform: translateY(0) !important; opacity:1;}
.menu-mobile {}
.menu-mobile li a {    font-size: 24px;    line-height: 52px; font-weight:300; }
.menu-mobile ul li a  {    font-size: 14px;    line-height: 36px; font-weight:400;}
.menu_mobile_wrapper {    display: none;}


/*
nav#mobile-menu .menu-mobile li ul li:last-child a {    border: none;}
nav#mobile-menu .menu-mobile li ul li a {    padding: 5px 20px;    background: #f5f5f5;    border-bottom: 1px solid #dddddd;    display: block;}
*/

body.menu-open {overflow: hidden;  height: 100vh;}
body.menu-open #Action_bar {    display: none;}	

/* Footer */

#Footer {    background: #F7F5F5;}
#Footer h6 {font-size:12px; font-weight:600; color:#777777}
.custom-footer {    display: grid;  grid-template-columns: 5fr 5fr 2fr;   grid-gap: 30px;	padding: 37px 0 45px;}

ul.custom-footer-menu {    font-size: 14px;    font-weight: 300;    line-height: 24px; color:#777777;}
ul.custom-footer-menu li {    margin-bottom: 18px;}
ul.custom-footer-menu li:last-child {    margin-bottom: 0px;}
ul.custom-footer-menu li a { color:#777777;}
ul.custom-footer-menu li a:hover { text-decoration:underline;}

.footer_copy .container {    border-top: 1px solid #E1E1E1; padding: 17px 0; display:flex; justify-content:space-between;}
.copyright, .copyright a {    font-size: 14px;    font-weight: 300; color:#777777;}
.copyright a:hover {text-decoration:underline;}
ul.social li {    display: inline-block;    margin-right: 18px;}
ul.social li:last-child {margin-right:0px;}
.custom-footer	ul.social.mobile {display:none; margin-top:37px;}

input::placeholder, textarea::placeholder, input, textarea {opacity:1;   -webkit-transition: all .6s ease-in-out;    -moz-transition: all .6s ease-in-out;    -o-transition: all .6s ease-in-out;    transition: all .6s ease-in-out;}
input:focus::placeholder, textarea:focus::placeholder {opacity:0;   }

input[type="submit"] {          background: #C2000B;    color: #fff;    display: inline-block;    line-height: 24px;    font-size: 16px;    font-weight: 500;    padding: 12px 20px;    text-decoration: none;    box-shadow: none;    border-radius: 5px;    border: none;    transition: all 0.3s linear;}
div.wpcf7 .ajax-loader, .wpcf7-spinner {display:none;}
input[type="submit"] {margin-right:0px !important;}

input[type="email"], input[type="tel"], input[type="text"], select,  textarea {box-shadow:none;padding: 14px 20px 13px; border: 1px solid #D1D1D1; border-radius:5px; display:block;}
label span:not(.acceptance-928) {    display: inline-block;    margin-bottom: 5px;    font-size: 14px;
    font-weight: 400;}
.accept label {       display: block;     padding-left: 25px;    font-size: 12px;    font-weight: 300;    color: #2E2E2E;    line-height: 16px; }
.accept a {color:#000; font-weight:600;}

.form-col { display: grid;    grid-template-columns: repeat(2, 1fr);    grid-gap: 30px;}
textarea {resize:none;}
input[type="checkbox"] {margin:0;}
.wpcf7-list-item {    margin: 2px 0 0 0px;}
span.wpcf7-form-control-wrap.acceptance-928 {    display: inline-block !important;    margin: 0 0 0 -25px !important;    position: absolute !important;}
.accept span.wpcf7-form-control-wrap {    display: inline-block !important;    margin: 0 0 0 -25px !important;    position: absolute !important;}

input[type="email"]:focus, input[type="tel"]:focus, input[type="text"]:focus, select:focus, textarea:focus, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, input[type="text"]:focus-visible, select:focus, textarea:focus-visible {    border: 1px solid black !important; outline:none;}
input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, select, textarea::placeholder  {  color: #A7A7A7;}
	
.wpcf7 form.sent .wpcf7-response-output:before {    content: "";    width: 0;    height: 0;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-bottom: 5px solid #45b450;    position: absolute;    top: -5px;}
.wpcf7 form.sent .wpcf7-response-output {    display: inline-block;    background: #46b450;    color: #fff;    border-radius: 5px;        margin: 20px 0;    position: relative;font-size:12px;line-height: 1;    padding: 10px 20px;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {  display: inline-block;    background: #c2000b;    color: #fff;    border-radius: 5px;        margin: 20px 0;    position: relative;font-size:12px;line-height: 1;    padding: 10px 20px;}

.wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.unaccepted .wpcf7-response-output:before, .wpcf7 form.payment-required .wpcf7-response-output:before {   content: "";    width: 0;    height: 0;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-bottom: 5px solid #c2000b;     position: absolute;    top: -5px;}

.column, .columns {    float: left;    margin: 0 0 10px;}
.one.column {    width: 100%;}


body:not(.cf7p-message) .wpcf7-not-valid-tip {     position: absolute!important;    left: -50px!important;    top: 0!important;    width: 35px!important;    height: 35px!important;    padding: 0!important;    background-color: #c2000b;    text-indent: -9999px!important;    padding: 0;    border: none!important;    border-radius: 3px;    margin: 0;    display: flex;    align-items: center;    justify-content: center;}
body:not(.cf7p-message) .wpcf7-not-valid-tip:before{content:'';position:absolute;right:-5px;top:16px;background-color:#c2000b;width:11px;height:11px;transform:rotate(45deg)}
body:not(.cf7p-message) .wpcf7-not-valid-tip:after {     content: '\e90d';    font-family: 'smartandfast' !important;    color: #fff;    left: 9px;    top: -9px;    text-indent: 0;}

.wpcf7::after{clear:both;content:"";display:block}
span.wpcf7-form-control-wrap{width:100%;position:relative!important;display:inline-block;margin-bottom:3px}
.wpcf7 form .wpcf7-response-output{border:none;margin-top:0}
span.wpcf7-form-control-wrap .wpcf7-date,span.wpcf7-form-control-wrap .wpcf7-quiz,span.wpcf7-form-control-wrap .wpcf7-number,span.wpcf7-form-control-wrap .wpcf7-select,span.wpcf7-form-control-wrap .wpcf7-text,span.wpcf7-form-control-wrap .wpcf7-textarea{width:100%;box-sizing:border-box;margin-bottom:0}


