body {
padding: 0;
margin: 0;
overflow-x: hidden;
font-weight: 400;
background-color: #fff;
scroll-behavior: smooth;
font-family: "Roboto", sans-serif;
color: #444; }
p {
font-size: 16px;
line-height: 22px; }
.container {
max-width: 1165px;
margin: 0 auto; }
.text_center {
text-align: center; }
.text_right {
text-align: right; }
.text_left {
text-align: left; }
.white_gradient {
position: relative;
height: 100%;
z-index: 1; }
.white_gradient::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(15%, transparent), color-stop(80%, #fff));
background: -webkit-linear-gradient(left, transparent 15%, #fff 80%);
background: -o-linear-gradient(left, transparent 15%, #fff 80%);
background: linear-gradient(to right, transparent 15%, #fff 80%);
z-index: -1; }
.uppercase {
text-transform: uppercase; }
.padding {
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.section_title {
margin: 10px 0;
line-height: 30px;
padding: 10px 40px;
color: #676767;
line-height: 44px;
font-size: 42px;
font-weight: 400; }
.btn {
padding: 10px;
cursor: pointer;
border: 0;
outline: 0; }
.yellow_bg {
background-color: #fff200;
color: #000;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.yellow_bg.btn_link:hover {
background-color: #e8bf1e;
color: #fff; }
.yellow_bg.btn_link svg path{
fill: #000;
}
.yellow_bg.btn_link:hover svg path{
fill: #fff;}
a.header_contact:first-of-type svg path {
fill: #fff200;
}
.grey_bg {
background-color: #676767; }
.btn_link {
text-decoration: none;
padding: 10px 30px;
cursor: pointer; }
.yellow_text {
color: #fff200; }
.grey_text {
color: #676767; }
.white_text {
color: #fff; }
.alert-text {
color: red; }
.shades-of-grey {
background-color: #f7f7f7; }
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.d_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.flex_wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.align_center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.align_end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align_start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.justify_center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.justify_end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify_start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify_between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.justify_around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.list_reset {
padding: 0;
margin: 0;
list-style-type: none; }
.shadow {
-webkit-box-shadow: -1px 4px 10px #a7a7a7;
box-shadow: -1px 4px 10px #a7a7a7; }
.subpage_bg {
height: 395px;
position: relative;
background-image: url(//www.dynamik.com.pl/wp-content/themes/dynamik/images/about_bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.subpage_bg .subpage_title_wrapper {
position: absolute;
bottom: -38px;
left: 0;
right: 0;
z-index: 99; }
@media all and (max-width: 500px) {
.subpage_bg .subpage_title_wrapper {
bottom: -27px; } }
.subpage_bg .subpage_title_wrapper h1 {
display: block;
background-color: #fff200;
width: 50%;
position: relative;
font-size: 58px;
font-weight: 300;
margin: 0;
margin-left: 35px;
padding-left: 5px; }
@media all and (max-width: 500px) {
.subpage_bg .subpage_title_wrapper h1 {
font-size: 38px;
width: 70%; } }
.subpage_bg .subpage_title_wrapper h1::before {
content: "";
position: absolute;
right: -33px;
top: 12px;
bottom: 0;
background-color: transparent;
display: block;
width: 22px;
height: 0;
border-left: 0px solid transparent;
border-right: 24px solid transparent;
border-top: 20px solid #fff200;
margin: 0px auto 0;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
@media all and (max-width: 500px) {
.subpage_bg .subpage_title_wrapper h1::before {
top: 10px;
border-top: 25px solid #fff200; } }
.subpage_bg .subpage_title_wrapper h1::after {
content: "";
position: absolute;
bottom: 0;
right: -20px;
width: 22px;
height: 40px;
background: #fff200;
display: block; }
@media all and (max-width: 500px) {
.subpage_bg .subpage_title_wrapper h1::after {
display: none; } }
.tab-content {
display: none; }
.tab-content.current {
display: inherit; }
.page_nav {
padding-top: 20px;
position: absolute;
z-index: 99;
left: 0;
top: 0;
width: 100%; }
@media all and (max-width: 650px) {
.nav_top_bar {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media all and (max-width: 500px) {
.nav_top_bar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.nav_top_bar .socials {
margin-right: auto; }
@media all and (max-width: 650px) {
.nav_top_bar .socials {
margin-right: unset;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px; } }
@media all and (max-width: 500px) {
.nav_top_bar .socials {
display: none; } }
.nav_top_bar .socials li {
margin-right: 20px; }
.nav_top_bar .socials a {
display: block;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: auto; }
.nav_top_bar .socials a:hover svg path {
fill: #fff200; }
.nav_top_bar .socials ~ a {
margin-left: 5px;
padding: 10px 20px; }
.nav_top_bar .socials ~ a:last-child:hover svg path {
fill: #fff200; }
.nav_top_bar .socials ~ a svg {
width: 20px;
height: 20px;
margin-right: 10px; }
.nav_top_bar svg {
width: 50%; }
.nav_top_bar svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media all and (max-width: 650px) {
.nav_top_bar > a:last-of-type {
display: none; } }
@media all and (max-width: 650px) {
.nav_top_bar > a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; } }
.nav_bottom_bar {
background-color: #fff;
padding: 20px 35px;
margin-top: 10px;
position: relative; }
.nav_bottom_bar.sticky {
position: fixed;
top: 0;
width: 1165px;
max-width: 1165px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 35px;
z-index: 999; }
.nav_bottom_bar.sticky .main_menu a {
font-size: 14px; }
.nav_bottom_bar.sticky .logo img {
width: 150px; }
@media all and (max-width: 1165px) {
.nav_bottom_bar.sticky {
width: 100%; } }
@media all and (max-width: 900px) {
.nav_bottom_bar.sticky {
width: 100%; } }
.nav_bottom_bar .logo img {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media all and (max-width: 900px) {
.nav_bottom_bar .main_menu {
display: none;
text-align: center;
width: 100%; }
.nav_bottom_bar .main_menu li {
margin-bottom: 10px; } }
@media all and (min-width: 900px) {
.nav_bottom_bar .main_menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
.nav_bottom_bar .main_menu li {
margin-left: 20px; }
.nav_bottom_bar .main_menu a {
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #676767;
font-size: 16px;
font-weight: 700;
position: relative; }
@media all and (max-width: 1100px) {
.nav_bottom_bar .main_menu a {
font-size: 12px; } }
.nav_bottom_bar .main_menu a:before {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 0%;
height: 2px;
background-color: #fff200;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.nav_bottom_bar .main_menu a:hover::before, .nav_bottom_bar .main_menu a.active::before {
width: 100%; }
@media all and (max-width: 1100px) {
.nav_bottom_bar .logo img {
width: 150px; } }
@media all and (max-width: 900px) {
.nav_bottom_bar .logo {
width: calc(100% - 30px); } }
.menu-button {
position: relative;
width: 30px;
height: 26px;
cursor: pointer;
display: none; }
@media all and (max-width: 900px) {
.menu-button {
display: block; } }
@media all and (min-width: 900px) {
.menu-button.nav-active + .main_menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
.menu-button:hover .bar {
background-color: #676767; }
.menu-button.nav-active .top.bar.left {
-webkit-transform: translate(2px, -1px) rotate(45deg) scaleX(1.25);
-ms-transform: translate(2px, -1px) rotate(45deg) scaleX(1.25);
transform: translate(2px, -1px) rotate(45deg) scaleX(1.25); }
.menu-button.nav-active .top.bar.right {
-webkit-transform: translate(-2px, -1px) rotate(-45deg) scaleX(1.25);
-ms-transform: translate(-2px, -1px) rotate(-45deg) scaleX(1.25);
transform: translate(-2px, -1px) rotate(-45deg) scaleX(1.25); }
.menu-button.nav-active .bottom.bar.left {
-webkit-transform: translate(2px, 2px) rotate(-45deg) scaleX(1.25);
-ms-transform: translate(2px, 2px) rotate(-45deg) scaleX(1.25);
transform: translate(2px, 2px) rotate(-45deg) scaleX(1.25); }
.menu-button.nav-active .bottom.bar.right {
-webkit-transform: translate(-2px, 2px) rotate(45deg) scaleX(1.25);
-ms-transform: translate(-2px, 2px) rotate(45deg) scaleX(1.25);
transform: translate(-2px, 2px) rotate(45deg) scaleX(1.25); }
.menu-button.nav-active .middle.bar {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0); }
.menu-button .bar {
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
height: 2px;
background-color: #fff200;
position: absolute; }
.menu-button .top {
top: 0;
width: 50%; }
.menu-button .middle {
width: 100%;
top: 12px; }
.menu-button .bottom {
width: 50%;
bottom: 0; }
.menu-button .left {
left: 0; }
.menu-button .right {
right: 0; }
.menu-button .top.bar.left {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%; }
.menu-button .top.bar.right {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%; }
.menu-button .bottom.bar.left {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; }
.menu-button .bottom.bar.right {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
.homepage_slider {
position: relative; }
.homepage_slider .slick-list {
overflow: visible; }
.homepage_slider .homepage_single_slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 99; } .homepage_slider .homepage_single_slide .homepage_single_slide_bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 114%;
z-index: -1; }
.homepage_single_slide_content {
padding: 35vh 0 25vh 20px }
@media all and (max-width: 900px) {
.homepage_single_slide_content {
text-align: center; } }
.homepage_single_slide_content h1 {
font-size: 64px;
margin: 0;
margin-bottom: 25px; }
@media all and (max-width: 900px) {
.homepage_single_slide_content h1 {
font-size: 48px;
text-align: center; } }
@media all and (max-width: 500px) {
.homepage_single_slide_content h1 {
font-size: 36px; } }
.homepage_single_slide_content h1 span {
display: inline-block;
padding: 0 10px;
margin-top: 5px; }
@media all and (max-width: 500px) {
.homepage_single_slide_content h1 span {
margin-bottom: 20px; } }
.homepage_single_slide_content .yellow_block {
font-weight: 300; }
.homepage_single_slide_content a.btn_link {
padding: 8px 30px; }
.homepage_single_nav {
position: absolute;
width: 100%;
left: 0;
bottom: 20px;
z-index: 9; }
.homepage_single_nav ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0;
margin: 0;
padding-left: 20px; }
.homepage_single_nav li {
margin-right: 10px; }
.homepage_single_nav li.slick-active button {
background-color: #676767; }
.homepage_single_nav li.slick-active button:focus {
outline: none; }
.homepage_single_nav button {
font-size: 0;
line-height: 0;
height: 3px;
width: 60px;
background-color: #fff200;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border: none;
cursor: pointer; }
.homepage_single_nav button:hover {
background-color: #fff; }
.paging_info_wrapper {
position: absolute;
width: 100%;
left: 0;
bottom: 120px;
z-index: 9;
text-align: right; }
@media all and (max-width: 500px) {
.paging_info_wrapper {
bottom: 10px; } }
.paging_info_wrapper .paging_info {
padding-right: 20px;
color: #939393;
font-weight: 700; }
.paging_info_wrapper .paging_info .current_number_of_slide {
color: #fff200;
font-size: 30px;
margin-right: 5px; }
.paging_info_wrapper .paging_info .number_of_all_slides {
color: #939393;
font-size: 16px;
margin-left: 5px; }
.mega_price_list {
padding: 0px 35px 40px 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mega_price_list h2 {
font-weight: 300;
font-size: 58px;
margin: 0; }
@media all and (max-width: 500px) {
.mega_price_list h2 {
font-size: 48px; } }
.mega_price_list p {
color: #fff;
font-size: 24px;
font-weight: 300; }
.mega_price_list .btn_link {
color: #000;
font-size: 24px;
font-weight: 300; }
@media all and (max-width: 500px) {
.mega_price_list .btn_link {
margin-top: 30px; } }
.mega_price_list .mega_price_content {
padding-top: 170px; }
@media all and (max-width: 700px) {
.mega_price_list .mega_price_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; } }
@media all and (max-width: 500px) {
.mega_price_list .mega_price_content {
padding: 50px 0; } }
.mega_price_list {
background-image: url(https://images.pexels.com/photos/257736/pexels-photo-257736.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 1; }
.mega_price_list::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(#fff8de), to(#ffd222));
background-image: -webkit-linear-gradient(left, #fff8de, #ffd222);
background-image: -o-linear-gradient(left, #fff8de, #ffd222);
background-image: linear-gradient(to right, #fff8de, #ffd222);
z-index: -1;
opacity: 0.8; }
.home_content {
position: relative; }
.home_content .mega_price_list {
background-image: url(//www.dynamik.com.pl/wp-content/themes/dynamik/images/baner1.jpg); }
.home_content .logos {
padding: 20px 50px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 700px) {
.home_content .logos li {
margin-bottom: 30px; } }
.home_content .search_product {
overflow: hidden;
border-left: 1px solid #b5b5b5;
border-right: 1px solid #b5b5b5; }
.home_content .search_product input[type="submit"], .home_content .search_product input[type="button"] {
cursor: pointer; }
.home_content .search_product input[type="button"]:hover {
background-color: #4e4e4e; }
.home_content .search_product input[type="submit"] {
color: #000 !important; }
.home_content .search_product input[type="submit"]:hover {
background-color: #676767;
color: #fff !important; }
.home_content .search_product input.yellow_bg {
color: #676767; }
.home_content .search_product input.grey_bg {
color: #fff; }
.home_content .search_product .form_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.home_content .search_product .form_row .label_block {
width: 50%; }
.home_content .search_product .row_3x > * {
width: calc(100% / 3); }
@media all and (max-width: 900px) {
.home_content .search_product .row_3x {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.home_content .search_product .row_3x div.label_block {
width: 100%; }
.home_content .search_product .row_3x input {
width: 50%;
padding: 15px 25px; } }
@media all and (max-width: 900px) and (max-width: 500px) {
.home_content .search_product .row_3x input {
width: 100%; } }
.home_content .search_product .row_2x > * {
width: 50%; }
@media all and (max-width: 700px) {
.home_content .search_product .row_2x {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.home_content .search_product .row_2x .label_block {
width: 100%; } }
.home_content .search_product .row_2x .label_block {
border-right: none; }
.home_content .search_product input, .home_content .search_product select {
font-size: 20px;
border: none;
outline: none; }
.home_content .search_product input:focus, .home_content .search_product input:hover, .home_content .search_product select:focus, .home_content .search_product select:hover {
outline: none;
border: none; }
.home_content .search_product label {
color: #b5b5b5;
font-size: 24px; }
.home_content .search_product .label_block {
padding: 15px 25px;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #b5b5b5;
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home_content .search_product .label_block.has_select::after {
content: "<>";
font-family: monospace;
font-size: 24px;
color: #333;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 11px;
top: 14px;
padding: 0 0 2px;
position: absolute;
pointer-events: none; }
.home_content .search_product .label_block label + input, .home_content .search_product .label_block label + select {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px; }
.home_content .search_product div:last-child .label_block {
border-bottom: 1px solid #b5b5b5; }
.home_content .search_product input::-webkit-input-placeholder {
color: #b5b5b5; }
.home_content .search_product input:-ms-input-placeholder {
color: #b5b5b5; }
.home_content .search_product input::-ms-input-placeholder {
color: #b5b5b5; }
.home_content .search_product input::placeholder {
color: #b5b5b5; }
.home_content .search_product select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
color: #e7e7e7;
-ms-word-break: normal;
word-break: normal; }
.home_content .search_product select option {
color: #676767; }
.home_content .search_product select option:first-child {
color: #e7e7e7; }
@media all and (max-width: 600px) {
.categories > div:first-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.categories_slider {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9; }
.categories_slider .categories_slider_box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 30px 20px;
text-align: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
border-right: 1px solid #d9d9d9; }
.categories_slider .categories_slider_box img {
margin: 0 auto 30px; }
.categories_slider .categories_slider_box h3 {
color: #676767;
font-weight: 300;
font-size: 24px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin: 0; }
.categories_slider .categories_slider_box:hover {
background-color: #fff200; }
.categories_slider .categories_slider_box:hover h3 {
color: #fff; }
.categories_slider .slick-slide > div, .categories_slider .slick-slide .categories_slider_box {
height: 100%; }
.categories_nav {
margin-right: 40px;
padding: 30px 0; }
@media all and (max-width: 600px) {
.categories_nav {
margin-right: 0; } }
.categories_nav .categories_nav_arrow {
margin-left: 10px;
color: #fff;
padding: 5px 50px;
font-size: 26px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.categories_nav .categories_nav_arrow:hover {
background-color: #fff200;
color: #676767; }
.categories_nav .categories_nav_arrow svg {
width: 20px; }
.discounts {
padding: 90px 0;
background-color: #f7f7f7; }
@media all and (max-width: 900px) {
.discounts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media all and (max-width: 500px) {
.discounts {
padding: 30px 0 90px; } }
.discounts .discounts_bg {
width: 50%;
background-image: url(//www.dynamik.com.pl/wp-content/themes/dynamik/images/discounts_bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media all and (max-width: 900px) {
.discounts .discounts_bg {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
height: 350px;
width: 100%; } }
.discounts .discounts_content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 75px 0 50px;
padding-left: 110px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: #676767; }
@media all and (max-width: 1050px) {
.discounts .discounts_content {
padding-left: 50px; } }
@media all and (max-width: 900px) {
.discounts .discounts_content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0; } }
.discounts .discounts_content > p {
font-size: 20px;
font-weight: 300; }
.discounts .discounts_content h2 {
font-weight: 300;
line-height: 47px;
margin-top: 0;
font-size: 42px;
position: relative; }
@media all and (max-width: 900px) {
.discounts .discounts_content h2 {
text-align: center; } }
.discounts .discounts_content h2 span span {
font-size: 32px; }
.discounts .discounts_content h2::before {
content: "";
position: absolute;
bottom: -35px;
left: 0;
height: 1px;
background-color: #bcbcbc;
width: 50%; }
@media all and (max-width: 900px) {
.discounts .discounts_content h2::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
.discounts .discount_counter_box {
text-align: center;
color: #676767;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
width: 50px;
height: 50px; }
@media all and (max-width: 500px) {
.discounts .discount_counter_box {
width: 30px;
height: 30px; } }
.discounts .discount_counter_box span {
display: block; }
.discounts .discount_counter_box .counter_number {
font-size: 32px;
line-height: 24px; }
.discounts .discount_counter_box .counter_text {
font-size: 12px; }
.discounts .discount_counter {
margin: 60px 0 30px 0; }
.discounts .btn_link {
font-size: 20px;
padding: 7px 50px;
color: #000; }
.discounts .discounts_content .yellow_text {
color: #000000;
}
@media all and (max-width: 900px) {
.short_offer {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.short_offer .offer_box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 25px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1; }
@media all and (max-width: 900px) {
.short_offer .offer_box {
width: 50%; }
.short_offer .offer_box:last-child {
width: 100%; } }
@media all and (max-width: 900px) and (max-width: 600px) {
.short_offer .offer_box:last-child {
width: 100%; } }
@media all and (max-width: 600px) {
.short_offer .offer_box {
width: 100%; } }
.short_offer .offer_box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #676767;
opacity: 0.6;
z-index: -1;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.short_offer .offer_box:hover .offer_box_title {
color: #676767; }
.short_offer .offer_box:hover::before {
background: -webkit-gradient(linear, left top, right top, from(#fff8de), to(#ffd222));
background: -webkit-linear-gradient(left, #fff8de, #ffd222);
background: -o-linear-gradient(left, #fff8de, #ffd222);
background: linear-gradient(to right, #fff8de, #ffd222); }
.short_offer .offer_box:hover p {
color: #676767; }
.short_offer .offer_box_title {
font-size: 42px;
margin: 0;
margin-bottom: 50px;
font-weight: 300;
color: #fff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.short_offer p {
font-size: 20px;
line-height: 22px;
color: #fff;
padding-bottom: 100px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.short_offer .btn_link {
font-size: 20px;
color: #000; }
.custom_video .video_title {
position: absolute;
bottom: -170px;
left: 40px;
z-index: 99;
color: #fff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.custom_video .video_title .video_name {
display: block;
font-size: 42px;
font-weight: 300;
margin: 0; }
.custom_video .video_title .video_desc {
font-size: 22px;
display: block;
font-weight: 300;
margin: 0;
margin-top: 10px; }
.custom_video:hover .video_title {
bottom: 70px; }
.custom_video .player {
max-width: 100%;
position: relative;
font-size: 0;
overflow: hidden; }
.custom_video .player:-webkit-full-screen {
max-width: none;
width: 100%; }
.custom_video .player:-moz-full-screen {
max-width: none;
width: 100%; }
.custom_video .player:-ms-fullscreen {
max-width: none;
width: 100%; }
.custom_video .player:fullscreen {
max-width: none;
width: 100%; }
.custom_video .player:-webkit-full-screen {
max-width: none;
width: 100%; }
.custom_video .player .player__video {
width: 100%; }
.custom_video .player .player__button {
background: none;
border: 0;
line-height: 1;
color: white;
text-align: center;
outline: 0;
padding: 0;
cursor: pointer;
max-width: 50px;
color: #fff200; }
.custom_video .player .player__button:focus {
border-color: red; }
.custom_video .player .player__slider {
width: 10px;
height: 30px; }
.custom_video .player .player__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
width: 100%;
-webkit-transform: translateY(100%) translateY(-5px);
-ms-transform: translateY(100%) translateY(-5px);
transform: translateY(100%) translateY(-5px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: rgba(0, 0, 0, 0.1); }
.custom_video .player .player__controls > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.custom_video .player:hover .player__controls {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.custom_video .player:hover .progress {
height: 15px; }
.custom_video .player .progress {
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
height: 5px;
-webkit-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
background: rgba(162, 162, 162, 0.5);
cursor: ew-resize; }
.custom_video .player .progress__filled {
width: 50%;
background: #fff200;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%; }
.custom_video .player input[type=range] {
-webkit-appearance: none;
background: transparent;
width: 100%;
margin: 0 5px; }
.custom_video .player input[type=range]:focus {
outline: none; }
.custom_video .player input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
background: rgba(255, 255, 255, 0.8);
border-radius: 1.3px;
border: 0.2px solid rgba(1, 1, 1, 0); }
.custom_video .player input[type=range]::-webkit-slider-thumb {
height: 15px;
width: 15px;
border-radius: 50px;
background: #ddc600;
cursor: pointer;
-webkit-appearance: none;
margin-top: -3.5px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.custom_video .player input[type=range]:focus::-webkit-slider-runnable-track {
background: #fff; }
.custom_video .player input[type=range]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
background: rgba(255, 255, 255, 0.8);
border-radius: 1.3px;
border: 0.2px solid rgba(1, 1, 1, 0); }
.custom_video .player input[type=range]::-moz-range-thumb {
box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
height: 15px;
width: 15px;
border-radius: 50px;
background: #ffc600;
cursor: pointer; }
.branch_list_item_active {
color: red; }
.branch_content div {
display: none; }
.branch_content_group {
display: none; }
.branch_content_group.active {
display: block; }
.branch_content_list_item {
display: none; }
.branch_content_list_item.active {
display: block; }
.contact_content {
padding-top: 70px; }
.branches {
width: 30%; }
@media all and (max-width: 900px) {
.branches {
width: 20%; } }
@media all and (max-width: 600px) {
.branches {
width: 100%; } }
.branches .box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-bottom: 20px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.branches .box .branch_box.branch_list_item_active, .branches .box .branch_box:hover {
background-color: #fff200;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.branches .box .branch_box.branch_list_item_active .branch_city, .branches .box .branch_box:hover .branch_city {
color: #676767; }
.branches .box .branch_box.branch_list_item_active .branch_type, .branches .box .branch_box:hover .branch_type {
color: #fff; }
.branches .box .branch_box.branch_list_item_active .branch_ico svg path, .branches .box .branch_box:hover .branch_ico svg path {
fill: #676767; }
.branches .box .branch_box {
background-color: #676767;
color: #fff;
padding: 30px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media all and (max-width: 900px) {
.branches .box .branch_box {
padding: 10px; } }
@media all and (max-width: 600px) {
.branches .box .branch_box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.branches .box .branch_box .branch_ico {
width: 70px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin: 0 auto; }
@media all and (max-width: 600px) {
.branches .box .branch_box .branch_ico {
width: 40px;
margin: 0 auto; } }
.branches .box .branch_box .branch_ico svg {
width: 100%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.branches .box .branch_box .branch_city {
font-size: 24px;
font-weight: 400;
margin: 0;
margin-top: 60px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media all and (max-width: 900px) {
.branches .box .branch_box .branch_city {
margin-top: 30px; } }
@media all and (max-width: 600px) {
.branches .box .branch_box .branch_city {
margin-left: 15px;
margin-top: 0; } }
.branches .box .branch_box .branch_type {
font-weight: 300;
font-size: 16px;
color: #c2c1c1;
margin-top: 10px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media all and (max-width: 600px) {
.branches .box .branch_box .ico_group {
max-width: 20%; } }
.branches .box .branch_list_display {
display: block; }
.branches .branch_list {
display: none;
padding: 40px 0 40px 15px; }
.branches .branch_list li {
text-align: left;
position: relative;
padding-left: 10px;
font-weight: 700;
font-size: 20px;
margin-bottom: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media all and (max-width: 900px) {
.branches .branch_list li {
font-size: 14px; } }
.branches .branch_list li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
height: 15px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
background-image: none;
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.branches .branch_list li.branch_list_item_active, .branches .branch_list li:hover {
color: #fff200;
padding-left: 20px; }
.branches .branch_list li.branch_list_item_active::before, .branches .branch_list li:hover::before {
background-image: url(//www.dynamik.com.pl/wp-content/themes/dynamik/images/icons/right-arrow.svg); }
.branch_content_wrapper {
width: 70%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px; }
@media all and (max-width: 900px) {
.branch_content_wrapper {
width: 80%; } }
@media all and (max-width: 600px) {
.branch_content_wrapper {
width: 100%;
padding: 0; } }
.branch_content_list_item .rounded_img {
overflow: hidden;
border-radius: 100%;
width: 130px;
height: 130px;
margin-bottom: 15px; }
@media all and (max-width: 600px) {
.branch_content_list_item .rounded_img {
margin: 0 auto 15px; } }
.branch_content_list_item .person_name {
font-size: 20px;
margin: 0; }
.branch_content_list_item .person_title {
font-size: 16px;
margin: 0; }
.branch_content_list_item a {
text-decoration: none;
color: #444; }
.branch_content_list_item p {
margin: 0;
line-height: 24px;
font-size: 18px;
font-weight: 700; }
.branch_content_list_item .row {
margin-bottom: 50px; }
.branch_content_list_item .row > div {
width: 50%; }
@media all and (max-width: 900px) {
.branch_content_list_item .row.contact_info > div {
width: 100%;
text-align: center;
margin-bottom: 15px; } }
@media all and (max-width: 600px) {
.branch_content_list_item .row.contact_people > div {
width: 100%;
text-align: center;
margin-bottom: 15px; } }
.branch_content_list_item #map {
height: 200px; }
.registration_data {
padding: 15px 0;
cursor: pointer; }
.registration_data h4 {
font-size: 22px;
font-weight: 300; }
.branch_content_title {
display: block;
background-color: #676767;
position: relative;
font-size: 22px;
margin: 0;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 0 5px 10px;
margin-bottom: 10px;
-webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 30%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 95% 0%, 100% 30%, 100% 100%, 0% 100%);
}
@media all and (max-width: 600px) {
.branch_content_title {
font-size: 38px;
width: 100%; } } @media all and (max-width: 600px) {
.branches_grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.tab-content {
display: none; }
.tab-content.current {
display: inherit; }
.page_footer .footer_top {
position: relative; }
.page_footer .footer_top::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50%;
background-color: #676767; }
.page_footer .footer_top_wrapper {
position: relative;
border-top: 1px solid #fff;
z-index: 1; }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper .find_us {
border-bottom: 1px solid #fff; } }
@media all and (max-width: 500px) {
.page_footer .footer_top_wrapper .find_us ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.page_footer .footer_top_wrapper .find_us ul li {
margin-bottom: 10px; } }
.page_footer .footer_top_wrapper .find_us a {
font-size: 18px; }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper .had-question {
border-bottom: 1px solid #fff; } }
.page_footer .footer_top_wrapper .had-question a {
font-size: 24px;
color: #000; }
.page_footer .footer_top_wrapper .had-question a svg {
border: none; }
.page_footer .footer_top_wrapper .had-question a svg path {
fill: #000; }
.page_footer .footer_top_wrapper div {
background-color: #fff200;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 35px;
border-right: 1px solid #fff; }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper div {
width: 50%;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset; } }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper div {
width: 100%;
text-align: center; }
.page_footer .footer_top_wrapper div ul, .page_footer .footer_top_wrapper div a {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.page_footer .footer_top_wrapper div h3 {
font-size: 18px;
margin: 0;
margin-bottom: 40px; }
.page_footer .footer_top_wrapper div li {
margin-right: 15px; }
.page_footer .footer_top_wrapper div a {
text-decoration: none;
color: #000;
font-weight: 700; }
.page_footer .footer_top_wrapper div a svg {
margin-right: 10px;
width: 20px;
height: 20px;
padding: 10px;
border: 1px solid #000;
border-radius: 100%; }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper div #newsletter {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.page_footer .footer_top_wrapper div #newsletter input[type="email"] {
padding: 10px;
font-size: 14px;
color: #676767;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 24px;
border: none; }
.page_footer .footer_top_wrapper div #newsletter input[type="email"]::-webkit-input-placeholder {
font-size: 14px;
color: #676767; }
.page_footer .footer_top_wrapper div #newsletter input[type="email"]:-ms-input-placeholder {
font-size: 14px;
color: #676767; }
.page_footer .footer_top_wrapper div #newsletter input[type="email"]::-ms-input-placeholder {
font-size: 14px;
color: #676767; }
.page_footer .footer_top_wrapper div #newsletter input[type="email"]::placeholder {
font-size: 14px;
color: #676767; }
.page_footer .footer_top_wrapper div #newsletter input[type="submit"] {
padding: 13px 30px;
font-size: 14px; }
@media all and (max-width: 1000px) {
.page_footer .footer_top_wrapper .newsletter {
width: 100%;
text-align: center; } }
.page_footer .footer_bottom {
padding-top: 30px;
padding-bottom: 70px;
background-color: #676767; }
@media all and (max-width: 900px) {
.page_footer .footer_bottom .group {
width: calc(100% / 3); }
.page_footer .footer_bottom .footer_bottom_grid {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box; } }
@media all and (max-width: 600px) {
.page_footer .footer_bottom .group {
width: calc(100% / 2); } }
.page_footer .footer_bottom h3 {
color: #fff;
margin-bottom: 30px;
font-size: 16px; }
.page_footer .footer_bottom a {
text-decoration: none;
color: #a6a6a6;
font-size: 16px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.page_footer .footer_bottom a:hover {
color: #fff; }
.page_footer .footer_bottom li {
margin-bottom: 20px; }
.who_are_we {
padding: 115px 80px;
position: relative;
z-index: -1; }
@media all and (max-width: 600px) {
.who_are_we {
padding: 80px 30px; } }
.who_are_we::before {
content: "2000";
position: absolute;
bottom: -60px;
right: 0;
z-index: -1;
display: block;
-webkit-text-stroke: 1px #e6e6e6;
font-size: 19em;
font-family: fantasy;
color: transparent; }
@media all and (max-width: 600px) {
.who_are_we::before {
display: none; } }
.who_are_we .text_wrapper {
padding-left: 30%; }
@media all and (max-width: 900px) {
.who_are_we .text_wrapper {
padding-left: 0; } }
.who_are_we p {
line-height: 25px;
margin: 0;
color: #676767;
font-size: 18px; }
.about_content .btn_link {
margin-bottom: 24px; }
.about_content .section_title {
color: #000; }
.offer .offer_list {
padding: 30px 0 50px 0; }
@media all and (max-width: 800px) {
.offer .offer_list {
padding: 50px 25px; } }
.offer li {
color: #676767;
width: 45%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 120px;
position: relative;
margin-bottom: 50px; }
@media all and (max-width: 600px) {
.offer li {
width: 100%;
padding-left: 60px; } }
.offer li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
-webkit-box-shadow: 0px 0px 8px 0px #b5b5b5;
box-shadow: 0px 0px 8px 0px #b5b5b5; }
@media all and (max-width: 600px) {
.offer li::before {
width: 40px;
height: 40px; } }
.offer li::after {
content: "";
position: absolute;
top: 15px;
left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 35px;
width: 13px;
border-bottom: 7px solid #fff200;
border-right: 7px solid #fff200; }
@media all and (max-width: 600px) {
.offer li::after {
top: -9px;
left: 13px; } }
.offer li .offer_item_title {
font-weight: 400;
font-size: 24px;
margin-top: 5px; }
.offer li .offer_item_title + p {
line-height: 25px;
font-weight: 300;
font-size: 20px; }
.elmega {
padding-top: 30px; }
@media all and (max-width: 600px) {
.elmega {
padding-bottom: 30px; } }
.elmega .section_title {
color: #000;
line-height: 40px; }
@media all and (max-width: 600px) {
.elmega .elmega_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.elmega .elmega_wrapper .section_title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: center; }
.elmega .elmega_wrapper .elmega_toggle_btn {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 150px;
margin-right: 0; } }
.elmega .elmega_expand_content {
padding-top: 30px;
padding-bottom: 30px;
display: none; }
.elmega .elmega_expand_content p {
font-size: 18px;
color: #676767; }
.elmega .elmega_toggle_btn {
margin-right: 50px;
padding: 0 40px;
text-align: center;
font-size: 28px; }
.history_timeline {
padding: 0px 20px 50px 20px;
position: relative;
z-index: 1; }
@media all and (max-width: 990px) {
.history_timeline {
padding: 50px 0; } }
.history_timeline .roadmap__navigation li {
position: relative !important;
top: unset !important;
-webkit-transform: unset !important;
-ms-transform: unset !important;
transform: unset !important;
margin-left: 10px;
left: unset !important;
right: unset !important; }
.history_timeline .roadmap__navigation li a {
text-decoration: none !important;
color: #fff !important;
background-color: #676767 !important;
padding: 0px 50px !important;
line-height: 33px !important; }
.history_timeline .roadmap__navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.history_timeline .roadmap__navigation img {
width: 25px;
height: 25px;
-webkit-filter: invert(1);
filter: invert(1); }
.history_timeline .event {
-webkit-transform: translateX(15%) !important;
-ms-transform: translateX(15%) !important;
transform: translateX(15%) !important;
text-align: left !important; }
@media all and (max-width: 990px) {
.history_timeline .event {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%); } }
.history_timeline .event .event__date {
color: #fff200;
font-size: 22px;
z-index: 1;
position: relative; }
.history_timeline .event .event__date .text_shadow {
position: absolute;
top: 0;
left: 0;
z-index: -1;
font-size: 54px;
color: #fff;
text-shadow: 4px 7px 16px #ffdb4e; }
@media all and (max-width: 990px) {
.history_timeline .event .event__date .text_shadow {
display: none; } }
.history_timeline .event .event__content {
color: #676767;
font-size: 18px;
z-index: 1;
position: relative; }
.roadmap.roadmap--orientation-auto .roadmap__events {
margin-bottom: 50px; }
.roadmap.roadmap--orientation-auto .roadmap__events:after {
background-color: #676767 !important; }
.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:before {
-webkit-box-shadow: 0 0 0px 15px #fff200, 0 0 0px 19px #fff !important;
box-shadow: 0 0 0px 15px #fff200, 0 0 0px 19px #fff !important;
background-color: #676767 !important;
border-radius: 0 !important;
z-index: 99; }
@media all and (max-width: 990px) {
.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:before {
width: 10px;
height: 10px;
-webkit-box-shadow: 0 0 0px 15px #fff200 !important;
box-shadow: 0 0 0px 15px #fff200 !important; } }
.roadmap.roadmap--orientation-auto .roadmap__events__event:after, .roadmap.roadmap--orientation-auto .roadmap__events__event:before {
background-color: #fff200; }
@media all and (max-width: 990px) {
.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event {
top: unset; } }
.rewards .section_title {
padding-top: 30px;
padding-bottom: 30px; }
.rewards .rewards_tabs {
margin: 0;
padding: 0;
list-style-type: none; }
@media all and (max-width: 650px) {
.rewards .rewards_tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
.rewards .rewards_tabs li {
background: #fff;
color: #fff200;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
background: #fff;
color: #fff200;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 2px;
z-index: 1;
font-size: 20px;
font-weight: 700; }
@media all and (max-width: 650px) {
.rewards .rewards_tabs li {
width: 100%; } }
.rewards .rewards_tabs li::before {
content: "";
position: absolute;
left: 0;
width: 100%;
top: -10px;
height: 10px;
background: transparent;
z-index: -1; }
@media all and (max-width: 650px) {
.rewards .rewards_tabs li::before {
display: none; } }
.rewards .rewards_tabs li::after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -15px;
height: 20px;
background: #fff;
z-index: -1; }
.rewards .rewards_tabs li.current::before {
background: #fff; }
@media all and (max-width: 650px) {
.rewards .rewards_tabs li.current {
background-color: #fff200;
color: #fff; } }
.rewards .tab-content-rewards {
background: #fff;
padding: 40px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 900px) {
.rewards .tab-content-rewards .d_flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.rewards .tab-content-rewards p, .rewards .tab-content-rewards figcaption {
font-size: 18px;
color: #676767; }
.rewards .tab-content-rewards figure {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.environment {
background-image: url(//www.dynamik.com.pl/wp-content/themes/dynamik/images/srodowisko_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #676767;
padding: 30px 0 150px; }
@media all and (max-width: 800px) {
.environment {
background-position: right center; } }
@media all and (max-width: 500px) {
.environment {
background-size: contain;
background-position: top right;
padding-bottom: 20px; } }
.environment .section_title {
color: #000; }
.environment .environment_content {
padding-top: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%; }
@media all and (max-width: 700px) {
.environment .environment_content {
width: 100%; } }
.environment .environment_content ul {
padding-left: 15px; }
.environment .environment_content li, .environment .environment_content p {
font-size: 18px; }
.eu_funds {
padding: 50px 0 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 500px) {
.eu_funds {
padding: 50px 0; } }
.eu_funds p {
color: #676767;
font-size: 18px; }
@media all and (max-width: 950px) {
.eu_funds .eu_images_group {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media all and (max-width: 500px) {
.eu_funds img {
width: 230px; } }
.space-between {
padding: 0 70px; }
@media all and (max-width: 500px) {
.space-between {
padding: 0 30px; } }
.partners_content {
color: #676767; }
.partners_content .partners_logos_tabs {
padding-bottom: 30px; }
.partners_content .partners_intro {
padding-top: 100px;
padding-bottom: 50px; }
.partners_content .logos_tabs {
width: 90%;
margin: 0 auto;
padding-bottom: 40px; }
@media all and (max-width: 800px) {
.partners_content .logos_tabs {
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
margin: 0; } }
.partners_content .logos_tabs li {
text-align: center;
font-size: 22px;
color: #676767;
cursor: pointer; }
.partners_content .logos_tabs li.current {
color: #fff200; }
@media all and (max-width: 500px) {
.partners_content .logos_tabs li {
width: 40%;
background: #fff200;
color: #fff;
padding: 5px;
margin-bottom: 10px; } }
.partners_content .tab-content-logos img {
width: 210px; }
@media all and (max-width: 800px) {
.partners_content .tab-content-logos .d_flex {
-ms-flex-pack: distribute;
justify-content: space-around; } }
.all_galleries_content {
padding: 80px 0 60px; }
@media all and (max-width: 900px) {
.all_galleries_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.all_galleries_content .all_galeries {
padding-left: 40px; }
@media all and (max-width: 900px) {
.all_galleries_content .all_galeries {
padding-left: 20px;
padding-right: 20px; } }
.all_galleries_content .all_galeries .all_galleries_names {
width: 30%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 900px) {
.all_galleries_content .all_galeries .all_galleries_names {
width: 100%; } }
.all_galleries_content .all_galeries .all_galleries_names li {
background: #676767;
padding: 10px;
margin-bottom: 5px;
cursor: pointer;
font-size: 20px; }
@media all and (max-width: 900px) {
.all_galleries_content .all_galeries .all_galleries_names li {
text-align: center; } }
.all_galleries_content .all_galeries .all_galleries_names li:hover, .all_galleries_content .all_galeries .all_galleries_names li.active {
background: #fff200;
color: #676767; }
.all_galleries_content .all_galeries .small_galleries_wrapper {
width: 60%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 900px) {
.all_galleries_content .all_galeries .small_galleries_wrapper {
width: 100%;
margin-top: 20px; } }
@media all and (max-width: 900px) {
.all_galleries_content .small_gallery_options {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
padding: 25px 20px 0; } }
@media all and (max-width: 900px) {
.all_galleries_content .small_gallery_options a {
margin: 0;
margin-bottom: 10px; } }
@media all and (max-width: 900px) {
.all_galleries_content .small_gallery_options .small_gallery_nav {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 10px; }
.all_galleries_content .small_gallery_options .small_gallery_nav svg {
margin: 0; } }
@media all and (max-width: 900px) {
.all_galleries_content .small_gallery_options > a {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
.small_gallery_options {
padding-left: 40px;
padding-top: 55px; }
.small_gallery_options > a {
margin-right: 50px; }
.small_gallery_options a {
font-size: 18px; }
.small_gallery_nav {
margin-left: auto; }
@media all and (max-width: 900px) {
.small_gallery_nav {
margin-left: unset; } }
.small_gallery_nav .small_gallery_nav_arrow svg {
width: 20px;
margin: 0 10px; }
.small_gallery_nav .small_gallery_nav_arrow span {
margin: 0 10px; }
.small_gallery .gallery_slide {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 440px; }
.single_gallery_big_picture .gallery_slide {
height: 620px;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.single_gallery_slider .gallery_slide {
height: 160px;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.single_gallery_content a, .all_galleries_content a {
text-decoration: none; }
.single_gallery_content {
padding: 40px 0 0; }
.single_gallery_content .single_gallery_title {
background: #676767;
font-size: 24px;
padding: 10px;
width: 40%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 800px) {
.single_gallery_content .single_gallery_title {
width: 100%;
text-align: center; } }
.single_gallery_content .gallery_options {
padding: 30px 0 30px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media all and (max-width: 800px) {
.single_gallery_content .gallery_options {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 30px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box; } }
@media all and (max-width: 800px) {
.single_gallery_content .small_gallery_nav {
margin-left: unset;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 15px; } }
@media all and (max-width: 800px) and (max-width: 500px) {
.single_gallery_content .small_gallery_nav span {
margin: 0; } }
.single_gallery_content .gallery_nav_arrow_next svg {
margin-right: 0; }
.single_gallery_content .single_gallery_photo_options {
padding: 35px 0 25px; }
.single_gallery_content .single_gallery_photo_options a {
font-size: 24px; }
@media all and (max-width: 500px) {
.single_gallery_content .single_gallery_photo_options a {
font-size: 20px; } }
.single_gallery_content .single_gallery_nav {
padding: 10px 0; }
.single_gallery_content .single_gallery_nav a {
background: #676767;
margin: 0 10px; }
.single_gallery_content .single_gallery_nav a.gallery_nav_arrow {
padding: 10px 50px; }
@media all and (max-width: 500px) {
.single_gallery_content .single_gallery_nav a.gallery_nav_arrow {
padding: 10px 30px; } }
.single_gallery_content .single_gallery_nav a.dots {
padding: 10px 20px; }
.single_gallery_content .single_gallery_nav svg {
width: 20px; }
.single_gallery_content .single_gallery_nav svg path, .single_gallery_content .single_gallery_nav svg circle {
fill: #fff; }
.slider_paging {
margin: 0 35px; }
.slider_paging .current_number_of_slide {
color: #fff200;
font-size: 27px; }
.slider_paging .number_of_all_slides {
color: #676767;
font-size: 14px; }
.all_galleries_content .small_gallery {
display: none; }
.all_galleries_content .small_gallery.active {
display: block; }
.small_gallery.show .slick-track, .small_gallery.show .slick-slide {
width: 100% !important; }
.wpcf7-text.wpcf7-not-valid,
.wpcf7-number.wpcf7-not-valid {
border: 1px solid red;
}
form span.wpcf7-list-item {
margin-left: 0;
}
form span.wpcf7-list-item label {
display: inline-flex;
align-items: center;
margin: 0 15px 0 0;
}
form span.wpcf7-list-item input {
margin: -3px 15px 0 0;
padding: 0;
width: 15px;
cursor: pointer;
}
form label {
display: block;
}
#text-content form input {
padding: 15px;
width: 100%;
font-size: 14px;
box-sizing: border-box;
transform: translateY(1px);
}
#text-content form input[type="radio"] {
width: 15px;
margin-right: 7px;
}
form span.wpcf7-not-valid-tip {
font-size: 14px;
}
#text-content form .wpcf7-acceptance input {
width: 15px;
margin-right: 7px;
}
form .wpcf7-acceptance span.wpcf7-list-item label {
display: inline-flex;
align-items: center;
}
#text-content .b2b-registration-form {
display: flex;
flex-wrap: wrap;
padding: 30px 15px;
width: 95%;
margin: 0 auto;
}
@media only screen and (min-width: 700px) {
#text-content .b2b-registration-form {
width: 65%;
}
}
#text-content #b2b-registration-form p {
padding: 0;
}
#b2b-registration-form p {
width: 100%;
margin: 0 0 20px;
}
#b2b-registration-form p label,
#b2b-registration-form p.label {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.5;
}
#b2b-registration-form p label a,
#b2b-registration-form p.label a {
font-size: inherit;
}
#b2b-registration-form p label a:hover,
#b2b-registration-form p.label a:hover {
color: #000000;
transition-duration: 0.3s;
}
#b2b-registration-form p input:not(.wpcf7-not-valid) {
border: 1px solid #DCDCDC;
}
#b2b-registration-form .wpcf7-form-control.wpcf7-radio,
#b2b-registration-form .wpcf7-form-control.wpcf7-select,
#b2b-registration-form input.wpcf7-form-control {
margin-top: 5px;
display: block;
}
#b2b-registration-form .wpcf7-form-control.wpcf7-select {
-webkit-appearance: none;
width: 100%;
border-radius: 0;
height: 51px;
padding: 15px;
border: 1px solid #DCDCDC;
background-color: white;
font-size: 14px;
}
#b2b-registration-form-acceptance-container {
width: 100%;
display: flex;
}
#b2b-registration-form-select-container {
display: flex;
width: 100%;
}
#b2b-registration-form .wpcf7-form-control.wpcf7-submit {
background-color: #676767;
cursor: pointer;
color: white;
text-transform: uppercase;
font-weight: 500;
border: none;
transition-duration: 0.3s;
padding: 20px;
font-size: 15px;
}
#b2b-registration-form .wpcf7-select-arrow {
display: block;
position: relative;
}
#b2b-registration-form .wpcf7-select-arrow:after {
content: '>';
position: absolute;
bottom: 13px;
right: 20px;
transform: rotate(90deg);
font-size: 14px;
}
#b2b-registration-form .wpcf7-form-control.wpcf7-submit:hover {
background-color: black;
}
#text-content .wpcf7-response-output.wpcf7-mail-sent-ok,
#text-content .wpcf7-response-output.wpcf7-validation-errors {
display: block;
padding: 20px;
border: none;
text-align: center;
background-color: red;
margin: 0 auto;
font-size: 15px;
width: calc(65% - 30px);
color: white;
margin-bottom: 50px;
}
#text-content .wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #1ca035;
}
.b2b-links-container {
display: flex;
justify-content: center;
padding: 10px 0;
}
#text-content .b2b-links-container a {
display: inline-block;
padding: 10px 20px;
margin: 0 15px;
}