.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.pace
{
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 10000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 5px;
overflow: hidden;
}
.pace .pace-progress
{
height: 100%;
width: 100%;	
position: absolute;
top: 0;
right: 100%;
background: #a0b8cd;
}
.pace.pace-inactive
{  }
@font-face
{
font-family: "Poppins Regular";
src: local("Poppins Regular"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Poppins-Regular.ttf) format("opentype");
}
@font-face
{
font-family: "Poppins Medium";
src: local("Poppins Medium"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Poppins-Medium.ttf) format("opentype");
}
@font-face
{
font-family: "Poppins SemiBold";
src: local("Poppins SemiBold"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Poppins-SemiBold.ttf) format("opentype");
}
@font-face
{
font-family: "Merriweather Light";
src: local("Merriweather Light"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Merriweather-Light.ttf) format("opentype");
}
@font-face
{
font-family: "Merriweather";
src: local("Merriweather"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Merriweather-Regular.ttf) format("opentype");
}
@font-face
{
font-family: "Merriweather Bold";
src: local("Merriweather Bold"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Merriweather-Bold.ttf) format("opentype");
}
@font-face
{
font-family: "Roboto";
src: local("Roboto"), url(//mikolaistroinski.com/wp-content/themes/stroinski/font/Roboto-Regular.ttf) format("opentype");
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body > #all_page, body:before,
body:after
{
-webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 1;
}
body:not(.pace-done) > #all_page, body:not(.pace-done):before,
body:not(.pace-done):after
{
opacity: 0.25;
}
body {
line-height:1;
background: #051723;
}
html, body {
width: 100%; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
h1
{
font-size: 14px;
display: inline;
font-weight: normal;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
button
{
border: 0;
cursor: pointer;
height: 42px; -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
display: block;
color: #ffffff;
font-family: "Poppins Regular";
font-size: 12px;
}
button#wiecej
{
height: 46px;
width: 124px; text-transform: uppercase;
float: left;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
position: relative;
background: #051723;
}
button#wiecej:hover
{
background: #012b7e;
}
button#CookieAlertClose
{
height: 46px;
width: 46px;
margin: 0 0 0 10px;
float: left;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
position: relative;
background: #051723;
}
button#CookieAlertClose:hover
{
background: #012b7e;
}
button#CookieAlertClose::after
{
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 50%;
left: 50%;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/icon_close.svg) no-repeat;
-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
button#CookieAlertClose:hover::after
{
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
#CookieAlert
{
left: 0px;
right: 0px;
text-align: center;
width: 100%;
height: 66px;
z-index: 1000;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
#CookieAlert_text
{
font-family: "Poppins Regular";
letter-spacing: 0.5px;
font-size: 14px;
line-height: 16px;
width: calc(100% - 190px);
padding: 0 20px 0 20px;
float: left;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
position: relative;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
#CookieAlert
{
height: auto;
padding: 20px 0 20px 0;
}
#CookieAlert_text
{
width: 100%;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
button#wiecej
{
clear: both;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 20px 0 0 20px;
width: calc(100% - 96px);
}
button#CookieAlertClose
{
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 20px 0 0 10px;
}
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 420px)
{
}
@media screen and (max-width: 360px)
{
}
a 
{
outline: 0;
text-decoration: none;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent; }
.languages_list
{
width: 40px;
height: 40px;
font-family: "Poppins SemiBold";
letter-spacing: 1px;
font-size: 16px;
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.languages_list div
{
height: 100%;
}
.languages_list a
{
display: block;
height: 100%;
width: 100%;
color: #051723;
position: relative;
}
.languages_list ul li img
{
display: none;
}
.languages_list ul
{
display: block;
list-style: none;
position: relative;
z-index: 9001;
height: 100%;
}
.languages_list ul::after {
content: "";
display: block;
clear: both;
}
.languages_list ul li
{
top: 0;  left: 0;
width: 100%;
height: 100%;
float: left;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
background: #ffffff;  border-radius: 50%;
}
#menu_small_langs .languages_list ul li {  }
.languages_list ul li.current-lang 
{  display: none; }
#menu_small_langs .languages_list ul li.current-lang {  }    .languages_list ul li:hover
{
background: #012b7e;
}  .languages_list ul li:hover > a
{
color: #ffffff;
}    .languages_list ul li.lang-item-pl a::after { content: "Pl"; }
.languages_list ul li.lang-item-en a::after { content: "En"; }
.languages_list ul li.lang-item-de a::after { content: "De"; }
.languages_list ul li.lang-item-fr a::after { content: "Fr"; }
.languages_list ul li.lang-item-it a::after { content: "It"; }
.languages_list ul li.lang-item-ru a::after { content: "Ru"; }
.languages_list ul li.lang-item-uk a::after { content: "Uk"; }
.languages_list ul li.lang-item-pl a::after,
.languages_list ul li.lang-item-en a::after,
.languages_list ul li.lang-item-de a::after,
.languages_list ul li.lang-item-fr a::after,
.languages_list ul li.lang-item-it a::after,
.languages_list ul li.lang-item-ru a::after,
.languages_list ul li.lang-item-uk a::after
{
display: block;
width: 100%;
text-align: center;
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#header
{
margin: 0 auto;
width: 100%; background: rgba(5, 23, 35, 1);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9000;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
padding: 0 40px 0 100px;
border-bottom: 1px solid rgba(160, 184, 205, 0);
}
#header.yes_border {
border-bottom: 1px solid rgba(160, 184, 205, 1);
}
#header.no_background {
background: rgba(5, 23, 35, 0);
}
#header.header_scroll {
background: rgba(5, 23, 35, 1);
}
#header_contener
{
margin: 0 auto;
width: 100%;
position: relative;
}
#header_contener::after {
content: "";
display: block;
clear: both;
}
#header_contener_logo
{
margin: 0 auto;
width: 334px;
padding: 25px 0 25px 0;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); border-bottom: 1px solid #ffffff;
font-family: "Poppins Regular";
font-size: 25px;
text-align: center;
display: block;
font-weight: normal;
}
#header_contener_logo.is_home
{
display: none;
}
.header_scroll #header_contener_logo
{
padding: 15px 0 15px 0;
}
#header_contener_logo a
{
color: #ffffff;
}
#header_contener_logo span
{
font-family: "Poppins SemiBold";
}
#header_contener_navigation
{
margin: 0 auto;
width: 100%;
height: 48px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
padding: 20px 0 20px 0;
box-sizing: content-box;
}
#header_contener_navigation::after {
content: "";
display: block;
clear: both;
}
.header_scroll #header_contener_navigation
{
padding: 10px 0 10px 0;
} #header_contener_navigation_menu
{
float: left;
font-family: "Poppins Regular";
font-size: 20px; position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#header_contener_navigation_menu::after {
content: "";
display: block;
clear: both;
}
#header_contener_navigation_menu a
{
color: #ffffff; display: block;
}
#header_contener_navigation_menu ul
{
display: block;
list-style: none;
}
#header_contener_navigation_menu ul::after {
content: "";
display: block;
clear: both;
}
#header_contener_navigation_menu ul li
{
float: left;
position: relative;
text-transform: uppercase; -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#header_contener_navigation_menu ul li.current-menu-item
{
cursor: default;
padding: 14px 60px 14px 60px; color: #ffffff;
font-family: "Poppins SemiBold";
} #header_contener_navigation_menu ul li:hover
{ }
#header_contener_navigation_menu ul li a
{
padding: 14px 60px 14px 60px;
position: relative;
}
#header_contener_navigation_menu ul li a::after
{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 55px;
width: calc(100% - 110px);
height: 1px;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#header_contener_navigation_menu ul li:hover a
{ }
#header_contener_navigation_menu ul li:hover a::after
{
bottom: 10px;
left: 60px;
width: calc(100% - 120px);
background: #ffffff;
} #header_contener_navigation_menu ul li ul.sub-menu
{
display: none;
} #header_contener_navigation_social
{
height: 100%;
float: right;
padding: 0 30px 0 10px;
border-left: 3px solid #ffffff;
}
#menu_small_social
{
height: 120px;
padding: 15px 40px 15px 40px;
}
#header_contener_navigation_social::after, #menu_small_social::after {
content: "";
display: block;
clear: both;
}  .social_module_cloud,
.social_module_tweeter,
.social_module_facebook,
.social_module_imdb
{
float: left;
padding: 0 10px 0 10px;
height: 100%;
display: block;
}
#menu_small_social .social_module_cloud,
#menu_small_social .social_module_tweeter,
#menu_small_social .social_module_facebook,
#menu_small_social .social_module_imdb
{
float: left;
padding: 0 10px 0 10px;
height: 50%;
display: block;
width: 50%;
}
.social_module_cloud svg,
.social_module_tweeter svg,
.social_module_facebook svg, 
.social_module_imdb svg
{
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.social_module_cloud path,
.social_module_tweeter path,
.social_module_facebook path, 
.social_module_imdb path
{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.social_module_cloud:hover path
{
fill: #ff7600;
}
.social_module_tweeter:hover path
{
fill: #1da1f2;
}
.social_module_facebook:hover path
{
fill: #44609b;
}
.social_module_imdb:hover path
{
fill: #e3b71f;
} #header_contener_navigation_languages
{
height: 100%;
float: right;
} #header_contener_menu_small
{
display: none;
float: right;
width: 30px;
height: 20px; cursor: pointer;
position: relative;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#header_contener_menu_small span
{
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
left: 0;
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#header_contener_menu_small span:nth-of-type(1)
{
top: 0;
}
#header_contener_menu_small span:nth-of-type(2),
#header_contener_menu_small span:nth-of-type(3)
{
top: calc(50% - 1px);
}
#header_contener_menu_small span:nth-of-type(4)
{
top: calc(100% - 2px);
}
#header_contener_menu_small.open span:nth-of-type(1),
#header_contener_menu_small.open span:nth-of-type(4)
{
top: calc(50% - 1px);
width: 0%;
left: 50%;
opacity: 0;
}
#header_contener_menu_small.open span:nth-of-type(2)
{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#header_contener_menu_small.open span:nth-of-type(3)
{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} #menu_small
{
position: fixed;
width: 240px;
height: calc(100% - 83px);
top: 83px;
right: 0;
background: #051723;
z-index: 8000;
overflow-y: auto;
padding: 15px 0 0 0;
border-left: 3px solid #a0b8cd;
border-bottom: 10px solid #a0b8cd;
max-height: 533px;
}
.menu_small_scale
{
visibility: hidden;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu_small_scale.open
{
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
} #menu_small_langs
{
margin: 0 auto;
padding: 0 50px 0 50px;
width: 100%;
height: 40px;
} #menu_small_content
{
margin: 15px auto 0 auto;
font-family: "Poppins Regular"; font-size: 18px;
text-transform: uppercase; width: 100%;
overflow: auto;
background: #ffffff;
padding: 10px 40px 20px 40px;
}
#menu_small_content a
{
color: #051723; display: block;
}
#menu_small_content ul
{
display: block;
list-style: none;
padding: 0 0 0 0;
}
#menu_small_content ul li
{
display: block;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
margin: 10px 0 0 0;
width: 100%;
}
#menu_small_content ul li.current-menu-item
{
cursor: default;
padding: 8px 10px 7px 10px;
color: #051723;
font-family: "Poppins SemiBold";
}
#menu_small_content ul li:hover
{ }
#menu_small_content ul li a
{
padding: 8px 10px 7px 10px;
}
#menu_small_content ul li:hover a
{
letter-spacing: 1px;
} #menu_small_content ul li ul.sub-menu
{
display: none;
} @media screen and (max-width: 1900px)
{
#header_contener_navigation_menu ul li a
{
padding: 14px 50px 14px 50px;
}
#header_contener_navigation_menu ul li a::after
{
left: 45px;
width: calc(100% - 90px);
}
#header_contener_navigation_menu ul li:hover a::after
{
left: 50px;
width: calc(100% - 100px);
}
#header_contener_navigation_menu ul li.current-menu-item
{
padding: 14px 50px 14px 50px;
}
}
@media screen and (max-width: 1800px)
{
#header
{
padding: 0 40px 0 80px;
}
#header_contener_navigation_menu ul li a
{
padding: 14px 40px 14px 40px;
}
#header_contener_navigation_menu ul li a::after
{
left: 35px;
width: calc(100% - 70px);
}
#header_contener_navigation_menu ul li:hover a::after
{
left: 40px;
width: calc(100% - 80px);
}
#header_contener_navigation_menu ul li.current-menu-item
{
padding: 14px 40px 14px 40px;
}
}
@media screen and (max-width: 1600px)
{
#header
{
padding: 0 40px 0 60px;
}
#header_contener_navigation_menu ul li a
{
padding: 14px 30px 14px 30px;
}
#header_contener_navigation_menu ul li a::after
{
left: 25px;
width: calc(100% - 50px);
}
#header_contener_navigation_menu ul li:hover a::after
{
left: 30px;
width: calc(100% - 60px);
}
#header_contener_navigation_menu ul li.current-menu-item
{
padding: 14px 30px 14px 30px;
}
}
@media screen and (max-width: 1400px)
{
#header
{
padding: 0 40px 0 40px;
}
#header_contener_navigation_menu ul li a
{
padding: 14px 25px 14px 25px;
}
#header_contener_navigation_menu ul li a::after
{
left: 20px;
width: calc(100% - 40px);
}
#header_contener_navigation_menu ul li:hover a::after
{
left: 25px;
width: calc(100% - 50px);
}
#header_contener_navigation_menu ul li.current-menu-item
{
padding: 14px 25px 14px 25px;
}
}
@media screen and (max-width: 1366px)
{
#header
{
padding: 0 40px 0 40px;
}
#header_contener_navigation_menu ul li a
{
padding: 14px 20px 14px 20px;
}
#header_contener_navigation_menu ul li a::after
{
left: 15px;
width: calc(100% - 30px);
}
#header_contener_navigation_menu ul li:hover a::after
{
left: 20px;
width: calc(100% - 40px);
}
#header_contener_navigation_menu ul li.current-menu-item
{
padding: 14px 20px 14px 2px;
}
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#header
{
padding: 0 45px 0 45px;
border-bottom: 3px solid rgba(160, 184, 205, 1);
}
#header.yes_border
{
border-bottom: 3px solid rgba(160, 184, 205, 1);
}
#header.header_scroll
{
border-bottom: 3px solid rgba(160, 184, 205, 1);
}
#header_contener
{
height: 80px;
}
#header_contener_logo
{
float: left;
width: auto;
border-bottom: 0;
padding: 0 0 0 0;
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#header_contener_logo.is_home
{
display: block;
}
.header_scroll #header_contener_logo
{
padding: 0 0 0 0;
}
#header_contener_navigation
{
display: none;
}
#header_contener_menu_small
{
display: block;
}
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
}
@media screen and (max-width: 480px)
{
#header
{
padding: 0 30px 0 30px;
}
#header_contener
{
height: 60px;
}
#menu_small
{
height: calc(100% - 63px);
top: 63px;
}
#header_contener_logo
{
font-size: 20px;
}	
}
@media screen and (max-width: 420px)
{
}
@media screen and (max-width: 360px)
{
}
#footer
{
margin: 0 auto;
width: 100%;
background: #051723;
}
#footer.yes_border
{
border-top: 1px solid rgba(160, 184, 205, 1);
}
#footer_contener
{
margin: 0 auto;
width: 100%;
padding: 30px 20px 30px 20px;
font-family: "Merriweather";
font-size: 15px;
color: #ffffff;
}
#footer_contener::after {
content: "";
display: block;
clear: both;
}
#footer_contener a
{
color: #ffffff;
}
#footer_contener a:hover
{
color: #009fe3;
}
#footer_contener_left span
{
padding: 0 0 0 5px;
}
#footer_contener_left span:first-of-type
{
padding: 0 0 0 0;
}
#footer_contener_left,
#footer_contener_center,
#footer_contener_right
{
float: left;
width: calc(100% / 3);
}
#footer_contener_center
{
text-align: center;
padding: 0 10px 0 10px;
}
#footer_contener_right
{
text-align: right;
padding: 0 46px 0 0;
} #footer_top
{
background: #051723;
position: fixed;
bottom: 10px;
right: 10px;
opacity: 0;
z-index: 2000;
width: 46px;
height: 46px;
visibility: hidden;
cursor: pointer;
border: 1px solid #ffffff;
border-radius: 50% 50% 50% 50%;
}
#footer_top svg
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#footer_top:hover	
{
border: 1px solid #009fe3;
}
#footer_top rect
{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#footer_top:hover rect
{
fill: #009fe3; }
#footer_top.hided
{
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
bottom: 70px;
visibility: hidden;
}
#footer_top.showed
{
opacity: 1;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
bottom: 10px;
visibility: visible;
}
@media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
#footer_contener
{
font-size: 14px;
}
#footer_contener_left,
#footer_contener_right
{
width: 100%;
text-align: left;
padding: 0 0 0 0;
}
#footer_contener_center
{
width: 100%;
text-align: left;
padding: 10px 0 10px 0;
}
#footer_top
{
bottom: 20px;
right: 20px;
}
#footer_top.showed
{
bottom: 20px;
}
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 420px)
{
#footer_contener
{
font-size: 13px;
}
}
@media screen and (max-width: 360px)
{
}
#index_template
{
margin: 0 auto;
width: 100%;
}
.index_template_sections
{
margin: 0 auto;
width: 100%;
}
.index_template_sections::after {
content: "";
display: block;
clear: both;
}
#index_template_section_avards
{
float: left;
width: 35%;
padding: 145px 125px 0 100px;
text-align: center;
}
#index_template_section_avards .brak
{
font-family: "Poppins Regular";
font-size: 14px;
color: #ffffff;
display: inline-block;
}
#index_template_section_avards_contener
{
margin: 0 auto;
width: 100%;
padding: 0 0 60px 0;
position: relative;
}
#index_template_section_avards_contener::after {
content: "";
display: block;
clear: both;
}
.index_template_section_avards_contener_avard
{
height: 205px;
width: 50%;
float: left;
padding: 40px 0 0 20px;
}
.index_template_section_avards_contener_avard:nth-of-type(2n+1)
{
padding: 40px 20px 0 0;
}
.index_template_section_avards_contener_avard_inside
{
height: 100%;
width: 100%;
color: #a0b8cd;
position: relative;
font-family: "Poppins Regular";
font-size: 14px;
line-height: 17px;
letter-spacing: 1.5px;
font-weight: normal;
}
.index_template_section_avards_contener_avard_inside::before
{
content: "";
display: block;
position: relative;
width: 42px;
height: 38px;
margin: 0 auto;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/icon_laur.svg) no-repeat;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
padding: 0 0 28px 0;
}
.index_template_section_avards_contener_avard_inside::after
{
content: "";
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #a0b8cd;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_avards_contener_avard_inside:hover::before
{
-webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
-ms-transform: scale(1.2, 1.2) rotate(0.1deg);
transform: scale(1.2, 1.2) rotate(0.1deg);
}
.index_template_section_avards_contener_avard_inside:hover::after
{
height: 3px;
background: #ffffff;
} #index_template_section_avards_more
{
font-family: "Poppins Regular";
font-size: 14px;
border: 1px solid #a0b8cd;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
color: #a0b8cd;
position: relative;
z-index: 1;
overflow: hidden;
}
#index_template_section_avards_more span
{
display: block;
padding: 20px 70px 20px 70px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#index_template_section_avards_more::before
{
position: absolute;
display: block;
top: 0;
left: 50%;
z-index: -1;
padding: 20px 80px 20px 80px;
background: #ffffff;
color: #051723;
content: attr(data-hover); 
font-family: "Poppins SemiBold";
font-size: 17px;
letter-spacing: 0.5px;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
#index_template_section_avards_more:hover span
{
-webkit-transform: translate(0, 75%);
-ms-transform: translate(0, 75%);
transform: translate(0, 75%);
}
#index_template_section_avards_more:hover::before
{
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} #index_template_section_bio
{
float: left;
width: 65%; background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/stroinski_32k.png) 100% 0 no-repeat;
color: #ffffff;
padding: 0 105px 125px 105px;
}
#index_template_section_bio_title
{
padding: 285px 0 0 0;
font-family: "Poppins Regular";
font-size: 100px;
font-weight: normal;
}
#index_template_section_bio_title::after {
content: "";
display: block;
clear: both;
}
#index_template_section_bio_title span
{
float: left;
}
#index_template_section_bio_title span:nth-of-type(2)
{
font-family: "Poppins SemiBold";
font-size: 140px;
padding: 0 0 0 100px;
clear: both;
}
#index_template_section_bio_info
{
width: 470px;
padding: 30px 0 70px 0;
font-family: "Merriweather";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
}
#index_template_section_bio_info p
{
padding: 30px 0 0 0;
}
#index_template_section_bio_info p:first-of-type
{
padding: 0 0 0 0;
}
#index_template_section_bio_info ol li
{
padding: 20px 0 0 0;
}
#index_template_section_bio_info ul
{
padding: 20px 0 0 40px;
}
#index_template_section_bio_info a
{
color: #ffffff;
font-family: "Merriweather Bold";
}
#index_template_section_bio_info a:hover
{
color: #009fe3;
}
#index_template_section_bio_info table
{
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#index_template_section_bio_info table.no_borders
{
margin: 0 0 0 0;
}
#index_template_section_bio_info table td 
{
border: 0;
text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
#index_template_section_bio_info table.no_borders td
{
border: 0;
} .index_template_sections_more
{
font-family: "Poppins Regular";
font-size: 18px;
border: 1px solid #ffffff;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
color: #ffffff;
position: relative;
z-index: 1;
overflow: hidden;
}
.index_template_sections_more span
{
display: block;
padding: 20px 70px 20px 70px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_sections_more::before
{
position: absolute;
display: block;
top: 0;
left: 50%;
z-index: -1;
padding: 20px 80px 20px 80px;
background: #ffffff;
color: #051723;
content: attr(data-hover); 
font-family: "Poppins SemiBold";
font-size: 21px;
letter-spacing: 1px;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.index_template_sections_more:hover span
{
-webkit-transform: translate(0, 75%);
-ms-transform: translate(0, 75%);
transform: translate(0, 75%);
}
.index_template_sections_more:hover::before
{
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} .index_template_sections_title
{
margin: 0 auto;
width: 100%;
font-family: "Poppins SemiBold";
font-size: 40px;
letter-spacing: 0.5px;
color: #ffffff;
text-align: left;
text-transform: uppercase;
} #index_template_section_projects
{
width: 100%;
padding: 35px 80px 35px 80px;
text-align: center;
}
#index_template_section_projects .brak
{
font-family: "Poppins Regular";
font-size: 14px;
color: #ffffff;
padding: 20px 0 0 0;
display: inline-block;
}
#index_template_section_projects_contener
{
margin: 0 auto;
width: 100%;
padding: 0 0 30px 0;
position: relative;
}
#index_template_section_projects_contener::after {
content: "";
display: block;
clear: both;
}
.index_template_section_projects_contener_content
{
float: left;
width: 50%;
padding: 30px 10px 0 0;
}
.index_template_section_projects_contener_content:nth-of-type(2n)
{
padding: 30px 0 0 10px;
}
.index_template_section_projects_contener_content_title
{
font-family: "Poppins SemiBold";
font-size: 30px;
letter-spacing: 0.5px;
color: #ffffff;
text-align: left;
text-transform: uppercase;
}
.index_template_section_projects_contener_content_all
{
width: 100%;
}
.index_template_section_projects_contener_content_all::after {
content: "";
display: block;
clear: both;
}
.index_template_section_projects_contener_content_all_project
{
width: 50%;
float: left;
padding: 20px 10px 0 0;
}
.index_template_section_projects_contener_content_all_project:nth-of-type(2)
{
padding: 20px 0 0 10px;
}
.index_template_section_projects_contener_content_all_project_inside
{
height: 300px;
width: 100%;
border: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
}
.index_template_section_projects_contener_content_all_project_inside::after {
content: "";
display: block;
clear: both;
}
.index_template_section_projects_contener_content_all_project_inside:hover
{
border: 2px solid #ffffff;
}
.index_template_section_projects_contener_content_all_project_inside_link
{
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 2;
}
.index_template_section_projects_contener_content_all_project_inside_one
{
height: 100%;
width: 48%;
position: relative;
float: left;
overflow: hidden;
}
.index_template_section_projects_contener_content_all_project_inside_one::after
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_one::after
{
background: rgba(255, 255, 255, 0.5);
}
.index_template_section_projects_contener_content_all_project_inside_one img
{
position: relative;
width: auto;
height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_one img
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
}
.index_template_section_projects_contener_content_all_project_inside_two
{
height: 100%;
width: 52%;
color: #ffffff;
position: relative;
float: right;
padding: 35px 25px 35px 25px;
border-left: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: left;
}
.index_template_section_projects_contener_content_all_project_inside_two h2
{
font-weight: normal;
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_two
{
border-left: 2px solid #ffffff;
}
.index_template_section_projects_contener_content_all_project_inside_two_arrow
{
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
border-top: 2px solid #012b7e;
border-left: 2px solid #012b7e;
background: #051723;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_projects_contener_content_all_project_inside_two_arrow svg
{
width: 37%;
height: 37%;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_two_arrow
{
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
background: #ffffff;
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_two_arrow svg
{
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_two_arrow polygon,
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_two_arrow rect
{
fill: #051723;
}
.index_template_section_projects_contener_content_all_project_inside_two h3
{
font-weight: normal;
font-family: "Poppins Regular";
font-size: 15px;
line-height: 18px;
letter-spacing: 1px;
}
.index_template_section_projects_contener_content_all_project_inside_two h3 a
{
color: #ffffff;
font-family: "Merriweather Bold";
}
.index_template_section_projects_contener_content_all_project_inside_two h4
{
font-weight: normal;
font-family: "Poppins Medium";
font-size: 15px;
line-height: 18px;
letter-spacing: 1px;
padding: 10px 0 0 0;
} #index_template_section_news
{
width: 100%;
padding: 35px 80px 35px 80px;
text-align: center;
}
#index_template_section_news .brak
{
font-family: "Poppins Regular";
font-size: 14px;
color: #ffffff;
padding: 20px 0 0 0;
display: inline-block;
}
#index_template_section_news_contener
{
margin: 0 auto;
width: 100%;
padding: 30px 0 30px 0;
}
#index_template_section_news_contener::after {
content: "";
display: block;
clear: both;
}
.index_template_section_news_contener_news
{
width: 50%;
float: left;
padding: 20px 10px 0 0; }
.index_template_section_news_contener_news:nth-of-type(4n+1),
.index_template_section_news_contener_news:nth-of-type(4n+3)
{
padding: 20px 0 0 10px;
}
.index_template_section_news_contener_news:first-of-type
{
padding: 0 10px 0 0;
}
.index_template_section_news_contener_news:nth-of-type(2)
{
padding: 0 0 0 10px;
}
.index_template_section_news_contener_news_inside
{
height: 300px;
width: 100%;
border: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside
{
height: 620px;
}
.index_template_section_news_contener_news_inside::after {
content: "";
display: block;
clear: both;
}
.index_template_section_news_contener_news_inside:hover
{
border: 2px solid #ffffff;
}
.index_template_section_news_contener_news_inside_link
{
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 2;
}
.index_template_section_news_contener_news_inside_one
{
height: 100%;
width: 37%;
color: #ffffff;
position: relative;
font-family: "Poppins Regular";
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
float: left; padding: 40px 40px 40px 40px;
border-right: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: left;
}
.index_template_section_news_contener_news_inside_one_arrow
{
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
border-top: 2px solid #012b7e;
border-left: 2px solid #012b7e;
background: #051723;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_news_contener_news_inside_one_arrow svg
{
width: 37%;
height: 37%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one_arrow
{
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
background: #ffffff;
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one_arrow svg
{
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one_arrow polygon,
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one_arrow rect
{
fill: #051723;
}
.index_template_section_news_contener_news_inside_one h2
{
font-weight: normal;
}
.index_template_section_news_contener_news_inside_one h3
{
font-family: "Merriweather Light";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
font-weight: normal;
padding: 55px 0 0 0;
}
.index_template_section_news_contener_news_inside_one h3 a
{
color: #ffffff;
font-family: "Merriweather Bold";
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-right-color: #ffffff;
}
.index_template_section_news_contener_news:nth-of-type(4n) .index_template_section_news_contener_news_inside_one,
.index_template_section_news_contener_news:nth-of-type(4n+1) .index_template_section_news_contener_news_inside_one
{
float: right;
border-left: 2px solid #012b7e;
border-right: 0;
}
.index_template_section_news_contener_news:nth-of-type(4n) .index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one,
.index_template_section_news_contener_news:nth-of-type(4n+1) .index_template_section_news_contener_news_inside:hover  .index_template_section_news_contener_news_inside_one
{
border-left-color: #ffffff;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside_one
{
float: left;
border-left: 0;
border-right: 2px solid #012b7e;
padding: 80px 40px 40px 40px;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-right-color: #ffffff;
}
.index_template_section_news_contener_news:nth-of-type(2) .index_template_section_news_contener_news_inside_one
{
float: right;
border-left: 2px solid #012b7e;
border-right: 0;
}
.index_template_section_news_contener_news:nth-of-type(2) .index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-left-color: #ffffff;
}
.index_template_section_news_contener_news_inside_two
{
height: 100%;
width: 63%;
position: relative;
float: left;
overflow: hidden;
}
.index_template_section_news_contener_news_inside_two.is_hided
{
display: none;
}
.index_template_section_news_contener_news_inside_two::after
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_two::after
{
background: rgba(255, 255, 255, 0.5);
}
.index_template_section_news_contener_news_inside_two_char
{
position: absolute;
font-family: "Poppins SemiBold";
font-size: 200px;
line-height: 1;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgba(216, 235, 241, 0.6);
z-index: 1;
text-transform: uppercase;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside_two_char
{
font-size: 322px;
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_two_char
{
color: #012b7e;
}
.index_template_section_news_contener_news_inside_two img
{
position: relative;
width: 100%;
height: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_two img
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
} #index_template_section_kontakt
{
width: 100%;
padding: 35px 80px 50px 80px;
background: -webkit-linear-gradient(top, rgba(0, 17, 73, 0), rgba(0, 17, 73, 1));
background: -ms-linear-gradient(top, rgba(0, 17, 73, 0), rgba(0, 17, 73, 1));
background: linear-gradient(top, rgba(0, 17, 73, 0), rgba(0, 17, 73, 1));
}
#index_template_section_kontakt::after {
content: "";
display: block;
clear: both;
} @media screen and (max-width: 1800px)
{
#index_template_section_avards
{
width: 40%;
padding: 145px 100px 0 100px;
}
#index_template_section_bio
{
width: 60%;
} .index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside .index_template_section_news_contener_news_inside_two img
{
width: auto;
height: 100%;
}
.index_template_section_news_contener_news_inside_one
{
width: 40%;
font-size: 19px;
line-height: 22px;
padding: 35px 35px 35px 35px;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside_one
{
float: left;
border-left: 0;
border-right: 2px solid #012b7e;
padding: 70px 35px 35px 35px;
}
.index_template_section_news_contener_news_inside_one h3
{
font-size: 14px;
line-height: 18px;
}
.index_template_section_news_contener_news_inside_two
{
width: 60%;
}
}
@media screen and (max-width: 1600px)
{
#index_template_section_avards
{
padding: 125px 60px 0 60px;
}
#index_template_section_bio_title
{
font-size: 80px;
}
#index_template_section_bio_title span:nth-of-type(2)
{
font-size: 120px;
padding: 0 0 0 80px;
}
#index_template_section_projects
{
padding: 35px 60px 35px 60px;
}
#index_template_section_news
{
padding: 35px 60px 35px 60px;
}
#index_template_section_kontakt
{
padding: 35px 60px 50px 60px;
} #index_template_section_projects_contener
{
width: 860px;
}
.index_template_section_projects_contener_content
{
width: 100%;
padding: 30px 0 0 0;
}
.index_template_section_projects_contener_content:nth-of-type(2n)
{
padding: 30px 0 0 0;
} .index_template_section_news_contener_news_inside_one
{
width: 45%;
}
.index_template_section_news_contener_news_inside_two
{
width: 55%;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
#index_template_section_avards
{
width: 42%;
padding: 105px 60px 0 60px;
}
#index_template_section_bio
{
width: 58%;
padding: 0 60px 120px 60px;
}
#index_template_section_bio_title
{
font-size: 70px;
}
#index_template_section_bio_title span:nth-of-type(2)
{
font-size: 100px;
padding: 0 0 0 60px;
} #index_template_section_news_contener
{
width: 860px;
}
.index_template_section_news_contener_news
{
width: 100%;
padding: 20px 0 0 0; }
.index_template_section_news_contener_news:nth-of-type(4n+1),
.index_template_section_news_contener_news:nth-of-type(4n+3)
{
padding: 20px 0 0 0;
}
.index_template_section_news_contener_news:first-of-type
{
padding: 0 0 0 0;
}
.index_template_section_news_contener_news:nth-of-type(2)
{
padding: 20px 0 0 0;
}
.index_template_section_news_contener_news_inside_one
{
float: left !important;
border-right: 2px solid #012b7e !important;
border-left: 0 !important;
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-right-color: #ffffff !important;
}
.index_template_section_news_contener_news:nth-of-type(2n) .index_template_section_news_contener_news_inside_one
{
float: right !important;
border-left: 2px solid #012b7e !important;
border-right: 0 !important;
}
.index_template_section_news_contener_news:nth-of-type(2n) .index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-left-color: #ffffff !important;
}
}
@media screen and (max-width: 1240px)
{
#index_template_section_avards
{
width: 30%;
}
#index_template_section_avards_more
{
font-size: 12px;
}
#index_template_section_avards_more span
{
padding: 20px 50px 20px 50px;
}
#index_template_section_avards_more::before
{
padding: 20px 60px 20px 60px;
font-size: 15px;
}
#index_template_section_bio
{
width: 70%;
}
.index_template_section_avards_contener_avard
{
width: 100%;
padding: 40px 20px 0 20px;
}
.index_template_section_avards_contener_avard:nth-of-type(2n+1)
{
padding: 40px 20px 0 20px;
}
.index_template_section_avards_contener_avard:nth-of-type(4),
.index_template_section_avards_contener_avard:nth-of-type(5),
.index_template_section_avards_contener_avard:nth-of-type(6)
{
display: none;
}
.index_template_sections_more
{
font-size: 12px;
}
.index_template_sections_more span
{
padding: 20px 50px 20px 50px;
}
.index_template_sections_more::before
{
padding: 20px 60px 20px 60px;
font-size: 15px;
}
}
@media screen and (max-width: 1200px)
{
#index_template_section_avards
{
width: 35%;
}
#index_template_section_bio
{
width: 65%;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
#index_template_section_avards
{
width: 560px;
float: none;
position: absolute;
top: 0;
left: 50%;
padding: 125px 40px 0 40px;
box-sizing: content-box;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#index_template_section_avards_contener
{
padding: 0 0 40px 0;
overflow: hidden;
}
.index_template_section_avards_contener_avard
{
padding: 0 50px 0 50px !important;
}
.index_template_section_avards_contener_avard:nth-of-type(4),
.index_template_section_avards_contener_avard:nth-of-type(5),
.index_template_section_avards_contener_avard:nth-of-type(6)
{
display: block;
}
.index_template_section_avards_contener_avard_inside::before
{
padding: 0 0 18px 0;
}
.index_template_section_avards_contener_avard_inside::after
{
display: none;
}
.index_template_section_avards_contener_avard_inside:hover::before
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#index_template_section_bio
{
width: 100%;
padding: 0 60px 50px 60px;
}
#index_template_section_bio_title
{
padding: 345px 0 0 0;
}
#index_template_section_bio_info
{
width: 100%;
padding: 30px 0 50px 0;
} #index_template_section_projects_contener
{
width: 100%;
overflow: hidden;
}
.index_template_section_projects_contener_content_all_project_inside_two_arrow
{
width: 50px;
height: 50px;
} #index_template_section_news_contener
{
width: 100%;
}
.index_template_section_news_contener_news_inside_one_arrow
{
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
.index_template_section_projects_contener_content_all_project
{
width: 420px;
padding: 20px 0 0 0;
float: none;
margin: 0 auto;
}
.index_template_section_projects_contener_content_all_project:nth-of-type(2)
{
padding: 20px 0 0 0;
} #index_template_section_news_contener
{
width: 420px;
}
.index_template_section_news_contener_news
{
display: none;
}
.index_template_section_news_contener_news:nth-of-type(1),
.index_template_section_news_contener_news:nth-of-type(2),
.index_template_section_news_contener_news:nth-of-type(3)
{
display: block;
}
.index_template_section_news_contener_news_inside_one
{
height: 55%;
width: 100%;
}
.index_template_section_news_contener_news_inside_two
{
height: 45%;
width: 100%;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside
{
height: 530px;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside_one
{
padding: 35px 35px 35px 35px;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside .index_template_section_news_contener_news_inside_two img
{
width: 100%;
height: auto;
}
.index_template_section_news_contener_news_inside_two.is_showed
{
display: none;
}
.index_template_section_news_contener_news_inside_two.is_hided
{
display: block;
}
.index_template_section_news_contener_news_inside_two_char
{
font-size: 80px;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside_two_char
{
font-size: 170px;
}
.index_template_section_news_contener_news_inside_one
{
border-right: 0 !important;
border-top: 2px solid #012b7e !important;
}
.index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-top-color: #ffffff !important;
}
.index_template_section_news_contener_news:nth-of-type(2n) .index_template_section_news_contener_news_inside_one
{
border-left: 0 !important;
border-top: 2px solid #012b7e !important;
}
.index_template_section_news_contener_news:nth-of-type(2n) .index_template_section_news_contener_news_inside:hover .index_template_section_news_contener_news_inside_one
{
border-top-color: #ffffff !important;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
#index_template_section_avards
{
width: 320px;
padding: 125px 20px 0 20px;
}
#index_template_section_avards_contener
{
padding: 0 0 30px 0;
}
#index_template_section_bio_title
{
font-size: 60px;
padding: 365px 0 0 0;
}
#index_template_section_bio_title span:nth-of-type(2)
{
font-size: 75px;
padding: 0 0 0 40px;
} }
@media screen and (max-width: 600px)
{
.index_template_sections_title
{
font-size: 35px;
}
#index_template_section_bio
{
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/stroinski_32k.png) 50% 0 no-repeat;
background-size: auto 140%;
padding: 0 40px 50px 40px;
text-align: center;
}
#index_template_section_bio_title
{
text-align: left;
}
#index_template_section_bio_info
{
font-size: 14px;
line-height: 18px;
text-align: left;
} #index_template_section_projects
{
padding: 35px 40px 35px 40px;
}
.index_template_section_projects_contener_content_title
{
font-size: 25px;
} #index_template_section_news
{
padding: 35px 40px 35px 40px;
}
.index_template_section_news_contener_news_inside_one
{
font-size: 15px;
line-height: 20px;
padding: 25px 25px 25px 25px;
}
.index_template_section_news_contener_news:first-of-type .index_template_section_news_contener_news_inside_one
{
padding: 25px 25px 25px 25px;
}
.index_template_section_news_contener_news_inside_one h3
{
font-size: 14px;
line-height: 18px;
padding: 25px 0 0 0;
} #index_template_section_kontakt
{
padding: 35px 40px 50px 40px;
}
}
@media screen and (max-width: 560px)
{
.index_template_section_projects_contener_content_all_project
{
width: 100%;
}
#index_template_section_news_contener
{
width: 100%;
}
}
@media screen and (max-width: 480px)
{
#index_template_section_avards
{
padding: 95px 20px 0 20px;
}
#index_template_section_bio_title
{
font-size: 50px;
padding: 335px 0 0 0;
}
#index_template_section_bio_title span:nth-of-type(2)
{
font-size: 60px;
}
#index_template_section_bio_info ul
{
padding: 20px 0 0 20px;
} .index_template_section_projects_contener_content_all_project_inside_two_arrow
{
width: 40px;
height: 40px;
}
.index_template_section_projects_contener_content_all_project
{
width: 180px;
padding: 20px 0 0 0;
}
.index_template_section_projects_contener_content_all_project:nth-of-type(2)
{
padding: 20px 0 0 0;
display: none;
}
.index_template_section_projects_contener_content_all_project_inside
{
height: 420px;
width: 100%;
}
.index_template_section_projects_contener_content_all_project_inside_one
{
height: 50%;
width: 100%;
}
.index_template_section_projects_contener_content_all_project_inside_one img
{
width: 100%;
height: auto;
}
.index_template_section_projects_contener_content_all_project_inside_two
{
height: 50%;
width: 100%;
border-left: 0;
border-top: 2px solid #012b7e;
padding: 15px 15px 15px 15px;
}
.index_template_section_projects_contener_content_all_project_inside:hover .index_template_section_projects_contener_content_all_project_inside_two
{
border-left: 0;
border-top: 2px solid #ffffff;
}
.index_template_section_projects_contener_content_all_project_inside_two h3
{
font-size: 14px;
line-height: 16px;
}
.index_template_section_projects_contener_content_all_project_inside_two h4
{
font-size: 14px;
line-height: 16px;
}
.index_template_section_news_contener_news_inside_one_arrow
{
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 420px)
{
.index_template_sections_title
{
font-size: 30px;
}
#index_template_section_bio
{
padding: 0 20px 40px 20px;
}
#index_template_section_bio_title
{
font-size: 40px;
}
#index_template_section_bio_info
{
padding: 30px 0 40px 0;
}
#index_template_section_bio_title span:nth-of-type(2)
{
font-size: 50px;
} .index_template_section_projects_contener_content_title
{
font-size: 20px;
}
#index_template_section_projects
{
padding: 35px 20px 35px 20px;
} #index_template_section_news
{
padding: 35px 20px 35px 20px;
} #index_template_section_kontakt
{
padding: 35px 20px 50px 20px;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.bio
{
padding: 0 160px 0 160px;
background: #ffffff;
}
#bio_template
{
margin: 0 auto;
width: 100%;
padding: 245px 0 80px 0;
font-family: "Merriweather";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
color: #051723;
}
#bio_template::after {
content: "";
display: block;
clear: both;
}
#bio_template p
{
padding: 20px 0 0 0;
}
#bio_template p:first-of-type
{
font-family: "Poppins SemiBold";
font-size: 40px;
line-height: 48px;
letter-spacing: 1px;
padding: 0 0 36px 0;
}
#bio_template p.bio_template_naglowek_line
{
width: 60px;
height: 1px;
background: #051723;
padding: 0 0 0 0;
margin: -13px 0 0 -20px;
float: left;
}
#bio_template ol li
{
padding: 20px 0 0 0;
}
#bio_template ul
{
padding: 20px 0 0 40px;
}
#bio_template a
{
color: #0f1e46;
font-family: "Merriweather Bold";
}
#bio_template a:hover
{
color: #009fe3;
}
#bio_template table
{
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#bio_template table.no_borders
{
margin: 0 0 0 0;
}
#bio_template table td 
{
border: 0;
text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
#bio_template table.no_borders td
{
border: 0;
} #bio_template figure
{ box-sizing: content-box;
max-width: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#bio_template figure img
{
width: 100%;
height: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#bio_template figure img:hover
{
opacity: 0.9;
}
#bio_template figure:nth-of-type(odd) {
float: left;
padding: 60px 80px 40px 0;
}
#bio_template figure:nth-of-type(even) {
float: right;
padding: 60px 0 40px 80px;
}
#bio_template figure:first-of-type {
padding: 0 80px 40px 0;
width: 750px;
}
#bio_template figure img:hover
{
opacity: 0.9;
}
#bio_template figcaption
{
font-family: 'Merriweather';
font-size: 12px;
line-height: 14px;
letter-spacing: 0.5px;
padding: 5px 0 0 20px;
position: relative;
}
#bio_template figcaption::after
{
content: "";
display: block;
width: 0;
height: 0;
top: 4px;
left: 0;
position: absolute;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #051723;
border-top: 5px solid transparent;
}
#bio_template figure.alignleft
{
float: left !important;
padding: 60px 80px 40px 0 !important;
}
#bio_template figure.alignright
{
float: right !important;
padding: 60px 0 40px 80px !important;
}
#bio_template figure.aligncenter
{
float: none !important;
padding: 60px 0 40px 0 !important;
display: block;
margin: 0 auto;
} #bio_template :not(figure) img
{
max-width: 100%;
height: auto;
float: left;
padding: 60px 80px 60px 0;
box-sizing: content-box;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#bio_template :not(figure) img:hover
{
opacity: 0.9;
}
#bio_template :not(figure) img.alignright
{
float: right !important;
padding: 60px 0 60px 80px !important;
}
#bio_template :not(figure) img.alignleft
{
float: left !important;
padding: 60px 80px 60px 0 !important;
}
#bio_template :not(figure) img.aligncenter
{
float: none !important;
padding: 60px 0 60px 0 !important;
display: block;
margin: 0 auto;
} #bio_template .alignleft
{
float: left !important;
}
#bio_template .alignright
{
float: right !important;
}
#bio_template .aligncenter
{
float: none !important;
display: block;
margin: 0 auto;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
#main_page_center.bio
{
padding: 0 60px 0 60px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#bio_template
{
padding: 123px 0 40px 0;
}
#bio_template p:first-of-type
{
font-size: 30px;
line-height: 37px;
padding: 0 0 28px 0;
}
#bio_template p.bio_template_naglowek_line
{
margin: -8px 0 0 -20px;
}
#bio_template figure:nth-of-type(odd) {
padding: 40px 60px 40px 0;
}
#bio_template figure:nth-of-type(even) {
padding: 40px 0 40px 60px;
}
#bio_template figure:first-of-type {
padding: 0 60px 40px 0;
}
#bio_template figure.alignleft
{
padding: 40px 60px 40px 0 !important;
}	
#bio_template figure.alignright
{
padding: 40px 0 40px 60px !important;
}
#bio_template figure.aligncenter
{
padding: 40px 0 40px 0 !important;
} #bio_template :not(figure) img
{
padding: 40px 60px 40px 0;
}
#bio_template :not(figure) img.alignleft
{
padding: 40px 60px 40px 0 !important;
}
#bio_template :not(figure) img.alignright
{
padding: 40px 0 40px 60px !important;
}
#bio_template :not(figure) img.aligncenter
{
padding: 40px 0 40px 0 !important;
}
}
@media screen and (max-width: 1200px)
{
#bio_template p.bio_template_naglowek_line
{
margin: -8px 0 0 0;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
#main_page_center.bio
{
padding: 0 40px 0 40px;
}
#bio_template
{
font-size: 14px;
line-height: 18px;
}
#bio_template p:first-of-type
{
font-size: 25px;
line-height: 32px;
}
#bio_template p.bio_template_naglowek_line
{
margin: -7px 0 0 0;
}
}
@media screen and (max-width: 480px)
{
#bio_template
{
padding: 103px 0 40px 0;
}
#bio_template ul
{
padding: 20px 0 0 20px;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.bio
{
padding: 0 20px 0 20px;
}
#bio_template figure:nth-of-type(odd) {
padding: 40px 0 40px 0;
}
#bio_template figure:nth-of-type(even) {
padding: 40px 0 40px 0;
}
#bio_template figure:first-of-type {
padding: 0 0 40px 0;
}
#bio_template figure.alignleft
{
padding: 40px 0 40px 0 !important;
}	
#bio_template figure.alignright
{
padding: 40px 0 40px 0 !important;
} #bio_template :not(figure) img
{
padding: 40px 0 40px 0;
}
#bio_template :not(figure) img.alignleft
{
padding: 40px 0 40px 0 !important;
}
#bio_template :not(figure) img.alignright
{
padding: 40px 0 40px 0 !important;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.bio_alternative
{
padding: 0 0 0 0;
background: #ffffff;
}
#bio_template_alternative_header
{
margin: 0 auto;
width: 100%;
position: relative;
max-height: 700px;
overflow: hidden;
}
#bio_template_alternative_header::after
{
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: -webkit-linear-gradient(top, rgba(5, 23, 35, 0.8), rgba(0, 17, 73, 0.8));
background: -ms-linear-gradient(top, rgba(5, 23, 35, 0.8), rgba(0, 17, 73, 0.8));
background: linear-gradient(top, rgba(5, 23, 35, 0.8), rgba(0, 17, 73, 0.8));
}
#bio_template_alternative_header img
{
height: auto;
width: 100%;
display: block;
}
#bio_template_alternative_header_title
{
font-family: "Poppins Regular";
font-size: 100px;
position: absolute;
display: block;
top: 60%;
left: 50%;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 80%;
font-weight: normal;
}
#bio_template_alternative_header_title span
{
float: left;
}
#bio_template_alternative_header_title span:nth-of-type(2)
{
font-family: "Poppins SemiBold";
font-size: 140px;
padding: 0 0 0 100px;
clear: both;
} #bio_alternative
{
margin: 0 auto;
width: 100%;
padding: 80px 160px 80px 160px;
font-family: "Merriweather";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
color: #051723;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
-webkit-column-rule: 2px solid #99a0b6;
-moz-column-rule: 2px solid #99a0b6;
column-rule: 2px solid #99a0b6;
}
#bio_alternative p
{
padding: 20px 0 0 0;
}
#bio_alternative p:first-of-type
{
padding: 0 0 0 0;
}
#bio_alternative ol li
{
padding: 20px 0 0 0;
}
#bio_alternative ul
{
padding: 20px 0 0 40px;
}
#bio_alternative a
{
color: #0f1e46;
font-family: "Merriweather Bold";
}
#bio_alternative a:hover
{
color: #009fe3;
}
#bio_alternative table
{
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#bio_alternative table.no_borders
{
margin: 0 0 0 0;
}
#bio_alternative table td 
{
border: 0;
text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
#bio_alternative table.no_borders td
{
border: 0;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
#bio_alternative
{
padding: 80px 60px 80px 60px;
}
#bio_template_alternative_header_title
{
font-size: 80px;
}
#bio_template_alternative_header_title span:nth-of-type(2)
{
font-size: 120px;
padding: 0 0 0 80px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
#bio_template_alternative_header_title
{
font-size: 70px;
}
#bio_template_alternative_header_title span:nth-of-type(2)
{
font-size: 100px;
padding: 0 0 0 60px;
}
}
@media screen and (max-width: 1240px)
{
#bio_template_alternative_header
{
height: 480px;
}
#bio_template_alternative_header img
{
position: relative;
height: 100%;
width: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 100%;
-webkit-transform: translate(-95%, -50%);
-ms-transform: translate(-95%, -50%);
transform: translate(-95%, -50%);
display: block;
}
#bio_alternative
{
padding: 40px 60px 40px 60px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
#bio_template_alternative_header
{
height: 400px;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
#bio_alternative
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media screen and (max-width: 768px)
{
#bio_template_alternative_header
{
height: 350px;
}
}
@media screen and (max-width: 680px)
{
#bio_template_alternative_header_title
{
font-size: 60px;
}
#bio_template_alternative_header_title span:nth-of-type(2)
{
font-size: 75px;
padding: 0 0 0 40px;
}
}
@media screen and (max-width: 600px)
{
#bio_alternative
{
font-size: 14px;
line-height: 18px;
padding: 40px 40px 40px 40px;
}
}
@media screen and (max-width: 480px)
{
#bio_template_alternative_header
{
height: 300px;
}
#bio_template_alternative_header_title
{
font-size: 50px;
}
#bio_template_alternative_header_title span:nth-of-type(2)
{
font-size: 60px;
}
#bio_alternative ul
{
padding: 20px 0 0 20px;
}
}
@media screen and (max-width: 420px)
{
#bio_alternative
{
padding: 40px 20px 40px 20px;
}
#bio_template_alternative_header_title
{
font-size: 40px;
}
#bio_template_alternative_header_title span:nth-of-type(2)
{
font-size: 50px;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.nagrody
{
padding: 0 140px 0 140px; background: #ffffff;
}
#nagrody_template
{
margin: 0 auto;
width: 100%;
padding: 205px 0 80px 0;
}
#nagrody_template .brak
{
font-family: "Poppins Regular";
font-size: 14px;
color: #051723;
display: inline-block;
padding: 20px 0 0 20px;
}
#nagrody_template::after {
content: "";
display: block;
clear: both;
}
.nagrody_template_avard
{
height: 220px;
width: 20%;
float: left;
padding: 40px 20px 0 20px;
text-align: center;
}
.nagrody_template_avard_inside
{
height: 100%;
width: 100%;
color: #051723;
position: relative;
font-family: "Poppins Regular";
font-size: 14px;
line-height: 17px;
letter-spacing: 1.5px;
padding: 0 40px 0 40px;
}
.nagrody_template_avard_inside::before 
{
content: "";
display: block;
position: relative;
width: 42px;
height: 38px;
margin: 0 auto;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/icon_laur_2.svg) no-repeat;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
padding: 0 0 28px 0;
}
.nagrody_template_avard_inside::after 
{
content: "";
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #a0b8cd;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nagrody_template_avard_inside:hover::before 
{
-webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
-ms-transform: scale(1.2, 1.2) rotate(0.1deg);
transform: scale(1.2, 1.2) rotate(0.1deg);
}
.nagrody_template_avard_inside:hover::after 
{
height: 3px;
background: #051723;
} @media screen and (max-width: 1800px)
{
.nagrody_template_avard
{
width: 25%;
}
}
@media screen and (max-width: 1600px)
{
#main_page_center.nagrody
{
padding: 0 40px 0 40px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
.nagrody_template_avard
{
width: calc(100% / 3);
}
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#nagrody_template
{
padding: 83px 0 40px 0;
}
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
.nagrody_template_avard
{
width: 50%;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
.nagrody_template_avard
{
width: 320px;
float: none;
margin: 0 auto;
}
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
#main_page_center.nagrody
{
padding: 0 20px 0 20px;
}
}
@media screen and (max-width: 480px)
{
#nagrody_template
{
padding: 63px 0 40px 0;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.nagrody
{
padding: 0 0 0 0;
}
}
@media screen and (max-width: 360px)
{
.nagrody_template_avard
{
width: 100%;
}
}
#main_page_center.news
{
padding: 0 80px 0 80px;
}
#news_template
{
margin: 0 auto;
width: 100%;
padding: 50px 0 50px 0;
text-align: center;
} #news_template_filters
{
padding: 10px 0 0 0;
font-family: "Poppins Regular";
font-size: 15px;
color: #ffffff;
letter-spacing: 1px;
}
#news_template_filters #contener_async_contener
{
display: none;
}
#news_template_contener
{
margin: 0 auto;
width: 100%;
padding: 30px 0 30px 0;
}
#news_template_contener::after {
content: "";
display: block;
clear: both;
}
.news_template_contener_news
{
width: 50%;
float: left;
padding: 20px 10px 0 0; }
.news_template_contener_news:nth-of-type(4n+1),
.news_template_contener_news:nth-of-type(4n+3)
{
padding: 20px 0 0 10px;
}
.news_template_contener_news:first-of-type
{
padding: 0 10px 0 0;
}
.news_template_contener_news:nth-of-type(2)
{
padding: 0 0 0 10px;
}
.news_template_contener_news_inside
{
height: 300px;
width: 100%;
border: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside
{
height: 620px;
}
.news_template_contener_news_inside::after {
content: "";
display: block;
clear: both;
}
.news_template_contener_news_inside:hover
{
border: 2px solid #ffffff;
}
.news_template_contener_news_inside_link
{
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 2;
}
.news_template_contener_news_inside_one
{
height: 100%;
width: 37%;
color: #ffffff;
position: relative;
font-family: "Poppins Regular";
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
float: left; padding: 40px 40px 40px 40px;
border-right: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: left;
}
.news_template_contener_news_inside_one_arrow
{
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
border-top: 2px solid #012b7e;
border-left: 2px solid #012b7e;
background: #051723;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.news_template_contener_news_inside_one_arrow svg
{
width: 37%;
height: 37%;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one_arrow
{
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
background: #ffffff;
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one_arrow svg
{
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one_arrow polygon,
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one_arrow rect
{
fill: #051723;
}
.news_template_contener_news_inside_one h2
{
font-weight: normal;
}
.news_template_contener_news_inside_one h3
{
font-family: "Merriweather Light";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
font-weight: normal;
padding: 55px 0 0 0;
}
.news_template_contener_news:not(:first-of-type) .news_template_contener_news_inside_one h3
{
display: none;
}
.news_template_contener_news_inside_one h3 a
{
color: #ffffff;
font-family: "Merriweather Bold";
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-right-color: #ffffff;
}
.news_template_contener_news:nth-of-type(4n) .news_template_contener_news_inside_one,
.news_template_contener_news:nth-of-type(4n+1) .news_template_contener_news_inside_one
{
float: right;
border-left: 2px solid #012b7e;
border-right: 0;
}
.news_template_contener_news:nth-of-type(4n) .news_template_contener_news_inside:hover .news_template_contener_news_inside_one,
.news_template_contener_news:nth-of-type(4n+1) .news_template_contener_news_inside:hover  .news_template_contener_news_inside_one
{
border-left-color: #ffffff;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside_one
{
float: left;
border-left: 0;
border-right: 2px solid #012b7e;
padding: 80px 40px 40px 40px;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-right-color: #ffffff;
}
.news_template_contener_news:nth-of-type(2) .news_template_contener_news_inside_one
{
float: right;
border-left: 2px solid #012b7e;
border-right: 0;
}
.news_template_contener_news:nth-of-type(2) .news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-left-color: #ffffff;
}
.news_template_contener_news_inside_two
{
height: 100%;
width: 63%;
position: relative;
float: left;
overflow: hidden;
}
.news_template_contener_news_inside_two.is_hided
{
display: none;
}
.news_template_contener_news_inside_two::after
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_two::after
{
background: rgba(255, 255, 255, 0.5);
}
.news_template_contener_news_inside_two_char
{
position: absolute;
font-family: "Poppins SemiBold";
font-size: 200px;
line-height: 1;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgba(216, 235, 241, 0.6);
z-index: 1;
text-transform: uppercase;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside_two_char
{
font-size: 322px;
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_two_char
{
color: #012b7e;
}
.news_template_contener_news_inside_two img
{
position: relative;
width: 100%;
height: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_two img
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
} @media screen and (max-width: 1800px)
{
.news_template_contener_news:first-of-type .news_template_contener_news_inside .news_template_contener_news_inside_two img
{
width: auto;
height: 100%;
}
.news_template_contener_news_inside_one
{
width: 40%;
font-size: 19px;
line-height: 22px;
padding: 35px 35px 35px 35px;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside_one
{
float: left;
border-left: 0;
border-right: 2px solid #012b7e;
padding: 70px 35px 35px 35px;
}
.news_template_contener_news_inside_one h3
{
font-size: 14px;
line-height: 18px;
}
.news_template_contener_news_inside_two
{
width: 60%;
}
}
@media screen and (max-width: 1600px)
{
#main_page_center.news
{
padding: 0 60px 0 60px;
}
.news_template_contener_news_inside_one
{
width: 45%;
}
.news_template_contener_news_inside_two
{
width: 55%;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
#main_page_center .contener
{
width: 860px;
}
.news_template_contener_news
{
width: 100%;
padding: 20px 0 0 0; }
.news_template_contener_news:nth-of-type(4n+1),
.news_template_contener_news:nth-of-type(4n+3)
{
padding: 20px 0 0 0;
}
.news_template_contener_news:first-of-type
{
padding: 0 0 0 0;
}
.news_template_contener_news:nth-of-type(2)
{
padding: 20px 0 0 0;
}
.news_template_contener_news_inside_one
{
float: left !important;
border-right: 2px solid #012b7e !important;
border-left: 0 !important;
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-right-color: #ffffff !important;
}
.news_template_contener_news:nth-of-type(2n) .news_template_contener_news_inside_one
{
float: right !important;
border-left: 2px solid #012b7e !important;
border-right: 0 !important;
}
.news_template_contener_news:nth-of-type(2n) .news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-left-color: #ffffff !important;
}
}
@media screen and (max-width: 1240px)
{
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
#main_page_center .contener
{
width: 100%;
}
.news_template_contener_news_inside_one_arrow
{
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
#main_page_center .contener
{
width: 420px;
}
.news_template_contener_news_inside_one
{
height: 55%;
width: 100%;
}
.news_template_contener_news_inside_two
{
height: 45%;
width: 100%;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside
{
height: 530px;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside_one
{
padding: 35px 35px 35px 35px;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside .news_template_contener_news_inside_two img
{
width: 100%;
height: auto;
}
.news_template_contener_news_inside_two.is_showed
{
display: none;
}
.news_template_contener_news_inside_two.is_hided
{
display: block;
}
.news_template_contener_news_inside_two_char
{
font-size: 80px;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside_two_char
{
font-size: 170px;
}
.news_template_contener_news_inside_one
{
border-right: 0 !important;
border-top: 2px solid #012b7e !important;
}
.news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-top-color: #ffffff !important;
}
.news_template_contener_news:nth-of-type(2n) .news_template_contener_news_inside_one
{
border-left: 0 !important;
border-top: 2px solid #012b7e !important;
}
.news_template_contener_news:nth-of-type(2n) .news_template_contener_news_inside:hover .news_template_contener_news_inside_one
{
border-top-color: #ffffff !important;
}
}
@media screen and (max-width: 600px)
{
#main_page_center.news
{
padding: 0 40px 0 40px;
}
.news_template_contener_news_inside_one
{
font-size: 15px;
line-height: 20px;
padding: 25px 25px 25px 25px;
}
.news_template_contener_news:first-of-type .news_template_contener_news_inside_one
{
padding: 25px 25px 25px 25px;
}
.news_template_contener_news_inside_one h3
{
font-size: 14px;
line-height: 18px;
padding: 25px 0 0 0;
}
}
@media screen and (max-width: 560px)
{
#main_page_center .contener
{
width: 100%;
}
}
@media screen and (max-width: 480px)
{
.news_template_contener_news_inside_one_arrow
{
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.news
{
padding: 0 20px 0 20px;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.projekty
{
padding: 0 80px 0 60px;
}
#projekty_template
{
margin: 0 auto;
width: 100%;
padding: 50px 0 50px 0;
}
#projekty_template .brak
{
font-family: "Poppins Regular";
font-size: 14px;
color: #ffffff;
display: inline-block;
}
#projekty_template::after {
content: "";
display: block;
clear: both;
} #projekty_template_left
{
float: left;
width: 12%;
padding: 0 70px 0 0;
}
#projekty_template_left ul li a {
color: #ffffff;
display: block;
}
#projekty_template_left ul
{
display: block;
list-style: none;
}
#projekty_template_left ul::after {
content: "";
display: block;
clear: both;
}
#projekty_template_left ul li
{
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
font-family: "Poppins Medium";
font-size: 15px;
line-height: 18px;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 50px 0 0 0;
}
#projekty_template_left ul li:first-of-type
{
padding: 0 0 0 0;
}
#projekty_template_left ul li a
{
padding: 0 0 12px 0;
position: relative;
}
#projekty_template_left ul li a::after
{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#projekty_template_left ul li a:hover::after
{
width: 100%;
background: rgba(255, 255, 255, 1);
}
#projekty_template_left ul li a.mPS2id-clicked {
font-family: "Poppins SemiBold";
}
#projekty_template_left ul li a.mPS2id-clicked::after
{
width: 100%;
background: rgba(255, 255, 255, 1);
} #projekty_template_right
{
float: left;
width: 88%;
}
.projekty_template_right_contener
{
width: 100%;
padding: 50px 0 0 0;
}
.projekty_template_right_contener.is_first
{
padding: 0 0 0 0;
}
.projekty_template_right_contener_title
{
font-family: "Poppins Medium";
font-size: 40px;
letter-spacing: 4px;
color: #ffffff;
text-transform: uppercase;
font-weight: normal;
}
.projekty_template_right_contener_content
{
margin: 0 auto;
width: 100%;
padding: 15px 0 0 0;
position: relative;
}
.projekty_template_right_contener_content::after {
content: "";
display: block;
clear: both;
}
.projekty_template_right_contener_content_project
{
width: calc(20% - 16px);
float: left;
}
.projekty_template_right_contener_content_project:nth-of-type(5n)
{
margin: 20px 0 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(5n-1)
{
margin: 20px 10px 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(5n-2)
{
margin: 20px 10px 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(5n-3)
{
margin: 20px 10px 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(5n+1)
{
clear: both;
margin: 20px 10px 0 0;
} .projekty_template_right_contener_content_project_inside
{
width: 100%;
height: 660px;
border: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
margin: 0 auto;
}
.projekty_template_right_contener_content_project_inside:hover
{
border: 2px solid #ffffff;
}
.projekty_template_right_contener_content_project_inside_link
{
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 1;
}
.projekty_template_right_contener_content_project_inside_one
{
height: 64%;
width: 100%;
position: relative;
overflow: hidden;
}
.projekty_template_right_contener_content_project_inside_one::after
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_one::after
{
background: rgba(255, 255, 255, 0.5);
}
.projekty_template_right_contener_content_project_inside_one img
{
position: relative;
height: 100%;
width: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_one img
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
}
.projekty_template_right_contener_content_project_inside_two
{
height: 36%;
width: 100%;
color: #ffffff;
position: relative;
padding: 35px 25px 35px 25px;
border-top: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: left;
}
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_two
{
border-top: 2px solid #ffffff;
}
.projekty_template_right_contener_content_project_inside_two_arrow
{
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
border-top: 2px solid #012b7e;
border-left: 2px solid #012b7e;
background: #051723;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.projekty_template_right_contener_content_project_inside_two_arrow svg
{
width: 37%;
height: 37%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_two_arrow
{
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
background: #ffffff;
}
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_two_arrow svg
{
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
}
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_two_arrow polygon,
.projekty_template_right_contener_content_project_inside:hover .projekty_template_right_contener_content_project_inside_two_arrow rect
{
fill: #051723;
}
.projekty_template_right_contener_content_project_inside_two h3
{
font-weight: normal;
font-family: "Poppins Regular";
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
}
.projekty_template_right_contener_content_project_inside_two h4
{
font-weight: normal;
font-family: "Poppins Medium";
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
padding: 10px 0 0 0;
} @media screen and (max-width: 1800px)
{
#projekty_template_left
{
width: 15%;
}
#projekty_template_right
{
width: 85%;
}
.projekty_template_right_contener_content_project_inside_two
{
padding: 25px 25px 25px 25px;
}
.projekty_template_right_contener_content_project_inside_two h3
{
font-size: 19px;
line-height: 22px;
}
.projekty_template_right_contener_content_project_inside_two h4
{
font-size: 19px;
line-height: 22px;
}
}
@media screen and (max-width: 1600px)
{
#main_page_center.projekty
{
padding: 0 60px 0 60px;
}
.projekty_template_right_contener_content_project
{
width: calc(25% - 15px);
}
.projekty_template_right_contener_content_project:nth-of-type(5n),
.projekty_template_right_contener_content_project:nth-of-type(5n-1),
.projekty_template_right_contener_content_project:nth-of-type(5n-2),
.projekty_template_right_contener_content_project:nth-of-type(5n-3),
.projekty_template_right_contener_content_project:nth-of-type(5n+1)
{
margin: 0 0 0 0;
}
.projekty_template_right_contener_content_project:nth-of-type(5n+1)
{
clear: none;
margin: 0 0 0 0;
} .projekty_template_right_contener_content_project:nth-of-type(4n)
{
margin: 20px 0 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(4n-1)
{
margin: 20px 10px 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(4n-2)
{
margin: 20px 10px 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(4n+1)
{
clear: both;
margin: 20px 10px 0 0;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
#projekty_template_left
{
width: 17%;
}
#projekty_template_right
{
width: 83%;
}
}
@media screen and (max-width: 1300px)
{
.projekty_template_right_contener_content_project
{
width: calc(100%/3 - 13.5px);
}
.projekty_template_right_contener_content_project:nth-of-type(4n),
.projekty_template_right_contener_content_project:nth-of-type(4n-1),
.projekty_template_right_contener_content_project:nth-of-type(4n-2)
{
margin: 0 0 0 0;
}
.projekty_template_right_contener_content_project:nth-of-type(4n+1)
{
clear: none;
margin: 0 0 0 0;
} .projekty_template_right_contener_content_project:nth-of-type(3n)
{
margin: 20px 0 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(3n-1)
{
margin: 20px 10px 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(3n+1)
{
clear: both;
margin: 20px 10px 0 0;
}
}
@media screen and (max-width: 1200px)
{
#projekty_template_left
{
width: 18%;
}
#projekty_template_right
{
width: 82%;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
#projekty_template_left
{
width: 19%;
}
#projekty_template_right
{
width: 81%;
}
.projekty_template_right_contener_content_project_inside
{
height: 550px;
}
.projekty_template_right_contener_content_project_inside h3
{
font-size: 15px;
line-height: 18px;
}
.projekty_template_right_contener_content_project_inside h4
{
font-size: 15px;
line-height: 18px;
}
.projekty_template_right_contener_content_project_inside_two_arrow
{
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
#projekty_template_left
{
display: none;
}
#projekty_template_right
{
width: 100%;
}
}
@media screen and (max-width: 768px)
{
.projekty_template_right_contener_title
{
font-size: 35px;
letter-spacing: 2px;
}
.projekty_template_right_contener_content
{
width: 480px;
}
.projekty_template_right_contener_content_project
{
width: calc(50% - 10px);
}
.projekty_template_right_contener_content_project:nth-of-type(3n),
.projekty_template_right_contener_content_project:nth-of-type(3n-1)
{
margin: 0 0 0 0;
}
.projekty_template_right_contener_content_project:nth-of-type(3n+1)
{
clear: none;
margin: 0 0 0 0;
} .projekty_template_right_contener_content_project:nth-of-type(2n)
{
margin: 20px 0 0 10px;
}
.projekty_template_right_contener_content_project:nth-of-type(2n+1)
{
clear: both;
margin: 20px 10px 0 0;
}
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
#main_page_center.projekty
{
padding: 0 40px 0 40px;
}
.projekty_template_right_contener_title
{
font-size: 30px;
letter-spacing: 1px;
}
.projekty_template_right_contener_content
{
width: 100%;
}
}
@media screen and (max-width: 560px)
{
}
@media screen and (max-width: 480px)
{
.projekty_template_right_contener_content
{
overflow: hidden;
}
.projekty_template_right_contener_content_project,
.projekty_template_right_contener_content_project:nth-of-type(2n),
.projekty_template_right_contener_content_project:nth-of-type(2n+1)
{
float: none;
width: 240px;
margin: 20px auto 0 auto;
}
.projekty_template_right_contener_content_project:nth-of-type(2n)
{
margin: 20px auto 0 auto;
}
.projekty_template_right_contener_content_project:nth-of-type(2n+1)
{
clear: none;
margin: 20px auto 0 auto;
}
.projekty_template_right_contener_content_project_inside
{
width: 240px;
height: 495px;
}
.projekty_template_right_contener_content_project_inside_one img
{
height: auto;
width: 100%;
}
.projekty_template_right_contener_content_project_inside_two_arrow
{
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.projekty
{
padding: 0 20px 0 20px;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.galeria
{
padding: 0 80px 0 60px;
}
#galeria_template
{
margin: 0 auto;
width: 100%;
padding: 50px 0 50px 0;
}
#galeria_template .brak
{
font-family: "Poppins Regular";
font-size: 14px;
color: #ffffff;
display: inline-block;
}
#galeria_template::after {
content: "";
display: block;
clear: both;
} #galeria_template_left
{
float: left;
width: 12%;
padding: 0 70px 0 0;
}
#galeria_template_left ul li a {
color: #ffffff;
display: block;
}
#galeria_template_left ul
{
display: block;
list-style: none;
}
#galeria_template_left ul::after {
content: "";
display: block;
clear: both;
}
#galeria_template_left ul li
{
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
font-family: "Poppins Medium";
font-size: 15px;
line-height: 18px;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 50px 0 0 0;
}
#galeria_template_left ul li:first-of-type
{
padding: 0 0 0 0;
}
#galeria_template_left ul li a
{
padding: 0 0 12px 0;
position: relative;
}
#galeria_template_left ul li a::after
{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#galeria_template_left ul li a:hover::after
{
width: 100%;
background: rgba(255, 255, 255, 1);
}
#galeria_template_left ul li a.mPS2id-clicked {
font-family: "Poppins SemiBold";
}
#galeria_template_left ul li a.mPS2id-clicked::after
{
width: 100%;
background: rgba(255, 255, 255, 1);
} #galeria_template_right
{
float: left;
width: 88%;
}
.galeria_template_right_contener
{
width: 100%;
padding: 50px 0 0 0;
}
.galeria_template_right_contener.is_first
{
padding: 0 0 0 0;
}
.galeria_template_right_contener_title
{
font-family: "Poppins Medium";
font-size: 40px;
letter-spacing: 4px;
color: #ffffff;
font-weight: normal;
}
.galeria_template_right_contener_content
{
padding: 15px 0 0 0;
}
.galeria_template_right_contener_content::after {
content: "";
display: block;
clear: both;
}
.galeria_template_right_contener_content_images
{
width: calc(25% - 15px);
height: 250px;
float: left;
display: block;
position: relative;
}
.galeria_template_right_contener_content_images:nth-of-type(4n)
{
margin: 20px 0 0 10px;
}
.galeria_template_right_contener_content_images:nth-of-type(4n-1)
{
margin: 20px 10px 0 10px;
}
.galeria_template_right_contener_content_images:nth-of-type(4n-2)
{
margin: 20px 10px 0 10px;
}
.galeria_template_right_contener_content_images:nth-of-type(4n+1)
{
clear: both;
margin: 20px 10px 0 0;
} .galeria_template_right_contener_content_image
{
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: hidden;
}
.galeria_template_right_contener_content_image::after
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.galeria_template_right_contener_content_image:hover::after
{
background: rgba(255, 255, 255, 0.5);
}
.galeria_template_right_contener_content_image img
{
position: relative;
height: auto;
width: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.galeria_template_right_contener_content_image:hover img
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
}
.galeria_template_right_contener_content_image_download
{
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
height: 40px;
width: 50px;
background: #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
display: block;
}
.galeria_template_right_contener_content_image_download_arrow
{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.galeria_template_right_contener_content_image_download:hover
{
background: #009fe3;
}
.galeria_template_right_contener_content_image_download:hover .galeria_template_right_contener_content_image_download_arrow
{
-webkit-transform: translate(0, 5px);
-ms-transform: translate(0, 5px);
transform: translate(0, 5px);
}
.galeria_template_right_contener_content_image_download svg
{
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
} #loader_lightbox
{
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 20001;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/loader.svg) 50% 50% no-repeat;
background-size: 80px 80px;
opacity: 0;
}
#loader_lightbox.error
{
width: 120px;
height: 70px;
text-align: center;
font-family: "Poppins Regular";
font-size: 15px;
background: #ff0000;
color: #ffffff;
text-transform: uppercase;
padding: 0 20px 0 20px;
}
#loader_lightbox.error::after
{
content: "error";
display: block;
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
} #gallery_lightbox
{
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #051723;
z-index: 20000;
overflow-y: auto;
padding: 20px 20px 20px 20px;
}
.gallery_lightbox_scale
{
visibility: hidden;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gallery_lightbox_scale.open
{
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#gallery_lightbox_contener
{
width: 50%;
max-height: 100%;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #gallery_lightbox_contener_header
{
width: 100%;
}
#gallery_lightbox_contener_header::after {
content: "";
display: block;
clear: both;
}
#gallery_lightbox_contener_header_gallery
{
float: left;
color: #ffffff;
width: calc(100% - 48px);
padding: 10px 10px 10px 0;
font-family: "Poppins Regular";
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
}
#gallery_lightbox_contener_header_close
{
float: right;
width: 48px; 
height: 48px;
margin: 0 0 10px 0;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
border: 1px solid rgba(255, 255, 255, 0);
cursor: pointer;
}
#gallery_lightbox_contener_header_close:hover
{
background: #012b7e;
}
#gallery_lightbox_contener_header_close svg
{
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#gallery_lightbox_contener_header_close rect
{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#gallery_lightbox_contener_header_close:hover rect
{
fill: #ffffff;
} #gallery_lightbox_contener_middle
{
margin: 0 auto;
width: 100%;
position: relative;
}
#gallery_lightbox_contener_middle_content img.horizontal
{
width: 100%;
height: auto;
display: block;
}
#gallery_lightbox_contener_middle_content img.vertical
{
width: auto;
display: block;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#gallery_lightbox_contener_middle_arrow_prev
{
width: 60%;
height: 100%;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_prev_lightbox.svg) 0 50% no-repeat;
position: absolute;
top: 0;
left: -10%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
z-index: 1;
}
#gallery_lightbox_contener_middle_arrow_prev:hover
{
background-position: 10% 50%;
}
#gallery_lightbox_contener_middle_arrow_next
{
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_next_lightbox.svg) 100% 50% no-repeat;
width: 60%;
height: 100%;
position: absolute;
top: 0;
right: -10%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
z-index: 1;
}
#gallery_lightbox_contener_middle_arrow_next:hover
{
background-position: 90% 50%;
} #gallery_lightbox_contener_footer
{
width: 100%;
padding: 0 0 35px 0;
border-bottom: 1px solid #ffffff;
}
#gallery_lightbox_contener_footer::after {
content: "";
display: block;
clear: both;
}
#gallery_lightbox_contener_footer_title
{
font-family: "Merriweather";
font-size: 15px;
line-height: 18px;
letter-spacing: 0.5px;
color: #ffffff;
float: left;
padding: 25px 20px 0 0
}
#gallery_lightbox_contener_footer_year
{
font-family: "Merriweather";
font-size: 15px;
line-height: 18px;
letter-spacing: 0.5px;
color: #ffffff;
float: right;
padding: 25px 0 0 0
} #gallery_lightbox_contener_navigation
{
width: 100%;
margin: 0 auto;
padding: 35px 0 0 0;
}
#gallery_lightbox_contener_navigation::after {
content: "";
display: block;
clear: both;
}
#gallery_lightbox_contener_navigation a
{
color: #ffffff;
font-family: "Poppins Medium";
font-size: 20px;
letter-spacing: 1px;
position: relative;
max-width: 50%;
}
#gallery_lightbox_contener_navigation a:hover
{
color: #009fe3;
}
#gallery_lightbox_contener_navigation a.prev
{
float: left;
padding: 0 0 0 73px;
}
#gallery_lightbox_contener_navigation a.prev::after
{
content: "";
display: block;
width: 23px;
height: 20px;
top: 50%;
left: 0;
position: absolute;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_prev_lightbox.svg) no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#gallery_lightbox_contener_navigation a.prev:hover::after
{
left: 10px;
}
#gallery_lightbox_contener_navigation a.next
{
float: right;
padding: 0 73px 0 0;
text-align: right;
}
#gallery_lightbox_contener_navigation a.next::after
{
content: "";
display: block;
width: 23px;
height: 20px;
top: 50%;
right: 0;
position: absolute;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_next_lightbox.svg) no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#gallery_lightbox_contener_navigation a.next:hover::after
{
right: 10px;
} @media screen and (max-width: 1800px)
{
#galeria_template_left
{
width: 15%;
}
#galeria_template_right
{
width: 85%;
}
.galeria_template_right_contener_content_image img
{
height: 100%;
width: auto;
}
#gallery_lightbox_contener
{
width: 60%;
}
#gallery_lightbox_contener_header_gallery
{
font-size: 19px;
line-height: 22px;
}
}
@media screen and (max-width: 1600px)
{
#main_page_center.galeria
{
padding: 0 60px 0 60px;
}
.galeria_template_right_contener_content_image img
{
height: auto;
width: 100%;
}
.galeria_template_right_contener_content_images
{
width: calc(100%/3 - 13.5px);
}
.galeria_template_right_contener_content_images:nth-of-type(4n),
.galeria_template_right_contener_content_images:nth-of-type(4n-1),
.galeria_template_right_contener_content_images:nth-of-type(4n-2)
{
margin: 0 0 0 0;
}
.galeria_template_right_contener_content_images:nth-of-type(4n+1)
{
clear: none;
margin: 0 0 0 0;
} .galeria_template_right_contener_content_images:nth-of-type(3n)
{
margin: 20px 0 0 10px;
}
.galeria_template_right_contener_content_images:nth-of-type(3n-1)
{
margin: 20px 10px 0 10px;
}
.galeria_template_right_contener_content_images:nth-of-type(3n+1)
{
clear: both;
margin: 20px 10px 0 0;
}
}
@media screen and (max-width: 1400px)
{
.galeria_template_right_contener_content_images
{
height: 240px;
}
}
@media screen and (max-width: 1366px)
{
.galeria_template_right_contener_content_image img
{
height: auto;
width: 100%;
}
.galeria_template_right_contener_content_images
{
height: 235px;
}
#gallery_lightbox_contener
{
width: 70%;
}
}
@media screen and (max-width: 1300px)
{
.galeria_template_right_contener_content_image img
{
height: 100%;
width: auto;
}
}
@media screen and (max-width: 1240px)
{
#gallery_lightbox_contener_navigation a
{
font-size: 18px;
letter-spacing: 0.5px;
}
}
@media screen and (max-width: 1200px)
{
#galeria_template_left
{
width: 20%;
}
#galeria_template_right
{
width: 80%;
}
}
@media screen and (max-width: 1100px)
{
.galeria_template_right_contener_content_images
{
height: 230px;
}
}
@media screen and (max-width: 1024px)
{
#galeria_template_left
{
width: 25%;
}
#galeria_template_right
{
width: 75%;
}
#gallery_lightbox_contener
{
width: 80%;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
#galeria_template_left
{
display: none;
}
#galeria_template_right
{
width: 100%;
}
}
@media screen and (max-width: 768px)
{
.galeria_template_right_contener_title
{
font-size: 35px;
letter-spacing: 2px;
}
.galeria_template_right_contener_content_images
{
width: calc(50% - 10px);
}
.galeria_template_right_contener_content_images:nth-of-type(3n),
.galeria_template_right_contener_content_images:nth-of-type(3n-1)
{
margin: 0 0 0 0;
}
.galeria_template_right_contener_content_images:nth-of-type(3n+1)
{
clear: none;
margin: 0 0 0 0;
} .galeria_template_right_contener_content_images:nth-of-type(2n)
{
margin: 20px 0 0 10px;
}
.galeria_template_right_contener_content_images:nth-of-type(2n+1)
{
clear: both;
margin: 20px 10px 0 0;
}
#gallery_lightbox_contener_navigation a
{
max-width: 40%;
}
}
@media screen and (max-width: 680px)
{
#gallery_lightbox_contener_navigation a.prev
{
padding: 0 0 0 53px;
}
#gallery_lightbox_contener_navigation a.next
{
padding: 0 53px 0 0;
}
}
@media screen and (max-width: 600px)
{
#main_page_center.galeria
{
padding: 0 40px 0 40px;
}
.galeria_template_right_contener_title
{
font-size: 30px;
letter-spacing: 1px;
}
.galeria_template_right_contener_content_images
{
height: 220px;
}
.galeria_template_right_contener_content_image img
{
height: auto;
width: 100%;
}
.galeria_template_right_contener_content_images,
.galeria_template_right_contener_content_images:nth-of-type(2n),
.galeria_template_right_contener_content_images:nth-of-type(2n+1)
{
float: none;
width: 320px;
margin: 20px auto 0 auto;
}
.galeria_template_right_contener_content_images:nth-of-type(2n)
{
margin: 20px auto 0 auto;
}
.galeria_template_right_contener_content_images:nth-of-type(2n+1)
{
clear: none;
margin: 20px auto 0 auto;
}
#gallery_lightbox_contener_header_gallery
{
font-size: 15px;
line-height: 20px;
}
#gallery_lightbox_contener_navigation a
{
font-size: 16px;
}
}
@media screen and (max-width: 480px)
{
.galeria_template_right_contener_content_images
{
height: 200px;
}
#gallery_lightbox_contener_navigation a.prev,
#gallery_lightbox_contener_navigation a.next	
{
padding: 0 0 0 0;
}
#gallery_lightbox_contener_navigation a.prev::after,
#gallery_lightbox_contener_navigation a.next::after
{
display: none;
}
#gallery_lightbox_contener
{
width: 85%;
}
#gallery_lightbox_contener_middle_arrow_prev
{
left: -8%;
}
#gallery_lightbox_contener_middle_arrow_next
{
right: -8%;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.galeria
{
padding: 0 20px 0 20px;
}
#gallery_lightbox_contener
{
width: 90%;
}
#gallery_lightbox_contener_middle_arrow_prev
{
left: -5%;
}
#gallery_lightbox_contener_middle_arrow_next
{
right: -5%;
}
}
@media screen and (max-width: 360px)
{
#gallery_lightbox_contener
{
width: 95%;
}
.galeria_template_right_contener_content_images,
.galeria_template_right_contener_content_images:nth-of-type(2n),
.galeria_template_right_contener_content_images:nth-of-type(2n+1)
{
width: 100%;
}
}
#main_page_center.wywiady
{
padding: 0 80px 0 80px;
}
#wywiady_template
{
margin: 0 auto;
width: 100%;
padding: 50px 0 50px 0;
text-align: center;
} #wywiady_template_filters
{
padding: 20px 0 0 0;
font-family: "Poppins Regular";
font-size: 15px;
color: #ffffff;
letter-spacing: 1px;
}
#contener_async_contener
{
width: 100%;
text-align: left;
z-index: 7000;
padding: 20px 0 20px 0;
background: #051723;
}
#contener_async_contener::after {
content: "";
display: block;
clear: both;
}
.nav_filter_text
{
float: left;
text-transform: lowercase;
padding: 10px 0 10px 0;
} .active
{
background: #012b7e !important;
}
.active::after
{
background: #ffffff !important;
}
.nav_filter a
{
color: #ffffff; display: block;
}
.nav_filter
{ display: block;
list-style: none;
float: left;
padding: 0 0 0 20px;
width: 140px;
box-sizing: content-box;
}
.nav_filter::after {
content: "";
display: block;
clear: both;
}
.nav_filter li
{
float: left;
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
color: #ffffff; width: 100%;
}
.nav_filter li:hover
{
background: #012b7e;
color: #ffffff; }
.nav_filter li a
{ }
.nav_filter li:hover > a
{ } #show_all.nav_filter > li
{
padding: 10px 15px 10px 15px;
}
#show_all.nav_filter > li::after
{
display: none;
}
#show_all.nav_filter > li a
{
text-align: center;
padding: 0 15px 0 15px;
}
.nav_filter > li:first-of-type
{
padding: 10px 35px 10px 15px;
cursor: pointer;
border: 2px solid #012b7e;
text-transform: lowercase;
}
.nav_filter > li:first-of-type::after
{
content: "";
position: absolute;
display: block;
width: 14px;
height: 8px;
top: 50%;
right: 18px;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_down.svg) no-repeat;
z-index: 1;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
pointer-events: none;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.nav_filter > li:first-of-type:hover::after
{
-webkit-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
transform: translate(0, -50%) rotate(180deg);
}  .nav_filter li ul
{
position: absolute;
left: -2px;
top: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1000;
background: #051723;
border: 2px solid #012b7e;
margin: -10px 0 0 0;
display: block;
list-style: none;
width: 140px;
}
.nav_filter li ul.is_column
{
width: 400px;
}
.nav_filter li ul li
{
font-family: "Roboto";
font-size: 14px;
letter-spacing: 0;
text-transform: none; }
.nav_filter li ul.is_column li
{
width: 50%;
}
.nav_filter li ul li::after
{
content: "";
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 10px;
left: 15px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
border: 2px solid #ffffff;
border-radius: 50%;
}
.nav_filter li ul li a
{
padding: 10px 15px 10px 45px;
}
.nav_filter li:hover ul li:hover > a
{ }
.nav_filter li:hover ul
{
opacity: 1;
visibility: visible;
margin: 0 0 0 0;
}
.nav_filter li ul li ul
{
display: none;
} .status
{
display: none;
} .contener
{
margin: 0 auto;
width: 100%;
padding: 30px 0 50px 0;
}
.contener::after {
content: "";
display: block;
clear: both;
} .pagination
{ } .btn_more
{
font-family: "Poppins Regular";
font-size: 18px;
border: 1px solid #ffffff;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
color: #ffffff;
position: relative;
z-index: 1;
overflow: hidden;
}
.btn_more span
{
display: block;
padding: 20px 70px 20px 70px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn_more::before
{
position: absolute;
display: block;
top: 0;
left: 50%;
z-index: -1;
padding: 20px 130px 20px 130px;
background: #ffffff;
color: #051723;
content: attr(data-hover); 
font-family: "Poppins SemiBold";
font-size: 21px;
letter-spacing: 1px;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.btn_more:hover span
{
-webkit-transform: translate(0, 75%);
-ms-transform: translate(0, 75%);
transform: translate(0, 75%);
}
.btn_more:hover::before
{
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} #loader
{
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 1001; background: rgba(5, 23, 35, 0.75) url(//mikolaistroinski.com/wp-content/themes/stroinski/img/loader.svg) 50% 50% no-repeat;
background-size: 80px 80px;
opacity: 0;
}
#loader.error
{
width: 120px;
height: 70px;
text-align: center;
font-family: "Poppins Regular";
font-size: 15px;
background: #ff0000;
color: #ffffff;
text-transform: uppercase;
padding: 0 20px 0 20px;
}
#loader.error::after
{
content: "error";
display: block;
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
} .wywiady_template_contener_wywiad
{
width: 50%;
float: left;
padding: 20px 10px 0 0; }
.wywiady_template_contener_wywiad:nth-of-type(2n)
{
padding: 20px 0 0 10px;
}
.wywiady_template_contener_wywiad:first-of-type
{
padding: 0 10px 0 0;
}
.wywiady_template_contener_wywiad:nth-of-type(2)
{
padding: 0 0 0 10px;
}
.wywiady_template_contener_wywiad_inside
{
height: 300px;
width: 100%;
border: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
}
.wywiady_template_contener_wywiad_inside::after {
content: "";
display: block;
clear: both;
}
.wywiady_template_contener_wywiad_inside:hover
{
border: 2px solid #ffffff;
}
.wywiady_template_contener_wywiad_inside_link
{
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 2;
}
.wywiady_template_contener_wywiad_inside_one
{
height: 100%;
width: 37%;
color: #ffffff;
position: relative;
font-family: "Poppins Regular";
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
float: right;
padding: 40px 40px 40px 40px;
border-left: 2px solid #012b7e;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: left;
}
.wywiady_template_contener_wywiad_inside_one_address
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
padding: 17px 0 0 15px;
border-top: 2px solid #012b7e;
background: #051723;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
color: #a0b8cd;
font-family: "Merriweather";
font-size: 12px;
letter-spacing: 0.5px;
white-space: nowrap;
overflow: hidden;
}
.wywiady_template_contener_wywiad_inside_one_arrow
{
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
border-top: 2px solid #012b7e;
border-left: 2px solid #012b7e;
background: #051723;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1;
}
.wywiady_template_contener_wywiad_inside_one_arrow svg
{
width: 37%;
height: 37%;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one_address
{
border-top: 2px solid #ffffff;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one_arrow
{
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
background: #ffffff;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one_arrow svg
{
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.5, 1.5) rotate(0.1deg);
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one_arrow polygon,
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one_arrow rect
{
fill: #051723;
}
.wywiady_template_contener_wywiad_inside_one h2
{
font-weight: normal;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one
{
border-left-color: #ffffff;
}
.wywiady_template_contener_wywiad:nth-of-type(4n) .wywiady_template_contener_wywiad_inside_one,
.wywiady_template_contener_wywiad:nth-of-type(4n-1) .wywiady_template_contener_wywiad_inside_one
{
float: left;
border-right: 2px solid #012b7e;
border-left: 0;
}
.wywiady_template_contener_wywiad:nth-of-type(4n) .wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one,
.wywiady_template_contener_wywiad:nth-of-type(4n-1) .wywiady_template_contener_wywiad_inside:hover  .wywiady_template_contener_wywiad_inside_one
{
border-right-color: #ffffff;
}
.wywiady_template_contener_wywiad_inside_two
{
height: 100%;
width: 63%;
position: relative;
float: left;
overflow: hidden;
}
.wywiady_template_contener_wywiad_inside_two.is_hided
{
display: none;
}
.wywiady_template_contener_wywiad_inside_two::after
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_two::after
{
background: rgba(255, 255, 255, 0.5);
}
.wywiady_template_contener_wywiad_inside_two_char
{
position: absolute;
font-family: "Poppins SemiBold";
font-size: 200px;
line-height: 1;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgba(216, 235, 241, 0.6);
z-index: 1;
text-transform: uppercase;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_two_char
{
color: #012b7e;
}
.wywiady_template_contener_wywiad_inside_two img
{
position: relative;
width: 100%;
height: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_two img
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.1deg);
} @media screen and (max-width: 1800px)
{
.wywiady_template_contener_wywiad_inside_one
{
width: 40%;
font-size: 19px;
line-height: 22px;
padding: 35px 35px 35px 35px;
} .wywiady_template_contener_wywiad_inside_two
{
width: 60%;
}
}
@media screen and (max-width: 1600px)
{
#main_page_center.wywiady
{
padding: 0 60px 0 60px;
}
.wywiady_template_contener_wywiad_inside_one
{
width: 45%;
}
.wywiady_template_contener_wywiad_inside_two
{
width: 55%;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
#main_page_center .wywiady
{
width: 860px;
}
.wywiady_template_contener_wywiad
{
width: 100%;
padding: 20px 0 0 0; }
.wywiady_template_contener_wywiad:nth-of-type(2n)
{
padding: 20px 0 0 0;
}
.wywiady_template_contener_wywiad:first-of-type
{
padding: 0 0 0 0;
}
.wywiady_template_contener_wywiad:nth-of-type(2)
{
padding: 20px 0 0 0;
}
.wywiady_template_contener_wywiad_inside_one
{
float: right !important;
border-right: 0 !important;
border-left: 2px solid #012b7e !important;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one
{
border-left-color: #ffffff !important;
}
.wywiady_template_contener_wywiad:nth-of-type(2n) .wywiady_template_contener_wywiad_inside_one
{
float: left !important;
border-left: 0 !important;
border-right: 2px solid #012b7e !important;
}
.wywiady_template_contener_wywiad:nth-of-type(2n) .wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one
{
border-right-color: #ffffff !important;
}
}
@media screen and (max-width: 1240px)
{
.nav_filter li ul
{
display: none;
margin: 0 0 0 0;
}
.nav_filter li:hover ul
{
display: none;
}
.nav_filter > li:first-of-type:hover
{
background: none;
}
.nav_filter > li:first-of-type:hover::after
{
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.nav_filter > li:first-of-type.open
{
background: #012b7e;
}
.nav_filter > li:first-of-type.open::after
{
-webkit-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
transform: translate(0, -50%) rotate(180deg);
}
.nav_filter li ul.open
{
display: block;
opacity: 1;
visibility: visible;
}
.btn_more
{
font-size: 12px;
}
.btn_more span
{
padding: 20px 50px 20px 50px;
}
.btn_more::before
{
padding: 20px 110px 20px 110px;
font-size: 15px;
}
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1060px)
{
.nav_filter li ul
{
left: auto;
right: -2px;
}
}
@media screen and (max-width: 1024px)
{
#main_page_center .contener
{
width: 100%;
}
.wywiady_template_contener_wywiad_inside_one_arrow
{
width: 50px;
height: 50px;
}
.wywiady_template_contener_wywiad_inside_one_address
{
height: 50px;
padding: 13px 0 0 15px;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
.nav_filter_text
{
padding: 0 0 10px 0;
}
.nav_filter:first-of-type
{
clear: both;
padding: 0 0 0 0;
}
.nav_filter:nth-of-type(2)
{
padding: 0 0 0 10px;
}
.nav_filter:nth-of-type(3)
{
clear: both;
padding: 10px 0 0 0;
}
.nav_filter:nth-of-type(4)
{
padding: 10px 0 0 10px;
}
.nav_filter
{
width: 200px;
}
.nav_filter li ul
{
width: 200px;
}
.nav_filter li ul.is_column
{
width: 200px;
}
.nav_filter li ul.is_column li
{
width: 100%;
}
#show_all.nav_filter > li
{
padding: 15px 35px 15px 15px;
}
.nav_filter > li:first-of-type
{
padding: 15px 35px 15px 15px;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
#main_page_center .contener
{
width: 420px;
}
.wywiady_template_contener_wywiad_inside
{
height: 360px;
}
.wywiady_template_contener_wywiad_inside_one
{
height: 55%;
width: 100%;
}
.wywiady_template_contener_wywiad_inside_two
{
height: 45%;
width: 100%;
}
.wywiady_template_contener_wywiad_inside_two.is_showed
{
display: none;
}
.wywiady_template_contener_wywiad_inside_two.is_hided
{
display: block;
}
.wywiady_template_contener_wywiad_inside_two_char
{
font-size: 80px;
}
.wywiady_template_contener_wywiad_inside_one
{
border-left: 0 !important;
border-top: 2px solid #012b7e !important;
}
.wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one
{
border-top-color: #ffffff !important;
}
.wywiady_template_contener_wywiad:nth-of-type(2n) .wywiady_template_contener_wywiad_inside_one
{
border-right: 0 !important;
border-top: 2px solid #012b7e !important;
}
.wywiady_template_contener_wywiad:nth-of-type(2n) .wywiady_template_contener_wywiad_inside:hover .wywiady_template_contener_wywiad_inside_one
{
border-top-color: #ffffff !important;
}
}
@media screen and (max-width: 600px)
{
#main_page_center.wywiady
{
padding: 0 40px 0 40px;
}
.wywiady_template_contener_wywiad_inside_one
{
font-size: 15px;
line-height: 20px;
padding: 25px 25px 25px 25px;
} }
@media screen and (max-width: 560px)
{
#main_page_center .contener {
width: 100%;
}
.nav_filter
{
width: 50%;
box-sizing: border-box;
}
.nav_filter li ul
{
width: calc(100% + 4px);
}
.nav_filter li ul.is_column
{
width: calc(100% + 4px);
}
}
@media screen and (max-width: 480px)
{
.wywiady_template_contener_wywiad_inside_one_arrow
{
width: 40px;
height: 40px;
}
.wywiady_template_contener_wywiad_inside_one_address
{
height: 40px;
padding: 9px 0 0 15px;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.wywiady
{
padding: 0 20px 0 20px;
}
}
@media screen and (max-width: 360px)
{
.nav_filter
{
width: 100%;
}
.nav_filter:nth-of-type(2),
.nav_filter:nth-of-type(3),
.nav_filter:nth-of-type(4)
{
padding: 10px 0 0 0;
}
}
#main_page_center.kontakt
{
padding: 0 80px 0 80px;
}
#kontakt_template
{
margin: 0 auto;
width: 100%;
padding: 50px 0 50px 0;
}
#kontakt_template::after {
content: "";
display: block;
clear: both;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
#main_page_center.kontakt
{
padding: 0 60px 0 60px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#kontakt_template
{
padding: 50px 0 40px 0;
}
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
#main_page_center.kontakt
{
padding: 0 40px 0 40px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 420px)
{
#main_page_center.kontakt
{
padding: 0 20px 0 20px;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.page
{
padding: 0 160px 0 160px;
background: #ffffff;
}
#page_template
{
margin: 0 auto;
width: 100%;
padding: 245px 0 80px 0;
font-family: "Merriweather";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
color: #051723;
}
#page_template::after {
content: "";
display: block;
clear: both;
}
#page_template p
{
padding: 20px 0 0 0;
}
#page_template._404 p
{
padding: 10px 0 0 0;
}
#page_template p:first-of-type
{
padding: 0 0 0 0;
}
#page_template ol li
{
padding: 20px 0 0 0;
}
#page_template ul
{
padding: 20px 0 0 40px;
}
#page_template a
{
color: #0f1e46;
font-family: "Merriweather Bold";
}
#page_template a:hover
{
color: #009fe3;
}
#page_template table
{
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#page_template table.no_borders
{
margin: 0 0 0 0;
}
#page_template table td 
{
border: 0;
text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
#page_template table.no_borders td
{
border: 0;
} #page_template figure
{ box-sizing: content-box;
max-width: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#page_template figure img
{
width: 100%;
height: auto;
}
#page_template figure img:hover
{
opacity: 0.9;
}
#page_template figure:nth-of-type(odd) {
float: left;
padding: 60px 80px 40px 0;
}
#page_template figure:nth-of-type(even) {
float: right;
padding: 60px 0 40px 80px;
}
#page_template figure:first-of-type {
padding: 0 80px 40px 0;
width: 750px;
}
#page_template figure img:hover
{
opacity: 0.9;
}
#page_template figcaption
{
font-family: 'Merriweather';
font-size: 12px;
line-height: 14px;
letter-spacing: 0.5px;
padding: 5px 0 0 20px;
position: relative;
}
#page_template figcaption::after
{
content: "";
display: block;
width: 0;
height: 0;
top: 4px;
left: 0;
position: absolute;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #051723;
border-top: 5px solid transparent;
}
#page_template figure.alignleft
{
float: left !important;
padding: 60px 80px 40px 0 !important;
}
#page_template figure.alignright
{
float: right !important;
padding: 60px 0 40px 80px !important;
}
#page_template figure.aligncenter
{
float: none !important;
padding: 60px 0 40px 0 !important;
display: block;
margin: 0 auto;
} #page_template :not(figure) img
{
max-width: 100%;
height: auto;
float: left;
padding: 60px 80px 60px 0;
box-sizing: content-box;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#page_template :not(figure) img:hover
{
opacity: 0.9;
}
#page_template :not(figure) img.alignright
{
float: right !important;
padding: 60px 0 60px 80px !important;
}
#page_template :not(figure) img.alignleft
{
float: left !important;
padding: 60px 80px 60px 0 !important;
}
#page_template :not(figure) img.aligncenter
{
float: none !important;
padding: 60px 0 60px 0 !important;
display: block;
margin: 0 auto;
} #page_template .alignleft
{
float: left !important;
}
#page_template .alignright
{
float: right !important;
}
#page_template .aligncenter
{
float: none !important;
display: block;
margin: 0 auto;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
#main_page_center.page
{
padding: 0 60px 0 60px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#page_template
{
padding: 123px 0 40px 0;
}
#page_template p.page_template_naglowek_line
{
margin: -8px 0 0 -20px;
}
#page_template figure:nth-of-type(odd) {
padding: 40px 60px 40px 0;
}
#page_template figure:nth-of-type(even) {
padding: 40px 0 40px 60px;
}
#page_template figure:first-of-type {
padding: 0 60px 40px 0;
}
#page_template figure.alignleft
{
padding: 40px 60px 40px 0 !important;
}	
#page_template figure.alignright
{
padding: 40px 0 40px 60px !important;
}
#page_template figure.aligncenter
{
padding: 40px 0 40px 0 !important;
} #page_template :not(figure) img
{
padding: 40px 60px 40px 0;
}
#page_template :not(figure) img.alignleft
{
padding: 40px 60px 40px 0 !important;
}
#page_template :not(figure) img.alignright
{
padding: 40px 0 40px 60px !important;
}
#page_template :not(figure) img.aligncenter
{
padding: 40px 0 40px 0 !important;
}
}
@media screen and (max-width: 1200px)
{
#page_template p.page_template_naglowek_line
{
margin: -8px 0 0 0;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
#main_page_center.page
{
padding: 0 40px 0 40px;
}
#page_template
{
font-size: 14px;
line-height: 18px;
}
#page_template p.page_template_naglowek_line
{
margin: -7px 0 0 0;
}
}
@media screen and (max-width: 480px)
{
#page_template
{
padding: 103px 0 40px 0;
}
#page_template ul
{
padding: 20px 0 0 20px;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.page
{
padding: 0 20px 0 20px;
}
#page_template figure:nth-of-type(odd) {
padding: 40px 0 40px 0;
}
#page_template figure:nth-of-type(even) {
padding: 40px 0 40px 0;
}
#page_template figure:first-of-type {
padding: 0 0 40px 0;
}
#page_template figure.alignleft
{
padding: 40px 0 40px 0 !important;
}	
#page_template figure.alignright
{
padding: 40px 0 40px 0 !important;
} #page_template :not(figure) img
{
padding: 40px 0 40px 0;
}
#page_template :not(figure) img.alignleft
{
padding: 40px 0 40px 0 !important;
}
#page_template :not(figure) img.alignright
{
padding: 40px 0 40px 0 !important;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.single
{
padding: 0 160px 0 160px;
background: #ffffff;
}
#single
{
margin: 0 auto;
width: 100%;
padding: 245px 0 50px 0; font-family: "Merriweather";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
color: #051723;
}
#single::after {
content: "";
display: block;
clear: both;
}
#single p
{
padding: 20px 0 0 0;
}
#single p:first-of-type
{
font-family: "Poppins SemiBold";
font-size: 40px;
line-height: 48px;
letter-spacing: 1px;
padding: 0 0 36px 0;
}
#single p.single_naglowek_line
{
width: 60px;
height: 1px;
background: #051723;
padding: 0 0 0 0;
margin: -13px 0 0 -20px;
float: left;
}
#single ol li
{
padding: 20px 0 0 0;
}
#single ul
{
padding: 20px 0 0 40px;
}
#single a
{
color: #0f1e46;
font-family: "Merriweather Bold";
}
#single a:hover
{
color: #009fe3;
}
#single table
{
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#single table.no_borders
{
margin: 0 0 0 0;
}
#single table td 
{
border: 0;
text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
#single table.no_borders td
{
border: 0;
} #single figure
{ box-sizing: content-box;
max-width: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single figure img
{
width: 100%;
height: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single figure img:hover
{
opacity: 0.9;
}
#single figure:nth-of-type(odd) {
float: left;
padding: 60px 80px 40px 0;
}
#single figure:nth-of-type(even) {
float: right;
padding: 60px 0 40px 80px;
}
#single figure:first-of-type {
padding: 0 80px 40px 0;
width: 750px;
}
#single figure img:hover
{
opacity: 0.9;
}
#single figcaption
{
font-family: 'Merriweather';
font-size: 12px;
line-height: 14px;
letter-spacing: 0.5px;
padding: 5px 0 0 20px;
position: relative;
}
#single figcaption::after
{
content: "";
display: block;
width: 0;
height: 0;
top: 4px;
left: 0;
position: absolute;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #051723;
border-top: 5px solid transparent;
}
#single figure.alignleft
{
float: left !important;
padding: 60px 80px 40px 0 !important;
}
#single figure.alignright
{
float: right !important;
padding: 60px 0 40px 80px !important;
}
#single figure.aligncenter
{
float: none !important;
padding: 60px 0 40px 0 !important;
display: block;
margin: 0 auto;
} #single :not(figure) img
{
max-width: 100%;
height: auto;
float: left;
padding: 60px 80px 60px 0;
box-sizing: content-box;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single :not(figure) img:hover
{
opacity: 0.9;
}
#single :not(figure) img.alignright
{
float: right !important;
padding: 60px 0 60px 80px !important;
}
#single :not(figure) img.alignleft
{
float: left !important;
padding: 60px 80px 60px 0 !important;
}
#single :not(figure) img.aligncenter
{
float: none !important;
padding: 60px 0 60px 0 !important;
display: block;
margin: 0 auto;
} #single .alignleft
{
float: left !important;
}
#single .alignright
{
float: right !important;
}
#single .aligncenter
{
float: none !important;
display: block;
margin: 0 auto;
} #single_navigation
{
width: 100%;
margin: 0 auto;
padding: 40px 0 40px 0;
border-top: 1px solid #051723;
}
#single_navigation::after {
content: "";
display: block;
clear: both;
}
#single_navigation a
{
color: #0f1e46;
font-family: "Poppins Medium";
font-size: 20px;
letter-spacing: 1px;
position: relative;
max-width: 50%;
}
#single_navigation a:hover
{
color: #009fe3;
}
#single_navigation a.prev
{
float: left;
padding: 0 0 0 73px;
}
#single_navigation a.prev::after
{
content: "";
display: block;
width: 23px;
height: 20px;
top: 50%;
left: 0;
position: absolute;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_prev.svg) no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single_navigation a.prev:hover::after
{
left: 10px;
}
#single_navigation a.next
{
float: right;
padding: 0 73px 0 0;
text-align: right;
}
#single_navigation a.next::after
{
content: "";
display: block;
width: 23px;
height: 20px;
top: 50%;
right: 0;
position: absolute;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_next.svg) no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single_navigation a.next:hover::after
{
right: 10px;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
#main_page_center.single
{
padding: 0 60px 0 60px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#single
{
padding: 123px 0 40px 0;
}
#single p:first-of-type
{
font-size: 30px;
line-height: 37px;
padding: 0 0 28px 0;
}
#single p.single_naglowek_line
{
margin: -8px 0 0 -20px;
}
#single figure:nth-of-type(odd) {
padding: 40px 60px 40px 0;
}
#single figure:nth-of-type(even) {
padding: 40px 0 40px 60px;
}
#single figure:first-of-type {
padding: 0 60px 40px 0;
}
#single figure.alignleft
{
padding: 40px 60px 40px 0 !important;
}	
#single figure.alignright
{
padding: 40px 0 40px 60px !important;
}
#single figure.aligncenter
{
padding: 40px 0 40px 0 !important;
} #single :not(figure) img
{
padding: 40px 60px 40px 0;
}
#single :not(figure) img.alignleft
{
padding: 40px 60px 40px 0 !important;
}
#single :not(figure) img.alignright
{
padding: 40px 0 40px 60px !important;
}
#single :not(figure) img.aligncenter
{
padding: 40px 0 40px 0 !important;
}
#single_navigation
{
padding: 30px 0 30px 0;
}
#single_navigation a
{
font-size: 18px;
letter-spacing: 0.5px;
}
}
@media screen and (max-width: 1200px)
{
#single p.single_naglowek_line
{
margin: -8px 0 0 0;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
#single_navigation a.prev
{
padding: 0 0 0 53px;
}
#single_navigation a.next
{
padding: 0 53px 0 0;
}
}
@media screen and (max-width: 600px)
{
#main_page_center.single
{
padding: 0 40px 0 40px;
}
#single
{
font-size: 14px;
line-height: 18px;
}
#single p:first-of-type
{
font-size: 25px;
line-height: 32px;
}
#single p.single_naglowek_line
{
margin: -7px 0 0 0;
}
#single_navigation a
{
font-size: 16px;
}
}
@media screen and (max-width: 480px)
{
#single
{
padding: 103px 0 40px 0;
}
#single ul
{
padding: 20px 0 0 20px;
}
#single_navigation a.prev,
#single_navigation a.next	
{
padding: 0 0 0 0;
}
#single_navigation a.prev::after,
#single_navigation a.next::after
{
display: none;
}
}
@media screen and (max-width: 420px)
{
#main_page_center.single
{
padding: 0 20px 0 20px;
}
#single figure:nth-of-type(odd) {
padding: 40px 0 40px 0;
}
#single figure:nth-of-type(even) {
padding: 40px 0 40px 0;
}
#single figure:first-of-type {
padding: 0 0 40px 0;
}
#single figure.alignleft
{
padding: 40px 0 40px 0 !important;
}	
#single figure.alignright
{
padding: 40px 0 40px 0 !important;
} #single :not(figure) img
{
padding: 40px 0 40px 0;
}
#single :not(figure) img.alignleft
{
padding: 40px 0 40px 0 !important;
}
#single :not(figure) img.alignright
{
padding: 40px 0 40px 0 !important;
}
}
@media screen and (max-width: 360px)
{
}
#main_page_center.single_projekt_post
{
padding: 0 0 0 0;
background: #ffffff;
}
#single_projekt_post_header
{
margin: 0 auto;
width: 100%;
position: relative;
max-height: 700px;
overflow: hidden;
}
#single_projekt_post_header::after
{
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: -webkit-linear-gradient(top, rgba(5, 23, 35, 0.8), rgba(0, 17, 73, 0.8));
background: -ms-linear-gradient(top, rgba(5, 23, 35, 0.8), rgba(0, 17, 73, 0.8));
background: linear-gradient(top, rgba(5, 23, 35, 0.8), rgba(0, 17, 73, 0.8));
}
#single_projekt_post_header h2
{
text-align: center;
position: absolute;
display: block;
top: 60%;
left: 50%;
z-index: 1;
color: #ffffff;
font-family: "Merriweather Bold";
font-size: 45px;
letter-spacing: 2px; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 80%;
font-weight: normal;
}
#single_projekt_post_header img
{
height: auto;
width: 100%;
display: block;
} #single_projekt_post
{
margin: 0 auto;
width: 100%;
padding: 80px 240px 50px 240px; font-family: "Merriweather";
font-size: 15px;
line-height: 20px;
letter-spacing: 0.5px;
color: #051723;
}
#single_projekt_post::after {
content: "";
display: block;
clear: both;
} #single_projekt_post_left
{
width: 45%;
float: left;
}
#single_projekt_post_left_tplayer
{
width: 100%;
opacity: 0;
}
.wptpa_cover_viewer
{
display: none !important;
}
.wptpa_wrapper,
.wptpa_wrapper.wptpa_compact
{
min-width: 100% !important;
max-width: 100% !important;
}
.wptpa_wrapper .wptpa_controls
{
padding: 0 0 0 20px !important;
}
.wptpa_wrapper.wptpa_compact .wptpa_controls
{
padding: 0 0 0 0 !important;
} #single_projekt_post_left_cover
{
max-width: 100%;
width: 670px;
overflow: hidden;
margin: 50px auto 0 auto;
border: 5px solid #012b7e
}
#single_projekt_post_left_cover.no_margin
{
margin: 0 0 0 0;
}
#single_projekt_post_left_cover img
{
width: 100%;
height: auto;
display: block;
} .youtube-player
{
position: relative;
padding-bottom: 56.23%; max-width: 100%;
height: 0;
overflow: hidden;
background: #ffffff;
margin: 50px 0 0 0; -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.youtube-player::before
{
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(255, 255, 255, 0.25);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1;
pointer-events: none;
}
.youtube-player:hover::before
{
background: rgba(0, 17, 73, 0.5);
}
.youtube-player:hover
{ }
.youtube-player iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img
{
display: block;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.youtube-player img:hover
{
}
.youtube-player .play
{
height: 110px;
width: 110px;
top: 50%;
left: 50%;
position: absolute;
border-radius: 50% 50% 50% 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 2;
}
.youtube-player .play::after
{
content: "";
display: block;
height: 100px;
width: 100px;
top: 50%;
left: 50%;
position: relative;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/icon_yt_play.svg) no-repeat;
background-size: 100% 100%;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 3;
}
.youtube-player:hover .play
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.01deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.01deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.01deg);
}
.youtube-player:hover .play::after
{
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.01deg);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.01deg);
transform: translate(-50%, -50%) scale(1.1, 1.1) rotate(0.01deg);
} #single_projekt_post_right
{
width: 55%;
float: right;
padding: 0 0 0 70px;
}
#single_projekt_post_right p
{
padding: 20px 0 0 0;
}
#single_projekt_post_right p:first-of-type
{
padding: 0 0 0 0;
}
#single_projekt_post_right ol li
{
padding: 20px 0 0 0;
}
#single_projekt_post_right ul
{
padding: 20px 0 0 40px;
}
#single_projekt_post_right a
{
color: #0f1e46;
font-family: "Merriweather Bold";
}
#single_projekt_post_right a:hover
{
color: #009fe3;
}
#single_projekt_post_right table
{
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#single_projekt_post_right table.no_borders
{
margin: 0 0 0 0;
}
#single_projekt_post_right table td 
{
border: 0;
text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
#single_projekt_post_right table.no_borders td
{
border: 0;
}
#single_projekt_post_right .single_naglowek_line
{
width: 60px;
height: 1px;
background: #051723;
margin: 35px 0 0 -20px;
}
#single_projekt_post_right_text_2,
#single_projekt_post_right_text_3
{
padding: 35px 0 0 0;
}
#single_projekt_post_right_more
{
font-family: "Poppins Regular";
font-size: 18px;
border: 1px solid #051723;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
color: #051723;
position: relative;
z-index: 1;
overflow: hidden;
margin: 60px 0 0 0;
}
#single_projekt_post_right_more span
{
display: block;
padding: 20px 70px 20px 70px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single_projekt_post_right_more::before
{
position: absolute;
display: block;
top: 0;
left: 50%;
z-index: -1;
padding: 20px 80px 20px 80px;
background: #051723;
color: #ffffff;
content: attr(data-hover); 
font-family: "Poppins SemiBold";
font-size: 21px;
letter-spacing: 1px;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
#single_projekt_post_right_more:hover span
{
-webkit-transform: translate(0, 75%);
-ms-transform: translate(0, 75%);
transform: translate(0, 75%);
}
#single_projekt_post_right_more:hover::before
{
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} #single_projekt_post_navigation
{
width: 100%;
margin: 0 auto;
padding: 40px 240px 40px 240px;
border-top: 1px solid #051723;
}
#single_projekt_post_navigation::after {
content: "";
display: block;
clear: both;
}
#single_projekt_post_navigation a
{
color: #0f1e46;
font-family: "Poppins Medium";
font-size: 20px;
letter-spacing: 1px;
position: relative;
max-width: 50%;
}
#single_projekt_post_navigation a:hover
{
color: #009fe3;
}
#single_projekt_post_navigation a.prev
{
float: left;
padding: 0 0 0 73px;
}
#single_projekt_post_navigation a.prev::after
{
content: "";
display: block;
width: 23px;
height: 20px;
top: 50%;
left: 0;
position: absolute;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_prev.svg) no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single_projekt_post_navigation a.prev:hover::after
{
left: 10px;
}
#single_projekt_post_navigation a.next
{
float: right;
padding: 0 73px 0 0;
text-align: right;
}
#single_projekt_post_navigation a.next::after
{
content: "";
display: block;
width: 23px;
height: 20px;
top: 50%;
right: 0;
position: absolute;
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/arrow_next.svg) no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single_projekt_post_navigation a.next:hover::after
{
right: 10px;
} @media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
#single_projekt_post
{
padding: 80px 160px 50px 160px;
}
#single_projekt_post_navigation
{
padding: 40px 160px 40px 160px;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#single_projekt_post_header
{
height: 480px;
}
#single_projekt_post_header img
{
position: relative;
height: 100%;
width: auto;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
#single_projekt_post
{
padding: 40px 60px 40px 60px;
}
#single_projekt_post_right .single_naglowek_line
{
margin: 30px 0 0 -20px;
}
#single_projekt_post_right_text_2,
#single_projekt_post_right_text_3
{
padding: 30px 0 0 0;
}
#single_projekt_post_right_more
{
font-size: 12px;
margin: 40px 0 0 0;
}
#single_projekt_post_right_more span
{
padding: 20px 50px 20px 50px;
}
#single_projekt_post_right_more::before
{
padding: 20px 60px 20px 60px;
font-size: 15px;
}
#single_projekt_post_navigation
{
padding: 30px 60px 30px 60px;
}
#single_projekt_post_navigation a
{
font-size: 18px;
letter-spacing: 0.5px;
}
}
@media screen and (max-width: 1200px)
{
#single_projekt_post_right .single_naglowek_line
{
margin: 30px 0 0 0;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
#single_projekt_post_header
{
height: 400px;
}
#single_projekt_post_header h2
{
font-size: 35px;
letter-spacing: 1.5px;
}
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
#single_projekt_post_left
{
width: 100%;
float: right;
padding: 40px 0 0 0;
}
#single_projekt_post_right
{
width: 100%;
float: right;
padding: 0 0 0 0;
}
}
@media screen and (max-width: 768px)
{
#single_projekt_post_header
{
height: 350px;
}
#single_projekt_post_header h2
{
font-size: 30px;
letter-spacing: 1px;
}
}
@media screen and (max-width: 680px)
{
#single_projekt_post_navigation a.prev
{
padding: 0 0 0 53px;
}
#single_projekt_post_navigation a.next
{
padding: 0 53px 0 0;
}
}
@media screen and (max-width: 600px)
{
#single_projekt_post
{
padding: 40px 40px 40px 40px;
font-size: 14px;
line-height: 18px;
}
#single_projekt_post_navigation
{
padding: 30px 40px 30px 40px;
}
#single_projekt_post_left_cover
{
margin: 40px auto 0 auto;
}
.youtube-player
{
margin: 40px 0 0 0;
}
#single_projekt_post_navigation a
{
font-size: 16px;
}
}
@media screen and (max-width: 480px)
{
#single_projekt_post_header
{
height: 300px;
}
#single_projekt_post_header h2
{
font-size: 25px;
letter-spacing: 0.5px;
}
#single_projekt_post_navigation a.prev,
#single_projekt_post_navigation a.next	
{
padding: 0 0 0 0;
}
#single_projekt_post_navigation a.prev::after,
#single_projekt_post_navigation a.next::after
{
display: none;
}
#single_projekt_post_right ul
{
padding: 20px 0 0 20px;
}
}
@media screen and (max-width: 420px)
{
#single_projekt_post
{
padding: 40px 20px 40px 20px;
}
#single_projekt_post_navigation
{
padding: 30px 20px 30px 20px;
}
}
@media screen and (max-width: 360px)
{
}
#kontakt_module_contacts
{
float: right;
width: 50%;
padding: 10px 0 0 200px;
font-family: "Merriweather";
font-size: 15px;
letter-spacing: 0.5px;
line-height: 18px;
color: #ffffff;
}
#kontakt_module_contacts hr
{
margin: 30px 0 30px 0;
width: 80%;
}
#kontakt_module_contacts p
{
padding: 20px 0 0 0;
}
#kontakt_module_contacts p:first-of-type
{
padding: 0 0 0 0;
}
#kontakt_module_contacts ol li
{
padding: 20px 0 0 0;
}
#kontakt_module_contacts ul
{
padding: 20px 0 0 40px;
}
#kontakt_module_contacts a
{
color: #ffffff;
font-family: "Merriweather Bold";
}
#kontakt_module_contacts a:hover
{
color: #009fe3;
}
#kontakt_module_contacts table
{
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0 0 0;
}
#kontakt_module_contacts table:nth-of-type(3),
#kontakt_module_contacts table:nth-of-type(4)
{ }
#kontakt_module_contacts table:nth-of-type(4)
{ }
#kontakt_module_contacts table.no_borders
{
margin: 0 0 0 0;
}
#kontakt_module_contacts table td 
{
border: 0;
vertical-align: middle;
padding: 6px 10px 6px 10px;
}
#kontakt_module_contacts table.no_borders td
{
border: 0;
} #kontakt_module_form
{
float: left;
width: 50%;
padding: 35px 0 0 0;
position: relative;
text-align: right;
}
#kontakt_module_form_text
{
padding: 0 0 10px 0;
color: #ffffff;
font-family: "Merriweather";
font-size: 15px;
letter-spacing: 0.5px;
line-height: 18px;
text-align: left;
}
.kontakt_module_form_field
{
width: 100%;
margin: 20px 0 0 0;
position: relative;
text-transform: lowercase;
}
#kontakt_module_form .form_kontakt_1
{
width: 100%;
border: 1px solid #ffffff;
background: rgba(255, 255, 255, 0);
color: #a0b8cd;
letter-spacing: 0.25px;
padding: 15px 15px 15px 15px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
font-family: "Merriweather";
font-size: 15px;
letter-spacing: 0.5px;
}
#kontakt_module_form .form_kontakt_2
{
width: 100%;
border: 1px solid #dddddd;
background: rgba(255, 255, 255, 0);
color: #a0b8cd;
letter-spacing: 0.25px;
padding: 15px 15px 15px 15px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
font-family: "Merriweather";
font-size: 15px;
letter-spacing: 0.5px;
line-height: 18px;
resize: none;
}
#kontakt_module_form .form_kontakt_1:hover,
#kontakt_module_form .form_kontakt_1:focus,
#kontakt_module_form .form_kontakt_2:hover,
#kontakt_module_form .form_kontakt_2:focus
{
border: 1px solid #a0b8cd;
color: #ffffff;
background: rgba(160, 184, 205, 0.05);
} #kontakt_module_form button[type=submit]
{
font-family: "Poppins Regular" !important;
font-size: 18px !important;
border: 1px solid #ffffff !important;
cursor: pointer !important;
height: auto !important;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block !important;
color: #ffffff !important;
position: relative;
z-index: 1;
overflow: hidden;
background: rgba(255, 255, 255, 0);
margin: 20px 0 0 0;
}
#kontakt_module_form button[type=submit] span
{
display: block;
padding: 10px 70px 10px 70px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#kontakt_module_form button[type=submit]::before
{
position: absolute;
display: block;
top: 0;
left: 50%;
z-index: -1;
padding: 10px 80px 10px 80px;
background: #ffffff;
color: #051723;
content: attr(data-hover); 
font-family: "Poppins SemiBold";
font-size: 21px;
letter-spacing: 1px;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
#kontakt_module_form button[type=submit]:hover span
{
-webkit-transform: translate(0, 75%);
-ms-transform: translate(0, 75%);
transform: translate(0, 75%);
}
#kontakt_module_form button[type=submit]:hover::before
{
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} span.wpcf7-not-valid-tip
{
color: #e30613 !important;
font-size: 12px !important;
letter-spacing: 1px !important;
display: block !important;
font-family: "Poppins Regular" !important;
background: rgba(255, 255, 255, 0) !important;
padding: 15px 15px 15px 15px !important;
box-sizing: border-box !important; border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
text-align: left;
}
div.wpcf7-response-output
{
margin: 20px 0 0 0 !important;
padding: 20px 20px 20px 20px !important;
text-align: center !important;  width: 100% !important;
font-family: "Poppins Regular" !important;
font-size: 14px !important;
line-height: 17px !important;
box-sizing: border-box !important;  color: #ffffff;
}
div.wpcf7-mail-sent-ok
{
background: rgba(255, 255, 255, 0) !important;
border-top: 1px solid rgba(255, 255, 255, 0.1 )!important;
border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
border-bottom: 2px solid #99cc33 !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #ffffff;
}
div.wpcf7-validation-errors
{
background: rgba(255, 255, 255, 0) !important;
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
border-bottom: 2px solid #e30613 !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #ffffff;
}
span.ajax-loader
{
position: absolute !important;
width: 100% !important;
height: 100% !important;
background: rgba(5, 23, 35, 0.75) url(//mikolaistroinski.com/wp-content/themes/stroinski/img/loader.svg) 50% 50% no-repeat !important;
background-size: 80px 80px !important;
z-index: 1000 !important;
margin: auto !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
#index_template_section_kontakt span.ajax-loader
{
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/loader.svg) 50% 50% no-repeat !important;
background-size: 80px 80px !important;
}
@media screen and (max-width: 1800px)
{
#kontakt_module_contacts
{
width: 50%;
padding: 10px 0 0 150px;
}
}
@media screen and (max-width: 1600px)
{
#kontakt_module_contacts
{
padding: 10px 0 0 100px;
}
}
@media screen and (max-width: 1440px)
{
#kontakt_module_form
{
width: 45%;
}
#kontakt_module_contacts
{
width: 55%;
}
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
#kontakt_module_form
{
width: 40%;
}
#kontakt_module_contacts
{
width: 60%;
}
}
@media screen and (max-width: 1240px)
{
#kontakt_module_form button[type=submit]
{
font-size: 12px !important;
}
#kontakt_module_form button[type=submit] span
{
padding: 10px 50px 10px 50px;
}
#kontakt_module_form button[type=submit]::before
{
padding: 10px 60px 10px 60px;
font-size: 15px;
}
}
@media screen and (max-width: 1200px)
{
#kontakt_module_form
{
width: 100%;
float: right;
clear: both;
}
#kontakt_module_contacts
{
width: 100%;
padding: 10px 0 0 0;
float: left;
}
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 690px)
{
#kontakt_module_contacts hr
{
width: 280px;
}
#kontakt_module_contacts table:nth-of-type(4)
{
margin: 20px 0 0 0;
clear: both;
}
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
#kontakt_module_contacts
{
font-size: 14px;
line-height: 17px;
}
#kontakt_module_form_text
{
font-size: 14px;
line-height: 17px;
}
#kontakt_module_form
{
text-align: center;
}
#kontakt_module_form .form_kontakt_1
{
font-size: 14px;
}
#kontakt_module_form .form_kontakt_2
{
font-size: 14px;
line-height: 17px;
}
}
@media screen and (max-width: 480px)
{
span.ajax-loader
{
background: #051723 url(//mikolaistroinski.com/wp-content/themes/stroinski/img/loader.svg) 50% 75% no-repeat !important;
background-size: 80px 80px !important;
}
#index_template_section_kontakt span.ajax-loader
{
background: url(//mikolaistroinski.com/wp-content/themes/stroinski/img/loader.svg) 50% 75% no-repeat !important;
background-size: 80px 80px !important;
}
#kontakt_module_contacts ul
{
padding: 20px 0 0 20px;
}
}
@media screen and (max-width: 420px)
{
}
@media screen and (max-width: 360px)
{
#kontakt_module_contacts hr
{
width: 100%;
}
}
*
{
box-sizing: border-box;
}
.wptpa_cover_viewer
{
}
#all_page
{
margin: 0 auto;
width: 100%;
-webkit-font-smoothing: antialiased;
}
#main_page
{
margin: 0 auto;
width: 100%;
}
#main_page.is_different
{
margin: 165px auto 0 auto;
}
#main_page_center
{
margin: 0 auto;
width: 100%;
}
@media screen and (max-width: 1800px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1400px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1300px)
{
}
@media screen and (max-width: 1240px)
{
#main_page.is_different
{
margin: 70px auto 0 auto;
}
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1100px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 900px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 680px)
{
}
@media screen and (max-width: 600px)
{
}
@media screen and (max-width: 480px)
{
#main_page.is_different
{
margin: 50px auto 0 auto;
}
}
@media screen and (max-width: 420px)
{
}
@media screen and (max-width: 360px)
{
}