/*
Theme Name: Blank
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Autorski projekt, najwyższej jakości. Designed to Enjoy!
Text Domain: blank
*/


@font-face {font-family: 'main'; font-weight: 400; font-style: normal; src: url('font/montserrat-regular.woff2?v=2') format('woff2'), url('font/montserrat-regular.woff?v=2') format('woff');}
@font-face {font-family: 'main'; font-weight: 400; font-style: italic; src: url('font/montserrat-italic.woff2?v=2') format('woff2'), url('font/montserrat-italic.woff?v=2') format('woff');}
@font-face {font-family: 'main'; font-weight: 700; font-style: normal; src: url('font/montserrat-bold.woff2?v=2') format('woff2'), url('font/montserrat-bold.woff?v=2') format('woff');}


/* Reset */


html {box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden;}
* {flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
*, *::before, *::after {box-sizing: inherit;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 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;}
a {text-decoration: none; outline: 0 !important; color: inherit;}
abbr {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: none;}
hr {display: block; border: 0; margin: 0; padding: 0; background: none;}
ins {text-decoration: none;}
img {display: block; width: 100%; height: auto;}
ol, ul {list-style: none;}
small {font-size: 1.0em;}
sub {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; bottom: -0.25em;}
sup {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; top: -0.5em;}
svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}


/* 0px */


