@charset "UTF-8";
/*!
Theme Name: Gościnna Chata Theme
Author: Piotr Sułkowski
Author URI: https://www.facebook.com/piotrek.sulkowski132?ref=bookmarks
Description: Motyw stworzony przez Piotra Sułkowskiwgo. Kontakt: tel: 509 894 721, Email: pietruha132@gmail.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Gościnna Chata Theme
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport { width: device-width } html { box-sizing: border-box; -ms-overflow-style: scrollbar } *, :after, :before { box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } .my_container { width: 1920px; position: relative; margin-left: 50%; transform: translateX(-50%) } @media screen and (max-width:575px) { .my_container { width: 100% } } @media screen and (min-width:1920px) { .my_container { width: 100%; margin-left: 0; transform: translateX(0) } } @media screen and (min-width:1260px) { .container { max-width: 1200px } } body, html { margin: 0; padding: 0; font-family: Roboto, sans-serif !important; overflow-x: hidden } body.no-scroll, html.no-scroll { overflow: hidden !important } body { overflow: hidden } #front-page .about:after, #front-page .about:before, #front-page .about__left__text:before, #front-page section .section_title.line--long:before, #front-page section .section_title.line:before, #page-kontakt form label.checkbox input:after, #page-kontakt form label.checkbox input:before, .header__nav__contact_tel a:before, .header__nav__menu ul li:after, .header__page_breadcrumbs span:after, .header__page_info span:after, .header__scroll_btn span:after, .header__scroll_btn span:before, .header__slider .owl-dots .owl-dot:after { content: ""; display: block; position: absolute } .btn { font-size: 16px !important; color: #fff !important; text-align: center; line-height: 16px !important; min-width: 160px; height: 42px; display: inline-block; padding: 14px 25px; background: hsla(0, 0%, 100%, .3) !important; border-radius: 25px; text-transform: uppercase; text-decoration: none; box-shadow: 0 5px 25px -9px rgba(0, 0, 0, .5); transition: .15s } @media screen and (max-width:475px) { .btn { min-width: auto; padding: 12px 30px; font-size: 14px !important; height: 39px; background: hsla(0, 0%, 100%, .34) } } .btn:not(:disabled):hover { cursor: pointer; color: #fff !important; opacity: 1 !important; transform: scale(1.075); box-shadow: 0 15px 25px -8px rgba(0, 0, 0, .5) } .btn--green, .wp-block-button__link { font-size: 16px !important; color: #fff; text-align: center; line-height: 16px !important; min-width: 160px !important; height: 42px; display: inline-block; padding: 14px 25px; background: #0a3816 !important; border-radius: 25px; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 5px 25px -9px rgba(0, 0, 0, .5) } @media screen and (max-width:475px) { .btn--green, .wp-block-button__link { min-width: auto !important; padding: 12px 30px !important; font-size: 14px !important; height: 39px !important } } .btn--green:not(:disabled):hover, .wp-block-button__link:not(:disabled):hover { cursor: pointer; color: #fff !important; opacity: 1 !important; transform: scale(1.075); box-shadow: 0 15px 25px -11px rgba(0, 0, 0, .5) } .btn--green:disabled, .wp-block-button__link:disabled { opacity: .5 } #front-page section .section_title { color: #000; font-size: 34px; margin: 46px 0 35px; font-weight: 400; text-align: center; display: block; position: relative } #front-page section .section_title.line:before { height: 60px; width: 2px; border-radius: 1px; background-color: #d4d4d4; left: 0; right: 0; margin: 0 auto; top: -73px; z-index: 1 } #front-page section .section_title.line--long { margin: 68px 0 35px } @media screen and (max-width:1200px) { #front-page section .section_title.line--long { margin: 46px 0 35px } } #front-page section .section_title.line--long:before { width: 2px; border-radius: 1px; background-color: #d4d4d4; left: 0; right: 0; margin: 0 auto; top: -162px; z-index: 1; height: 123px } @media screen and (max-width:1200px) { #front-page section .section_title.line--long:before { height: 60px; top: -73px } } #front-page section p { font-size: 18px; line-height: 28px; color: #000 } @media screen and (max-width:1200px) { #front-page section p { font-size: 16px; line-height: 26px } } @media screen and (max-width:992px) { #front-page section p { font-size: 15px; line-height: 24px } } @media screen and (max-width:767px) { #front-page section p { font-size: 16.5px; line-height: 28px } } @media screen and (max-width:450px) { #front-page section p { font-size: 15px } } @media screen and (max-width:390px) { #front-page section p { font-size: 14px; line-height: 24px } } .header { height: 960px; position: relative } @media screen and (max-width:992px) { .header { height: 775px } } @media screen and (max-width:575px) { .header { height: 725px } } @media screen and (max-width:475px) { .header { height: 590px } } @media screen and (max-width:335px) { .header { height: 568px } } .header--page { height: 550px } @media screen and (max-width:992px) { .header--page { height: 400px } } .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 300px } @media screen and (min-width:335px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 310px } } @media screen and (min-width:360px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 330px } } @media screen and (min-width:375px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 355px } } @media screen and (min-width:450px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 420px } } @media screen and (min-width:575px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 545px } } @media screen and (min-width:767px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 737px } } @media screen and (min-width:992px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 962px } } @media screen and (min-width:1200px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 1170px } } @media screen and (min-width:1400px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 1370px } } @media screen and (min-width:1600px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 1570px } } @media screen and (min-width:1760px) { .header .owl-dots, .header .owl-nav, .header>.container, .header__socials { max-width: 1730px } } .header>.container { position: relative; z-index: 1; pointer-events: none } .header__hamburger { position: absolute; right: 830px; top: 70px; width: 60px; height: 60px; overflow: hidden; margin: -18px 0 0 -35px; z-index: 100; right: 25px } .header__hamburger:hover { cursor: pointer } @media screen and (min-width:375px) { .header__hamburger { right: 50px } } @media screen and (min-width:575px) { .header__hamburger { right: 695px; top: 60px } } @media screen and (min-width:767px) { .header__hamburger { right: 600px } } @media screen and (min-width:992px) { .header__hamburger { display: none } } .header__hamburger span { position: absolute; top: 50%; left: 50%; background-color: #fff; width: 42px; height: 3px; border-radius: 5px; margin: -2px 0 0 -21px; transition: all .6s cubic-bezier(.87, -.41, .19, 1.44) } .header__hamburger span:after, .header__hamburger span:before { content: ""; position: absolute; background: #fff; width: 42px; height: 3px; left: 50%; top: 50%; margin-left: -21px; border-radius: 5px; transition: .6s cubic-bezier(.87, -.41, .19, 1.44) } .header__hamburger span:before { margin-top: -13px } .header__hamburger span:after { margin-top: 9px } .header__hamburger svg { transform: translateZ(0) scaleY(-1) } .header__hamburger svg circle { fill: none; stroke: #fff; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 205; stroke-dashoffset: 205; transition: all .5s cubic-bezier(.87, 0, .19, 1) .25s } .header__hamburger.activated svg circle { stroke-dashoffset: 0 } .header__hamburger.activated span { background-color: transparent } .header__hamburger.activated span:before { transform: translate3d(0, 11px, 0) rotate(-45deg) } .header__hamburger.activated span:after { transform: translate3d(0, -12px, 0) rotate(45deg) } .header__mobile_nav { position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 99; background: rgba(0, 0, 0, .92); height: 100vh; overflow: auto; opacity: 0; transform: translateX(-200%); transition: all .6s cubic-bezier(.87, -.41, .19, 1.44), transform 0s ease .6s } @media screen and (min-width:992px) { .header__mobile_nav { display: none } } .header__mobile_nav ul { padding: 0; margin: 140px 0 25px } .header__mobile_nav ul li { margin: 0 0 10px; opacity: 0; transform: translateX(-200%); transition: transform 0s ease .6s, opacity .6s } .header__mobile_nav ul li, .header__mobile_nav ul li a { width: 100%; height: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .header__mobile_nav ul li a { font-size: 23px; color: #fff; text-decoration: none; transition: .15s; background-color: transparent } .header__mobile_nav ul li.current_page_item a, .header__mobile_nav ul li a:hover { background-color: hsla(0, 0%, 100%, .1) } .header__mobile_nav__contact_tel a { display: block; margin: 20px auto 35px; font-size: 25px; color: #fff; text-decoration: none; text-align: center; opacity: 0; font-weight: 500; transition: opacity .6s cubic-bezier(.5, -.41, .19, 1.35) } .header__mobile_nav.activated { opacity: 1; transform: translateX(0); transition: all .6s cubic-bezier(.87, -.41, .19, 1.44), transform 0s } .header__mobile_nav.activated .header__mobile_nav__contact_tel a { opacity: 1; transition: opacity .6s cubic-bezier(.5, -.41, .19, 1.35) 1.4s } .header__mobile_nav.activated ul li { opacity: 1; transform: translateX(0) } .header__mobile_nav.activated ul li, .header__mobile_nav.activated ul li:first-of-type { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) } .header__mobile_nav.activated ul li:nth-of-type(2) { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) .2s } .header__mobile_nav.activated ul li:nth-of-type(3) { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) .4s } .header__mobile_nav.activated ul li:nth-of-type(4) { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) .6s } .header__mobile_nav.activated ul li:nth-of-type(5) { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) .8s } .header__mobile_nav.activated ul li:nth-of-type(6) { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) 1s } .header__mobile_nav.activated ul li:nth-of-type(7) { transition: transform .7s cubic-bezier(.5, -.41, .19, 1.35) 1.2s } .header__slider { position: absolute !important; left: 0; width: 100%; top: 0 } .header__slider .container { position: relative } .header__slider__item { height: 960px !important; background-size: 100% auto !important; background-position: 80% 0 !important } @media screen and (max-width:992px) { .header__slider__item { height: 775px !important; background-position: 0 !important; background-size: auto 100% !important } } @media screen and (max-width:575px) { .header__slider__item { height: 725px !important } } @media screen and (max-width:475px) { .header__slider__item { height: 590px !important } } @media screen and (max-width:335px) { .header__slider__item { height: 568px !important } } .header__slider .owl-nav { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; left: 0; right: 0; margin: 0 auto; top: 48%; z-index: 5 } @media screen and (max-width:992px) { .header__slider .owl-nav { top: 69% } } @media screen and (max-width:575px) { .header__slider .owl-nav { display: none } } .header__slider .owl-nav .owl-next, .header__slider .owl-nav .owl-prev { color: hsla(0, 0%, 100%, .6) !important; font-size: 142px !important; line-height: 0 !important; transition: .15s } @media screen and (max-width:992px) { .header__slider .owl-nav .owl-next, .header__slider .owl-nav .owl-prev { font-size: 110px !important } } .header__slider .owl-nav .owl-next:focus, .header__slider .owl-nav .owl-prev:focus { outline: none } .header__slider .owl-nav .owl-next:hover, .header__slider .owl-nav .owl-prev:hover { opacity: .7 } .header__slider .owl-nav .owl-prev:hover { transform: translateX(-10px) } .header__slider .owl-nav .owl-next:hover { transform: translateX(10px) } .header__slider .owl-dots { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; width: 100%; left: 0; right: 0; margin: 0 auto; bottom: 97px; z-index: 5; transform: translateX(-19px) } @media screen and (max-width:1760px) { .header__slider .owl-dots { transform: translateX(5px) } } .header__slider .owl-dots .owl-dot { position: relative; width: 26.51px; top: 47px; transition: .15s } .header__slider .owl-dots .owl-dot:after { height: 48px; width: 2px; opacity: .49; background-color: #fff; top: 26px; left: 0; right: 0; margin: 0 auto } .header__slider .owl-dots .owl-dot span { font-size: 14px; line-height: 16px; font-weight: 300; position: relative; display: block; opacity: .49; color: #fff; transform: rotate(-90deg); transition: .15s } .header__slider .owl-dots .owl-dot:hover:after, .header__slider .owl-dots .owl-dot:hover span { opacity: 1 } @media screen and (max-width:475px) { .header__slider .owl-dots .owl-dot { top: 75px } } .header__slider .owl-dots .owl-dot.active { top: 0 } @media screen and (max-width:475px) { .header__slider .owl-dots .owl-dot.active { top: 40px } } .header__slider .owl-dots .owl-dot.active span { opacity: 1; font-size: 20px; line-height: 24px; font-weight: 500 } .header__slider .owl-dots .owl-dot.active:after { height: 90px; opacity: 1; top: 32px } .header__slider .owl-dots .owl-dot:focus { outline: none } .header__banner { height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1; background-position: 50% !important; background-size: cover !important } .header__logo { position: relative; top: 25px; left: -2px; pointer-events: all } .header__logo img { max-width: 100% } @media screen and (max-width:767px) { .header__logo img { max-width: 125px } } .header__nav { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; left: 6px; width: 100%; margin-top: 55px; pointer-events: all } @media screen and (max-width:992px) { .header__nav { display: none } } .header__nav__menu { width: 100% } @media screen and (max-width:1600px) { .header__nav__menu { width: 80% } } .header__nav__menu ul { list-style: none; padding: 0 45px 0 0; margin: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .header__nav__menu ul li { display: inline-block; position: relative; margin: 0 20px } @media screen and (max-width:1200px) { .header__nav__menu ul li { margin: 0 15px } } .header__nav__menu ul li a { color: #fff; font-size: 18px; line-height: 21px; font-weight: 500; text-decoration: none; position: relative; left: 0; transition: .15s } @media screen and (max-width:1200px) { .header__nav__menu ul li a { font-size: 15px; line-height: 18px } } .header__nav__menu ul li:after { width: 0; background-color: #fff; height: 2px; opacity: 0; transition: .15s; left: -21px; top: 7px } @media screen and (max-width:1200px) { .header__nav__menu ul li:after { left: -15px } } .header__nav__menu ul li.current-menu-item:after, .header__nav__menu ul li:hover:after { width: 17px; opacity: 1 } @media screen and (max-width:1200px) { .header__nav__menu ul li.current-menu-item:after, .header__nav__menu ul li:hover:after { width: 11px } } .header__nav__menu ul li.current-menu-item a, .header__nav__menu ul li:hover a { text-decoration: none; left: 2px } .header__nav__contact_tel { width: 16.5% } @media screen and (max-width:1600px) { .header__nav__contact_tel { width: 20% } } .header__nav__contact_tel a { margin: 0; position: relative; color: #fff; line-height: 21px; font-weight: 500; font-size: 20px; text-align: right; text-decoration: none !important; display: block } @media screen and (max-width:1200px) { .header__nav__contact_tel a { font-size: 17px } } .header__nav__contact_tel a:before { left: -2px; top: -6px; background: #fff; width: 2px; height: 30px } .header__page_info { margin: 130px 0 0 } @media screen and (max-width:1600px) { .header__page_info { margin: 130px 0 0 } } @media screen and (max-width:767px) { .header__page_info { margin: 70px 0 0 } } @media screen and (max-width:475px) { .header__page_info { margin: 40px 0 0 } } .header__page_info span { font-size: 16px; line-height: 19px; color: #fff; position: relative; width: 100%; padding-left: 125px; margin-bottom: 7px; display: block } @media screen and (max-width:767px) { .header__page_info span { padding-left: 85px; font-size: 15px } } @media screen and (max-width:575px) { .header__page_info span { padding-left: 85px; font-size: 13px } } @media screen and (max-width:475px) { .header__page_info span { padding-left: 7px } } @media screen and (max-width:375px) { .header__page_info span { display: none } } .header__page_info span:after { width: 111px; height: 2px; background-color: #fff; left: 5px; top: 10px } @media screen and (max-width:767px) { .header__page_info span:after { width: 65px } } @media screen and (max-width:475px) { .header__page_info span:after { display: none } } .header__page_info h1 { font-size: 79px; line-height: 83px; color: #fff; font-family: Abril Fatface; letter-spacing: 2.7px; position: relative; font-weight: 500; left: 6px; margin: 0 } @media screen and (max-width:1200px) { .header__page_info h1 { font-size: 68px; line-height: 65px } } @media screen and (max-width:767px) { .header__page_info h1 { font-size: 54px; line-height: 52px } } @media screen and (max-width:575px) { .header__page_info h1 { font-size: 46px; line-height: 41px } } @media screen and (max-width:475px) { .header__page_info h1 { font-size: 40px; line-height: 37px } } @media screen and (max-width:375px) { .header__page_info h1 { font-size: 34px; line-height: 30px } } @media screen and (max-width:335px) { .header__page_info h1 { font-size: 33px } } .header__page_info p { color: #fff; max-width: 494px; line-height: 28px; font-size: 19px; margin: 12px 0 0 7px } @media screen and (max-width:1200px) { .header__page_info p { line-height: 25px; font-size: 17px } } @media screen and (max-width:767px) { .header__page_info p { line-height: 22px; font-size: 15px } } @media screen and (max-width:575px) { .header__page_info p { line-height: 20px; font-size: 14px } } @media screen and (max-width:475px) { .header__page_info p { line-height: 16px; font-size: 13px } } @media screen and (max-width:375px) { .header__page_info p { line-height: 14.5px; font-size: 12px } } .header__page_info a { margin: 33px 0 0 7px; pointer-events: all } @media screen and (max-width:767px) { .header__page_info a { margin: 23px 0 0 7px } } @media screen and (max-width:475px) { .header__page_info a { margin: 15px 0 0 7px } } .header__page_breadcrumbs { margin: 155px 0 0 } @media screen and (max-width:992px) { .header__page_breadcrumbs { margin: 100px 0 0 } } .header__page_breadcrumbs h1 { font-size: 84px; line-height: 83px; font-family: Abril Fatface; margin: 0; color: #fff; font-weight: 500 } @media screen and (max-width:767px) { .header__page_breadcrumbs h1 { font-size: 80px; line-height: 79px } } @media screen and (max-width:575px) { .header__page_breadcrumbs h1 { font-size: 72px; line-height: 72px } } @media screen and (max-width:450px) { .header__page_breadcrumbs h1 { font-size: 60px; line-height: 60px } } @media screen and (max-width:350px) { .header__page_breadcrumbs h1 { font-size: 53px; line-height: 53px } } .header__page_breadcrumbs span { color: #fff; font-size: 16px; line-height: 19px; margin: 0; position: relative; width: 100%; padding-left: 125px; margin-bottom: 7px; display: block } @media screen and (max-width:767px) { .header__page_breadcrumbs span { padding-left: 85px; font-size: 15px } } @media screen and (max-width:575px) { .header__page_breadcrumbs span { padding-left: 85px; font-size: 13px } } @media screen and (max-width:475px) { .header__page_breadcrumbs span { padding-left: 7px } } .header__page_breadcrumbs span a { color: inherit; font-size: inherit; text-decoration: none; transition: .15s } .header__page_breadcrumbs span a:hover { text-decoration: none; opacity: .7 } .header__page_breadcrumbs span:after { width: 111px; height: 2px; background-color: #fff; left: 5px; top: 10px } @media screen and (max-width:767px) { .header__page_breadcrumbs span:after { width: 65px } } @media screen and (max-width:475px) { .header__page_breadcrumbs span:after { display: none } } .header__socials { display: -ms-flexbox; display: flex; height: 24px; width: 100%; margin: 0 auto; left: 0; right: 0; position: absolute; z-index: 1; -ms-flex-pack: end; justify-content: flex-end; pointer-events: none; bottom: 50px } @media screen and (max-width:475px) { .header__socials { bottom: 20px } } .header__socials__item { margin: 0 18px; pointer-events: all; background-size: 100% 100% !important; transition: all .6s cubic-bezier(.87, -.41, .19, 1.44) } @media screen and (max-width:575px) { .header__socials__item { margin: 0 13px } } @media screen and (max-width:475px) { .header__socials__item { margin: 0 5px; transform: scale(.8) } } .header__socials__item:hover { transform: rotate(1turn) } .header__socials__item#trip { background: url(assets/images/tripadvisor-logotype.svg); height: 18px; width: 30px } .header__socials__item#fb { background: url(assets/images/facebook-logo.svg); height: 24px; width: 14px } .header__socials__item#insta { background: url(assets/images/instagram-logo.svg); height: 22px; width: 23px } .header__scroll_btn { pointer-events: all; animation-name: scrollbtn; animation-iteration-count: infinite; animation-duration: .65s; animation-direction: alternate; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; width: 63px; height: 60px; clear: both; z-index: 1 } @keyframes scrollbtn { 0% { transform: translateY(0) } to { transform: translateY(8px) } } .header__scroll_btn:hover { cursor: pointer } .header__scroll_btn span:after, .header__scroll_btn span:before { width: 4px; background: #fff; height: 35px; top: 0; border-radius: 5px } .header__scroll_btn span:before { left: 18px; transform: rotate(-45deg) } .header__scroll_btn span:after { right: 18px; transform: rotate(45deg) } .footer__top { background: url(assets/images/pattern_footer.jpg); height: 310px; background-size: 100% auto !important; background-position: 50% !important; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row } @media screen and (max-width:992px) { .footer__top { height: 360px } } @media screen and (max-width:575px) { .footer__top { height: auto; padding: 15px 0 5px } } .footer__top__logo { width: 24%; display: block; float: left; height: 150px; border-right: 2px solid #d8d8d8 } @media screen and (max-width:1200px) { .footer__top__logo { height: 175px } } @media screen and (max-width:992px) { .footer__top__logo { width: 100%; border: none; height: 155px; margin-bottom: 25px } } @media screen and (min-width:1201px) { .footer__top__logo { margin-top: 23px } } .footer__top__logo a img { max-width: 90% } @media screen and (max-width:992px) { .footer__top__logo a img { display: block; margin: 0 auto } } .footer__top__text { width: 41%; display: block; float: left; height: 150px; border-right: 2px solid #d8d8d8; padding: 17px 40px } @media screen and (max-width:1200px) { .footer__top__text { height: 175px } } @media screen and (max-width:992px) { .footer__top__text { width: 50%; height: auto; padding: 15px } } @media screen and (max-width:575px) { .footer__top__text { width: 100%; height: auto; border: none; padding: 10px } } @media screen and (min-width:1201px) { .footer__top__text { margin-top: 23px } } .footer__top__text p { line-height: 28px; font-size: 15px; color: #fff } @media screen and (max-width:1200px) { .footer__top__text p { font-size: 16px; line-height: 22px } } @media screen and (max-width:992px) { .footer__top__text p { margin: 0 } } @media screen and (max-width:575px) { .footer__top__text p { text-align: center; font-size: 13px; line-height: 20px } } .footer__top__contact { width: 35%; display: block; float: left; height: 150px; padding: 10px 38px } @media screen and (max-width:1200px) { .footer__top__contact { height: 175px } } @media screen and (max-width:992px) { .footer__top__contact { width: 50%; height: auto } } @media screen and (max-width:575px) { .footer__top__contact { width: 100%; height: auto } } @media screen and (min-width:1201px) { .footer__top__contact { margin-top: 23px } } .footer__top__contact p { margin: 0; color: #fff; line-height: 28px } @media screen and (max-width:575px) { .footer__top__contact p { text-align: center } } .footer__top__contact>p { color: #fff; font-weight: 700; font-size: 16px } .footer__top__contact>div p { font-size: 15px } @media screen and (max-width:1200px) { .footer__top__contact>div p { font-size: 13px; line-height: 20px } } .footer__top__contact>div p br { display: contents } .footer__top__contact>div p a { color: inherit; text-decoration: none; font-size: inherit; transition: .15s } .footer__top__contact>div p a:hover { text-decoration: none; opacity: .7 } .footer__top__map { width: calc(100% + 30px) } @media screen and (max-width:992px) { .footer__top__map { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 360px; width: calc(100% + 45px) } } @media screen and (max-width:767px) { .footer__top__map { display: none } } .footer__top__map div { background: hsla(0, 0%, 100%, .5); display: block; position: relative; height: 195px; left: -25px; width: 100% } .footer__bottom { height: 70px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center } .footer__bottom .col-md-6 p { color: #000; font-size: 14px; line-height: 16px; margin: 0 } @media screen and (max-width:992px) { .footer__bottom .col-md-6 p { font-size: 12px } } @media screen and (max-width:767px) { .footer__bottom .col-md-6 p { text-align: center; margin: 3px 0 } } .footer__bottom .col-md-6 p a { color: inherit; font-size: inherit; transition: .15s; text-decoration: none } .footer__bottom .col-md-6 p a:hover { color: inherit; text-decoration: none; opacity: .7 } @media screen and (min-width:768px) { .footer__bottom .col-md-6:last-of-type p { text-align: right } } #front-page .about { background: url(assets/images/o_nas_tlo.png); background-position: 0 !important; background-size: auto !important; background-repeat: no-repeat !important; height: 960px; position: relative; overflow: hidden } @media screen and (max-width:767px) { #front-page .about { height: 951px } } #front-page .about:before { border: 2px solid #595959; height: 675px; width: 1398px; top: 130px; left: 305px } @media screen and (max-width:767px) { #front-page .about:before { display: none } } #front-page .about:after { z-index: 1; background: url(assets/images/bed_png_home.png); width: 1035px; height: 967px; right: 44px; top: -1px; background-size: 100% 100% !important } @media screen and (max-width:1200px) { #front-page .about:after { right: -25px } } @media screen and (max-width:992px) { #front-page .about:after { right: -50px; top: 191px } } @media screen and (max-width:767px) { #front-page .about:after { left: 0; top: 255px; right: 0; margin: 0 auto } } @media screen and (min-width:1920px) { #front-page .about:after { width: 53%; right: 0 } } @media screen and (min-width:2300px) { #front-page .about:after { height: 1022px; top: 0 } } #front-page .about__left { margin-top: 56px } #front-page .about__left img { position: relative; left: -33px } @media screen and (max-width:992px) { #front-page .about__left img { width: calc(190% + 30px); margin-left: 5%; left: 0 } } @media screen and (max-width:767px) { #front-page .about__left img { display: none } } #front-page .about__left__text { position: relative; height: 290px; display: -ms-flexbox; display: flex; z-index: 3; -ms-flex-align: center; align-items: center } #front-page .about__left__text p { max-width: 423px; height: auto; display: block; margin: 0 } #front-page .about__left__text:before { width: 2000px; height: 100%; z-index: -1; background-color: #d8d8d8; box-shadow: inset 0 1px 46px -48px rgba(0, 0, 0, .5), 24px 10px 32px -15px rgba(0, 0, 0, .29); right: 10px; top: -7px } @media screen and (max-width:992px) { #front-page .about__left__text:before { right: -10px } } @media screen and (max-width:767px) { #front-page .about__left__text:before { width: 1000px; right: -250px } } #front-page .about__right__text { position: relative; z-index: 2; margin: 135px 0 0 } @media screen and (max-width:992px) { #front-page .about__right__text { margin: 300px 0 0 } } @media screen and (max-width:767px) { #front-page .about__right__text { margin: 50px 0 0; max-width: 100% } } #front-page .about__right__text p { color: #fff; max-width: 500px; height: auto; display: block; margin: 0 0 35px } #front-page .offer { min-height: 1110px; background-color: #f3f3f3; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100% } @media screen and (max-width:1400px) { #front-page .offer { min-height: auto } } #front-page .offer .section_title+p { text-align: center; display: block; max-width: 736px; margin: 0 auto } #front-page .offer__offers { margin-top: 73px; position: relative; -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox; display: flex; margin: 50px auto; max-width: 1762px } @media screen and (max-width:1777px) { #front-page .offer__offers { max-width: 1570px } } @media screen and (max-width:1600px) { #front-page .offer__offers { max-width: 1370px } } @media screen and (max-width:1400px) { #front-page .offer__offers { max-width: 1170px } } @media screen and (max-width:1200px) { #front-page .offer__offers { max-width: 975px } } @media screen and (max-width:992px) { #front-page .offer__offers { max-width: 737px; display: block } } @media screen and (max-width:767px) { #front-page .offer__offers { max-width: 545px } } @media screen and (max-width:575px) { #front-page .offer__offers { max-width: 445px } } @media screen and (max-width:475px) { #front-page .offer__offers { max-width: 360px } } @media screen and (max-width:390px) { #front-page .offer__offers { max-width: 300px } } #front-page .offer__offers__block { display: block; width: 100%; margin: 0 15px 50px; min-height: 610px } @media screen and (min-width:992px) { #front-page .offer__offers__block:nth-of-type(2n) { margin-top: 110px } } @media screen and (min-width:992px) and (max-width:1600px) { #front-page .offer__offers__block:nth-of-type(2n) { margin-top: 70px } } @media screen and (max-width:1400px) { #front-page .offer__offers__block { min-height: auto } } @media screen and (max-width:992px) { #front-page .offer__offers__block { width: 46%; float: left; margin: 25px 2% } } @media screen and (max-width:575px) { #front-page .offer__offers__block { width: 96% } } #front-page .offer__offers__block__title { font-size: 24px; font-weight: 500; line-height: 24px; color: #053d14; height: 24px; margin: 23px 0 16px } #front-page .offer__offers__block__img { width: 100%; height: 487px; box-shadow: 0 13px 11px 0 rgba(0, 0, 0, .34) } #front-page .offer__offers__block__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media screen and (max-width:1600px) { #front-page .offer__offers__block__img { height: 394px } } @media screen and (max-width:1400px) { #front-page .offer__offers__block__img { height: 308px } } @media screen and (max-width:575px) { #front-page .offer__offers__block__img { height: 260px; } } #front-page .offer__offers__block__desc { font-size: 18px; line-height: 28px; margin: 21px 0 0 } #front-page .gallery { background-color: rgba(5, 61, 20, .5); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100% } #front-page .gallery .section_title { color: #fff; margin: 77px 0 14px; font-weight: 500 } #front-page .gallery .section_title+p { color: #fff; max-width: 670px; margin: 0 auto; display: block; text-align: center } #front-page .gallery__rows { margin: 79px 0 96px } #front-page .gallery__rows__row { margin-bottom: 20px } @media screen and (min-width:390px) { #front-page .gallery__rows__row:first-of-type .owl-stage-outer { padding-left: 300px } #front-page .gallery__rows__row:nth-of-type(2) .owl-stage-outer { padding-left: 150px } } #front-page .gallery__rows__row__block { display: block } #front-page .gallery__rows__row__block div { height: 347px; opacity: .66; } #front-page .gallery__rows__row__block div img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media screen and (max-width:565px) { #front-page .gallery__rows__row__block div { height: 220px } } @media screen and (max-width:475px) { #front-page .gallery__rows__row__block div { height: 200px } } @media screen and (max-width:390px) { #front-page .gallery__rows__row__block div { height: 180px; } } #front-page .opinions { padding: 15px 0; min-height: 958px; background: url(assets/images/tlo_testimonials.png); background-size: cover !important; background-position: top !important } #front-page .opinions .section_title { margin: 68px 0 10px !important } #front-page .opinions .section_title+p { max-width: 745px; text-align: center; margin: 0 auto 15px } #front-page .opinions__carousel { margin-top: 20px; height: 635px; padding-top: 15px; position: relative } @media screen and (max-width:767px) { #front-page .opinions__carousel { height: 550px } } #front-page .opinions__carousel__opinion { background-color: hsla(0, 0%, 95%, .5); min-height: 478px; box-shadow: 0 0 9px 4px rgba(0, 0, 0, .12); padding: 20.5px 65px 25px } @media screen and (max-width:1200px) { #front-page .opinions__carousel__opinion { padding: 20.5px 45px 25px } } @media screen and (max-width:992px) { #front-page .opinions__carousel__opinion { padding: 20.5px 65px 25px } } @media screen and (max-width:767px) { #front-page .opinions__carousel__opinion { min-height: auto; max-width: 400px; margin: 0 auto } } @media screen and (max-width:375px) { #front-page .opinions__carousel__opinion { padding: 20.5px 45px 25px } } #front-page .opinions__carousel__opinion img { height: 100px; width: 100px; border-radius: 100%; overflow: hidden; display: block; margin: 0 auto } #front-page .opinions__carousel__opinion p { text-align: center; color: #000; display: block } #front-page .opinions__carousel__opinion p:first-of-type { font-size: 15px; line-height: 28px; min-height: 221.06px } @media screen and (max-width:1200px) { #front-page .opinions__carousel__opinion p:first-of-type { font-size: 13px; line-height: 23px; min-height: 220px } } @media screen and (max-width:767px) { #front-page .opinions__carousel__opinion p:first-of-type { min-height: 150px } } #front-page .opinions__carousel__opinion p:nth-of-type(2) { font-size: 22px; line-height: 28px; font-weight: 700; margin: 35px 0 0 } #front-page .opinions__carousel__opinion p:nth-of-type(3) { color: #0f2e18; font-size: 16px; line-height: 18px; margin: 2px 0 0 } #front-page .opinions__carousel .owl-stage-outer { overflow: unset } #front-page .opinions__carousel .owl-item { transition: all .3s; top: 0; position: relative } @media screen and (max-width:992px) { #front-page .opinions__carousel .owl-item { top: 50px } } #front-page .opinions__carousel .owl-item:not(.active) { opacity: 0 } @media screen and (min-width:993px) { #front-page .opinions__carousel .owl-item:not(.active) { top: -50px } } @media screen and (min-width:993px) { #front-page .opinions__carousel .owl-item:first-of-type.active+.owl-item.active, #front-page .opinions__carousel .owl-item:not(.active)+.owl-item.active+.owl-item.active { top: 74px } } #front-page .opinions__carousel .owl-dots { position: absolute; width: 100%; bottom: 15px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } #front-page .opinions__carousel .owl-dots .owl-dot { background-color: #f0f0f0; width: 10px; height: 10px; border-radius: 100%; display: inline-block; margin: 0 2.5px; transition: .3s } #front-page .opinions__carousel .owl-dots .owl-dot span { display: none } #front-page .opinions__carousel .owl-dots .owl-dot.active, #front-page .opinions__carousel .owl-dots .owl-dot:hover { background-color: #063b14 } #front-page .opinions__carousel .owl-dots .owl-dot:hover { opacity: .8 } #front-page .opinions__carousel .owl-dots .owl-dot:focus { outline: none } .default_page { min-height: 500px; padding: 50px 0 25px } .default_page a, .default_page div, .default_page input:not([type=checkbox]), .default_page li, .default_page p, .default_page span, .default_page td, .default_page textarea { font-size: 18px; line-height: 28px; text-decoration: none; transition: .15s } @media screen and (max-width:375px) { .default_page a, .default_page div, .default_page input:not([type=checkbox]), .default_page li, .default_page p, .default_page span, .default_page td, .default_page textarea { font-size: 16px; line-height: 25px } } .default_page input:not([type=checkbox]), .default_page textarea { padding: 10px } .default_page a:hover { opacity: .7 } .default_page h2 { font-size: 34px; line-height: 36px; margin: 10px 0 15px; color: #000 } @media screen and (max-width:450px) { .default_page h2 { font-size: 31px; line-height: 32px } } @media screen and (max-width:375px) { .default_page h2 { font-size: 25px; line-height: 29px } } .default_page h3 { font-size: 30px; line-height: 32px; margin: 10px 0 15px; color: #000 } @media screen and (max-width:450px) { .default_page h3 { font-size: 27px; line-height: 28px } } @media screen and (max-width:375px) { .default_page h3 { font-size: 24px; line-height: 28px } } .default_page h4 { font-size: 24px; line-height: 26px; margin: 10px 0 15px; color: #000 } @media screen and (max-width:450px) { .default_page h4 { font-size: 19px; line-height: 21px } } @media screen and (max-width:375px) { .default_page h4 { font-size: 18px; line-height: 21px } } .default_page img { max-width: 100%; height: auto } #o-nas { padding: 0 0 40px } #o-nas .o-nas__top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 375px; background: url(assets/images/o_nas_header_copy.jpg); background-position: 50% !important; background-size: cover !important } #o-nas .o-nas__top h2 { text-align: center; margin: 0 0 18px } #o-nas .o-nas__top p { max-width: 736px; text-align: center; display: block; margin: 0 auto } #o-nas .gallery, #o-nas .green_text_block { margin-top: 62px } #o-nas .green_text_block { padding: 140px 30px; position: relative; width: calc(100% - 10px); height: calc(100% - 62px); display: block; background-color: #0a3616 } @media screen and (max-width:1200px) { #o-nas .green_text_block { padding: 20px } } @media screen and (max-width:992px) { #o-nas .green_text_block { width: 100% } } #o-nas .green_text_block h2, #o-nas .green_text_block p { color: #fff } #o-nas .gallery__bottom { margin: 32px 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:992px) { #o-nas .gallery__bottom { display: block } } #o-nas .gallery__bottom img { max-width: 46% } #o-nas .gallery__bottom img:last-of-type { margin-left: 8% } @media screen and (max-width:992px) { #o-nas .gallery__bottom img { width: 46%; float: left } } #o-nas .green_banner { background: url(assets/images/o_tlo.png); background-position: 50% !important; background-size: cover !important; height: 740px; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px } #o-nas .green_banner h2 { color: #fff; max-width: 430px; text-align: center; line-height: 40px; display: block; margin: 0 auto 30px } #o-nas .green_banner p { max-width: 736px; color: #fff; text-align: center; display: block; margin: 0 auto } #o-nas .green_banner a { position: relative; left: 50%; transform: translateX(-50%); margin-top: 60px } #o-nas .arguments { padding: 75px 0 20px } #o-nas .arguments h2 { text-align: center; width: 100% } #o-nas .arguments p { max-width: 736px; text-align: center; display: block; margin: 0 auto } #o-nas .arguments__blocks { margin: 146px 0 0; padding: 0 25px } #o-nas .arguments__blocks__block { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; height: 317px; margin-bottom: 41px } @media screen and (max-width:992px) { #o-nas .arguments__blocks__block { height: auto; -ms-flex-direction: column; flex-direction: column } } #o-nas .arguments__blocks__block__left { width: 100%; padding-right: 60px } @media screen and (max-width:992px) { #o-nas .arguments__blocks__block__left { padding: 0 } } #o-nas .arguments__blocks__block__left h2, #o-nas .arguments__blocks__block__left h4 { text-align: right; display: block; width: 100% } @media screen and (max-width:992px) { #o-nas .arguments__blocks__block__left h2, #o-nas .arguments__blocks__block__left h4 { text-align: center } } #o-nas .arguments__blocks__block__right { padding-left: 70px; width: 100% } @media screen and (max-width:992px) { #o-nas .arguments__blocks__block__right { padding: 0 0 15px } } #o-nas .arguments__blocks__block__right p { text-align: left; display: block; width: 100% } @media screen and (max-width:992px) { #o-nas .arguments__blocks__block__right p { text-align: center } } #o-nas .arguments__blocks__block__img { width: 89%; height: 100%; background-position: 50% !important; background-size: cover !important } @media screen and (max-width:992px) { #o-nas .arguments__blocks__block__img { -ms-flex-order: 3; order: 3; min-height: 350px; width: 100% } } @media screen and (max-width:375px) { #o-nas .arguments__blocks__block__img { min-height: 200px } } #o-nas .arguments .btn { margin: 17px 0 0; position: relative; left: 50%; transform: translateX(-50%) } #page-kontakt { padding-bottom: 0 } #page-kontakt .contact__info { margin: 31px 22px 0 0; min-height: 423px; border-right: 1px solid #0a3516; border-radius: 1px; height: 100% } @media screen and (max-width:1200px) { #page-kontakt .contact__info { margin: 31px 0 0 } } @media screen and (max-width:992px) { #page-kontakt .contact__info { margin: 31px 0 15px; border: none } } #page-kontakt .contact__info>a { color: #0a3616; font-weight: 500; font-size: 56px; line-height: 62px; text-decoration: none; transition: .15s; margin: 67px 0 75px; display: block } #page-kontakt .contact__info>a:hover { text-decoration: none; opacity: .8 } @media screen and (max-width:475px) { #page-kontakt .contact__info>a { font-size: 36px; text-align: center; line-height: 38px; margin: 40px 0 } } #page-kontakt .contact__info .contact__info__cols { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0 0 } @media screen and (max-width:475px) { #page-kontakt .contact__info .contact__info__cols { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center } } #page-kontakt .contact__info .contact__info__cols div { width: 100% } #page-kontakt .contact__info .contact__info__cols div i { height: 36px; background-position: 50% !important; background-size: cover !important; display: block; margin-bottom: 25px } @media screen and (max-width:475px) { #page-kontakt .contact__info .contact__info__cols div i { margin: 0 auto 15px !important } } #page-kontakt .contact__info .contact__info__cols div.name i { background: url(assets/images/icon1.svg); width: 48px; margin-left: -3px } #page-kontakt .contact__info .contact__info__cols div.localozation i { background: url(assets/images/icon2.svg); width: 44px; height: 37px } #page-kontakt .contact__info .contact__info__cols div.info i { background: url(assets/images/icon3.svg); width: 44px; margin-left: -3px } #page-kontakt .contact__info .contact__info__cols div div { line-height: 30px } @media screen and (max-width:1200px) { #page-kontakt .contact__info .contact__info__cols div div { font-size: 15px } } @media screen and (max-width:475px) { #page-kontakt .contact__info .contact__info__cols div div { font-size: 16px; text-align: center; line-height: 18px; margin-bottom: 20px } } #page-kontakt .contact__info .contact__info__cols div div a { color: inherit; font-size: inherit; text-decoration: none; transition: .15s } #page-kontakt .contact__info .contact__info__cols div div a:hover { text-decoration: none; opacity: .75 } #page-kontakt form { margin: 28px 0 0; min-width: 466px } @media screen and (max-width:1200px) { #page-kontakt form { min-width: 375px } } @media screen and (max-width:575px) { #page-kontakt form { min-width: auto } } #page-kontakt form h2 { margin-bottom: 26px } #page-kontakt form input:not([type=checkbox]), #page-kontakt form textarea { background-color: #f5f5f5; border: none !important; outline: none !important; transition: .15s } #page-kontakt form input:not([type=checkbox]):focus, #page-kontakt form textarea:focus { border: 1px solid #a3a3a3 !important } #page-kontakt form input:not([type=checkbox]) { height: 47px; max-width: 220px } @media screen and (max-width:1200px) { #page-kontakt form input:not([type=checkbox]) { max-width: 185px } } @media screen and (max-width:992px) { #page-kontakt form input:not([type=checkbox]) { max-width: 300px } } @media screen and (max-width:767px) { #page-kontakt form input:not([type=checkbox]) { max-width: 245px } } @media screen and (max-width:575px) { #page-kontakt form input:not([type=checkbox]) { max-width: 100% } } #page-kontakt form textarea { height: 132px !important; width: 100% !important } #page-kontakt form .form-input { margin-top: 22px } #page-kontakt form .form-input--two { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100% } @media screen and (max-width:575px) { #page-kontakt form .form-input--two { display: block } #page-kontakt form .form-input--two input { margin-top: 15px } } #page-kontakt form span.small { color: #000; font-size: 12px; line-height: 12px; display: block; margin: -10px 0 0 } #page-kontakt form .wpcf7-acceptance { display: none } #page-kontakt form label.checkbox { font-size: 12px; color: #000; display: block } @media screen and (max-width:350px) { #page-kontakt form label.checkbox { font-size: 11px } } #page-kontakt form label.checkbox a { color: inherit; font-size: inherit; text-decoration: underline; transition: .15s } #page-kontakt form label.checkbox a:hover { opacity: .75 } #page-kontakt form label.checkbox+br { display: none } #page-kontakt form label.checkbox input { height: 15px; width: 15px; background: none; border: none; position: relative; border-radius: 100% } #page-kontakt form label.checkbox input:after, #page-kontakt form label.checkbox input:before { border-radius: 100% } #page-kontakt form label.checkbox input:before { height: 15px; width: 15px; border: 1px solid #0a3616; background-color: #fff; left: 0; top: 0 } #page-kontakt form label.checkbox input:after { height: 7px; width: 7px; background-color: #0a3616; left: 4px; top: 4px; opacity: 0; transition: .1s } #page-kontakt form label.checkbox input:checked:after { opacity: 1 } #page-kontakt form span.wpcf7-not-valid-tip { font-size: 11px; color: #0a3816; display: block; height: 11px; margin: -6px 0 -11px } #page-kontakt form .wpcf7-response-output { border: 1px solid #0a3816; padding: 6px; font-size: 13px; line-height: 15px; margin: 10px 0 0 } #page-kontakt form .check-and-send { position: relative; left: -7px; top: -7px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:1200px) { #page-kontakt form .check-and-send { display: block } } #page-kontakt #contant_map { height: 722px; width: 100%; background: rgba(10, 53, 22, .5); display: block; margin: 65px 0 0; position: relative; left: -100%; min-width: 2513px } @media screen and (max-width:1200px) { #page-kontakt #contant_map { min-width: 1300px; left: -150px } } @media screen and (max-width:992px) { #page-kontakt #contant_map { height: 600px } } @media screen and (max-width:767px) { #page-kontakt #contant_map { height: 500px } } @media screen and (max-width:575px) { #page-kontakt #contant_map { height: 400px } } @media screen and (max-width:450px) { #page-kontakt #contant_map { height: 300px } }