html {font: 14px/1.6 'main', sans-serif; color: #000000; background: #a8e80c fixed url('template-external-akademiacez/background-2.jpg') left center / cover no-repeat;}
::selection {color: #fff; background: #176aac;}
body::before {content: ""; opacity: 0; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: -1; pointer-events: none; transition: opacity 1s;}
body:target::before {bottom: 0; opacity: 0.2; width: 92%; margin: 0 auto; z-index: 1000; max-width: 520px; background: #333; background: repeating-linear-gradient(90deg, #333 0%, #333 48%, transparent 48%, transparent 52%);}
main {overflow: hidden; min-height: 100vh;}

.style.continer.v1 {padding: 20px; background: #fff; border: 1px solid #999; border-radius: 20px; overflow: hidden;}

.style.form.v1 {padding: 40px; background: #fff; border: 1px solid #999; border-radius: 20px; display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 20px;}
.style.form.v1 > .text {width: 100%;}
.style.form.v1 > .standard {width: 100%; display: block; font-weight: bold; font-size: 0.8rem; cursor: pointer;}
.style.form.v1 > .standard.m-normal {font-weight: normal;}
.style.form.v1 > .standard input[type=text] {width: 100%;}
.style.form.v1 > p {width: 100%; display: block; font-weight: bold; font-size: 0.8rem; margin-bottom: -20px;}
.style.form.v1 button {display: block; width: calc(50% - 20px); text-align: center; padding: 10px 20px; font-weight: bold; background: #a8e80c; border-radius: 200px; border: 0; outline: 0; cursor: pointer; font: bold 1.0rem/1.3 'main', sans-serif;}
.style.form.v1 input[type=text] {display: block; width: 100%; border: 0; background: transparent; border-bottom: 1px solid #000; outline: 0; margin: 0; padding: 5px 0; font: 1.0rem/1.3 'main', sans-serif;}
.style.form.v1 input[type=email] {display: block; width: 100%; border: 0; background: transparent; border-bottom: 1px solid #000; outline: 0; margin: 0; padding: 5px 0; font: 1.0rem/1.3 'main', sans-serif;}
.style.form.v1 label.checkbox {width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 10px; cursor: pointer; font-weight: normal; font-size: 0.8rem; line-height: 1.3;}
.style.form.v1 label.checkbox a {text-decoration: underline;}
.style.form.v1 label.radio {width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 10px; cursor: pointer; margin: 10px 0; font-weight: normal; font-size: 1.0rem; line-height: 1.0;}
.style.form.v1 label.radio.disabled {color: #888; text-shadow: 1px 1px 0 rgba(#00000033); cursor: not-allowed;}
.style.form.v1 label.radio input {flex-shrink: 0; flex-grow: 0;}
.style.form.v1 output {width: 100%; margin-top: 10px; display: block; color: #f00; font-weight: normal; font: 0.8rem/1.3 'main', sans-serif;}
.style.form.v1 select {width: 100%; padding: 5px 10px; font: 1.0rem/1.3 'main', sans-serif;}
.style.form.v1 span {color: #f00; margin-left: 5px;}

.style.image.v1 {max-width: 400px;}
.style.image.v1.right {margin-left: auto;}

.style.margin.v1 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v2 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v3 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}

.style.section.v1 {padding: 80px 0; min-height: 800px;}
.style.section.v1 > div {display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
.style.section.v1 > div > .column {width: 100%; display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 40px;}
.style.section.v1 > div > .column.text {padding: 40px; background: #001a3bcc; border-radius: 20px;}
.style.section.v1 > div > .column > div {width: 100%;}
.style.section.v1 > div > .full {width: 100%;}

.style.section.v2 {background: #fff; padding: 80px 0;}
.style.section.v2 > div {display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 80px;}
.style.section.v2.m-center > div {align-items: center; align-content: center;}
.style.section.v2 > div > .column {width: 100%; display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 40px;}
.style.section.v2 > div > .column > div {width: 100%;}
.style.section.v2 > div > .full {width: 100%; margin-bottom: -60px;}

.style.section.v3 {padding: 80px 0; background: #001a3B;}
.style.section.v3 > div {display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
.style.section.v3 > div > .column {width: 100%; display: flex; flex-flow row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 40px;}
.style.section.v3 > div > .column > div {width: 100%;}
.style.section.v3 > div > .full {width: 100%;}

.style.text.v1.m-small {font-size: 0.8rem; line-height: 1.3;}
.style.text.v1 > :first-child {margin-top: 0;}
.style.text.v1 > :last-child {margin-bottom: 0;}
.style.text.v1 a {text-decoration: underline;}
.style.text.v1 dl {margin: 20px 0; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 5%; row-gap: 10px;}
.style.text.v1 dl dt {width: 30%; padding: 5px 10px; background: #176aac; color: #fff; flex-shrink: 0; flex-grow: 0; font-size: 0.8rem; text-transform: uppercase;}
.style.text.v1 dl dd {width: 65%; padding: 5px 0; flex-shrink: 0; flex-grow: 0;}
.style.text.v1 em {font-style: italic;}
.style.text.v1 h1 {margin: 40px 0 40px 0; font-weight: 900; font-size: 2.8rem; line-height: 1.1;}
.style.text.v1 h2 {margin: 40px 0 40px 0; font-weight: bold; font-size: 1.8rem; line-height: 1.1;}
.style.text.v1 h3 {margin: 20px 0 20px 0; font-weight: bold; font-size: 1.4rem; line-height: 1.1; color: #0052A1;}
.style.text.v1 hr {display: block; margin: 10px 0; width: 50%; height: 2px; background: #176aac;}
.style.text.v1 img {margin: 80px 0; border-radius: 20px;}
.style.text.v1 ol {margin: 20px 0; counter-reset: ol;}
.style.text.v1 ol > li {padding-left: 25px;}
.style.text.v1 ol > li::before {content: counter(ol); counter-increment: ol; display: inline-block; vertical-align: middle; width: 15px; height: 15px; line-height: 15px; text-align: center; margin: 0 10px 0 -25px; font-size: 0.8rem; color: #ddd; font-weight: bold;}
.style.text.v1 p {margin: 20px 0;}
.style.text.v1 p.flex {display: flex; flex-flow: row wrap; row-gap: 10px; column-gap: 10px; align-items: center; align-content: center; justify-content: flex-start;}
.style.text.v1 strong {font-weight: bold;}
.style.text.v1 ul {margin: 20px 0;}
.style.text.v1 ul > li {padding-left: 20px;}
.style.text.v1 ul > li::before {content: ""; display: inline-block; vertical-align: baseline; width: 10px; height: 10px; line-height: 10px; margin: 0 10px 1px -20px; border-radius: 100px; background: #a8e80c;}

.style.text.v2 {color: #fff;}
.style.text.v2.m-small {font-size: 0.8rem; line-height: 1.3;}
.style.text.v2 > :first-child {margin-top: 0;}
.style.text.v2 > :last-child {margin-bottom: 0;}
.style.text.v2 a {text-decoration: underline;}
.style.text.v2 dl {margin: 20px 0; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 5%; row-gap: 10px;}
.style.text.v2 dl dt {width: 30%; padding: 5px 10px; background: #176aac; color: #fff; flex-shrink: 0; flex-grow: 0; font-size: 0.8rem; text-transform: uppercase;}
.style.text.v2 dl dd {width: 65%; padding: 5px 0; flex-shrink: 0; flex-grow: 0;}
.style.text.v2 em {font-style: italic;}
.style.text.v2 h1 {margin: 40px 0 40px 0; font-weight: 900; font-size: 2.8rem; line-height: 1.1;}
.style.text.v2 h2 {margin: 40px 0 40px 0; font-weight: bold; font-size: 1.8rem; line-height: 1.1;}
.style.text.v2 h3 {margin: 20px 0 20px 0; font-weight: bold; font-size: 1.4rem; line-height: 1.1; color: #0052A1;}
.style.text.v2 hr {display: block; margin: 10px 0; width: 50%; height: 2px; background: #176aac;}
.style.text.v2 img {margin: 80px 0; border-radius: 20px;}
.style.text.v2 ol {margin: 20px 0; counter-reset: ol;}
.style.text.v2 ol > li {padding-left: 25px;}
.style.text.v2 ol > li::before {content: counter(ol); counter-increment: ol; display: inline-block; vertical-align: middle; width: 15px; height: 15px; line-height: 15px; text-align: center; margin: 0 10px 0 -25px; font-size: 0.8rem; color: #ddd; font-weight: bold;}
.style.text.v2 p {margin: 20px 0;}
.style.text.v2 p.flex {display: flex; flex-flow: row wrap; row-gap: 10px; column-gap: 10px; align-items: center; align-content: center; justify-content: flex-start;}
.style.text.v2 strong {font-weight: bold;}
.style.text.v2 ul {margin: 20px 0;}
.style.text.v2 ul > li {padding-left: 20px;}
.style.text.v2 ul > li::before {content: ""; display: inline-block; vertical-align: baseline; width: 10px; height: 10px; line-height: 10px; margin: 0 10px 1px -20px; border-radius: 100px; background: #a8e80c;}


/* 640 */ @media only screen and (min-width: 640px) {


html {font-size: 16px;}
body:target::before {max-width: 800px; background: repeating-linear-gradient(90deg, #333 0%, #333 22%, transparent 22%, transparent 26%);}

.style.form.v1 > .standard.m-half {width: calc(50% - 20px);}
.style.form.v1 > .standard.m-quarter {width: calc(25% - 30px);}

.style.margin.v1 {max-width: 800px;}
.style.margin.v2 {max-width: 800px;}
.style.margin.v3 {max-width: 800px;}


/* 1200 */ } @media only screen and (min-width: 1200px) {


html {font-size: 18px;}
body:target::before {max-width: 1620px; background: repeating-linear-gradient(90deg, #333 0%, #333 9%, transparent 9%, transparent 13%);}

.style.margin.v1 {max-width: 1620px;}
.style.margin.v2 {width: 68%; max-width: 1200px;}
.style.margin.v3 {width: 44%; max-width: 778px;}

.style.section.v1 > div > .column {width: 48%;}

.style.section.v2 > div > .column {width: 48%;}

.style.section.v3 > div > .column {width: 48%;}

}