:root {
	--bg-btn: #26866B;
	--color-btn: white;
	--color-nadpis: #4D4C4C;
	--color-text: #4C4C4C;
	--color-input: #14513D;
}
.text-format-wrapper .filter-wrapper {
  display: none;
}
body h1.user-name {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}
span.fw-900 {
    font-weight: 900;
}
span.fw-700 {
    font-weight: 700;
}
body .navbar-default .navbar-brand, body .navbar-default .navbar-brand:hover, body .navbar-default .navbar-brand:focus {
	color: var(--color-nadpis);
	text-decoration: none;
}
.paragraph--type--foto-galerie.pocet-1 img.img-responsive {
    width: auto;
}
.paragraph--type--ikonka.text-inline {
    display: flex;
    flex-wrap: wrap;
}
.paragraph--type--ikonka.text-inline .field--name-field-ikonka {
    padding-right: 20px;
	width: 50px;	
}
.paragraph--type--ikonka.text-inline .field--name-field-text-po-strane {
    width: calc(100% - 50px);
}
.view-id-paticka.view-display-id-block_1 .field--name-field-media-image {
    padding-bottom: 30px;
}

.navbar-default .navbar-nav > li > a {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    color: #4C4C4C;
    letter-spacing: -0.5px;
}
.col {
    padding: 0 15px;
}

.field.field--name-field-text h2:first-child, .field.field--name-field-text h3:first-child, .field.field--name-field-text h4:first-child, .field.field--name-field-text h5:first-child {
    margin-top: 0;
}
.field.field--name-field-text ul, .ck-editor ul {
    padding: 0;
    margin: 0 0 18px;
}
.field.field--name-field-text ul li, .ck-editor ul li {
    list-style: none;
    padding-bottom: 12px;
	padding-left: 32px;
	position: relative;
}
.field.field--name-field-text ul li:not(.ck):before, .ck-editor ul li:not(.ck):before {
    content: "";
    background-image: url(/themes/contrib/aeto/images/checking-mark.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 0;
	top: 4px;
	filter: invert(43%) sepia(93%) saturate(648%) hue-rotate(156deg) brightness(92%) contrast(75%);
}
strong.extra-bold {
	font-weight: 900;
}

.main-container {
    padding: 0 15px;
}
html body {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    margin-top: 0;
    line-height: 1.7;    
    color: var(--color-text) !important;
}
body .label {
    color: var(--color-text) !important;
    padding: 0;
    font-size: 100%;
    line-height: 1.25rem;
}
footer.footer {
    margin: 0px 0 0;
    padding: 0;
    border: 0;
}
footer.footer > .container {
    padding: 0;
	max-width: 100%;
	width: 100%;
}
.text-white h1.page-header, body .text-white h1 {
    color: white;	
}
h1.page-header, body h1 {
    font-size: 40px;
	margin: 35px 0 30px;
    border: 0;
    color: var(--color-nadpis);
    font-weight: 900;
	line-height: 1.4;
}
body h2, body h3, body h4, body h5, body h6, .paragraph--type--nadpis .field--name-field-nadpis-h2 {
    font-weight: 900;
    margin: 35px 0 30px;
    color: var(--color-nadpis);
	line-height: 1.4;
}
body h4, body h5, body h6 {
    color: var(--color-text);	
}
body .text-white h2, body .text-white h3, body .text-white h4, body .text-white h5, body .text-white h6, .text-white .paragraph--type--nadpis .field--name-field-nadpis-h2, .text-white .field, .text-white .field a {
    color: white;
}
h2, .paragraph--type--nadpis .field--name-field-nadpis-h2 {
    font-size: 32px;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
body hr {
    margin: 40px 0;
    border-bottom: 2px solid #b5dae7;
}
.field.field--name-field-text h1:last-child, .field.field--name-field-text h2:last-child, .field.field--name-field-text h3:last-child, .field.field--name-field-text h4:last-child, .field.field--name-field-text h5:last-child, .field.field--name-field-text h6:last-child {
    margin-bottom: 0;
}
.field.field--name-field-text hr:last-child {
    margin-bottom: 10px;	
}
.text-center {
	text-align:center;
}
.scroll-menu {
    border: 1px solid #CED9D6;
}
.scroll-menu .container {
    display: flex;
    flex-wrap: wrap;
}
.scroll-menu a {
    display: block;
    padding: 20px 30px 10px;
    text-decoration: 0;
    border-bottom: 4px solid transparent;
    text-decoration-color: transparent !important;
}
.scroll-menu a.active {
    border-color: var(--color-nadpis);    
}

.paragraph--type--nadpis .field--name-field-nadpis-maly, .nadnadpis, .nadpis-stranky .field--name-field-maly-nadpis {
    font-size: 16px;
    padding-bottom: 0 !important;
	font-weight: 700;
}
p.nadnadpis + h1, p.nadnadpis + h2, p.nadnadpis + h3, p.nadnadpis + h4, p.nadnadpis + h5 {
    margin-top: -20px;
}
.nadpis-stranky .field--name-field-maly-nadpis + .region-nadpis-stranky h1 {
    margin-top: 10px;
}

a {
    transition: all .3s;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-color: inherit;
	color: #000000;
}
a:hover, a:focus {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
	color: #000000;
}


.field--name-field-odkaz-tlacitko > div {
    padding: 0 10px;
}
.field--name-field-odkaz-tlacitko {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.horizontal-center .field--name-field-odkaz-tlacitko {
    justify-content: center;
}
.field--name-field-odkaz-tlacitko > div:nth-child(even) a {
    background: white;
    color: var(--bg-btn);
}
.field--name-field-odkaz-tlacitko > div:nth-child(even) a:hover {
    background: var(--bg-btn) !important;
    color: white !important;
}

.wrap-btn .field--name-field-odkaz-tlacitko a, .btn, button.webform-button--submit {
    padding: 8px 25px;
    border: 1px solid gray;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
	border: 0;
	box-shadow: 0 0px 0px 1px var(--bg-btn);
	background: var(--bg-btn);
	color: var(--color-btn);
	margin-bottom: 15px;
	transition: all 0.3s;
    font-family: "Roboto", sans-serif;
}
.text-white .wrap-btn .field--name-field-odkaz-tlacitko a {
    background: #2292BA;
}
.text-white .wrap-btn .field--name-field-odkaz-tlacitko a:hover, .text-white .wrap-btn .field--name-field-odkaz-tlacitko a:focus, .text-white .wrap-btn .field--name-field-odkaz-tlacitko a:active {
    background: white;
}
.text-white .wrap-btn .field--name-field-odkaz-tlacitko a {
    background: #2292BA;
    box-shadow: 0 10px 20px hsl(0deg 0% 0% / 29%);
}
.wrap-btn .field--name-field-odkaz-tlacitko a:hover, .wrap-btn .field--name-field-odkaz-tlacitko a:focus, .wrap-btn .field--name-field-odkaz-tlacitko a:active, .btn:hover, .btn:focus, .btn:active, button.webform-button--submit:hover, button.webform-button--submit:focus, button.webform-button--submit:active {
	background: var(--color-btn) !important;
	color: var(--bg-btn) !important;
}
.field--name-field-obsah-stranky .field, .field--name-field-obsah-bloku .field, .paragraph--type--sekce-hlavicka .field {
    padding-bottom: 30px;
}
.field--name-field-obsah-stranky .field.field--name-field-views {
    padding-bottom: 0;
}
.f-carousel__slide .field {
    padding: 0;
}
.field--name-field-obsah-stranky .paragraph--type--nadpis .field {
    padding-bottom: 0;
}
.lpb-layout {
    padding: 20px 15px;
}

.navbar-default .navbar-nav > li > a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active-trail > a {
    text-decoration-color: inherit;
}
.field--name-field-ikonka .field.field--name-field-media-image {
    padding-bottom: 0 !important;
}
.paragraph--type--foto-galerie:last-child .flex-row .flex-col:last-child .field {
    padding-bottom: 0;
}
.container .row .container {
	padding-left: 0;
	padding-right: 0;
}
p {
    margin: 0 0 30px;
}
.logo.navbar-btn {
    margin: 25px 0;
}
.nav > li > a {
    text-decoration: underline;
    text-decoration-color: transparent;	
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: underline;
    text-decoration-color: inherit;	
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #000;
    text-decoration: none;
    background-color: #e7e7e7;
    outline: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: black;
    background-color: transparent;
}
.field--name-field-hlavicka-stranky .paragraph.section-full.has-set-full {
    padding: 0;	
}
.paragraph--type--sekce, .paragraph--type--sekce-hlavicka {
    padding: 40px 0 40px;
}
.field--name-field-obsah-stranky  {
	
}
.paragraph--type--sekce .paragraph--type--sekce {
    padding: 0;
}
.paragraph--type--odkaz.wrap-btn .field--name-field-odkaz .field--item a {
    padding: 9px 40px 9px;
    background: #f26b1c;
    color: white;
    font-size: 20px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 20px hsl(0deg 0% 0% / 16%);
    text-align: center;
    min-width: 210px;
    border: 1px solid #f26b1c;
}
.paragraph--type--odkaz.wrap-btn .field--name-field-odkaz .field--item a:hover, .paragraph--type--odkaz.wrap-btn .field--name-field-odkaz .field--item a:focus {
    color: #f26b1c;
    background: white;
}
.paragraph--type--odkaz.wrap-btn .field--name-field-odkaz .field--item:not(:last-child) a {
    margin-bottom: 15px;
}
.main-container > .row > section {
    padding: 0;
}
.row.row-cols {
    display: flex;
    flex-wrap: wrap;
}
.paragraph.paragraph--type--karta.obr-bg {
    height: 100%;
    background-position: center;
    background-size: cover;
}
.section-full > div > .row-cols {
    height: 100%;
    display: flex;
}

.vertical-center > div .row-cols > div > div > .paragraph.paragraph--type--karta.obr-bg {
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.vertical-bottom > div .row-cols > div > div > .paragraph.paragraph--type--karta.obr-bg {
    justify-content: end;
    display: flex;
    flex-direction: column;
}
.paragraph.paragraph--type--karta {
    overflow: hidden;
}
.paragraph.paragraph--type--karta.obr-bg .field, .paragraph.paragraph--type--karta.obr-bg a {
	color: white;
}
.paragraph.paragraph--type--karta.obr-bg .field {
    font-size: 22px;
}
.paragraph.paragraph--type--karta.obr-bg .field.field--name-field-nadpis-karta {
    font-size: 34px;
}
.paragraph.paragraph--type--karta.obr-bg {
    padding: 15px;
}
.field--name-field-nadpis-karta {
    font-size: 20px;
    font-weight: 700;
}
body p {
	margin: 0 0 30px;
}
body p:last-child {
	margin: 0 0 30px;
}
.vertical-center > div > .row {
    align-items: center;
}
.paragraph--type--karta .field {
    margin-bottom: 15px;
    padding-bottom: 0;
}
td.checkbox, th.checkbox {
    text-align: center;
    display: table-cell;
}
.region.region-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
nav#block-aeto-main-menu {
    float: none;
    margin-left: auto;
}
.paragraph.paragraph--type--karta.obr-bg .field.field-obrazek-karta {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 0;
}
.paragraph.paragraph--type--karta.obr-bg .field.field-obrazek-karta img {
    transition: all 0.8s ease-out;
    transform: scale(1.1);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.paragraph.paragraph--type--karta.obr-bg .field.field-obrazek-karta a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.paragraph.paragraph--type--karta.obr-bg:hover .field.field-obrazek-karta img {
    transform: scale(1);
}
.container-fluid {
	width: 100%;
}
.tabs-wrap {
    background: transparent;
}
.ui-widget-header {
    background: transparent;	
}
.field--name-field-obsah-stranky .field--item {
    /*
	overflow: hidden;
	*/
}
.field--name-field-obsah-stranky .field > p:last-child {
    margin-bottom: 0;
}
.paragraph--type--foto-galerie img.img-responsive {
    width: 100%;
}
body .pb-0 {
    padding-bottom: 0px !important;
}
body .pb-1 {
    padding-bottom: 10px !important;
}
body .pb-2 {
    padding-bottom: 20px !important;
}
body .pb-3 {
    padding-bottom: 30px !important;
}
body .pb-4 {
    padding-bottom: 40px !important;
}
body .pb-5 {
    padding-bottom: 50px !important;
}
body .pb-6 {
    padding-bottom: 60px !important;
}
body .pb-7 {
    padding-bottom: 70px !important;
}
body .pb-8 {
    padding-bottom: 80px !important;
}
body .pb-9 {
    padding-bottom: 90px !important;
}
body .pb-10 {
    padding-bottom: 100px !important;
}

body .pt-0 {
    padding-top: 0px !important;
}
body .pt-1 {
    padding-top: 10px !important;
}
body .pt-2 {
    padding-top: 20px !important;
}
body .pt-3 {
    padding-top: 30px !important;
}
body .pt-4 {
    padding-top: 40px !important;
}
body .pt-5 {
    padding-top: 50px !important;
}
body .pt-6 {
    padding-top: 60px !important;
}
body .pt-7 {
    padding-top: 70px !important;
}
body .pt-8 {
    padding-top: 80px !important;
}
body .pt-9 {
    padding-top: 90px !important;
}
body .pt-10 {
    padding-top: 100px !important;
}

body .pl-0 {
    padding-left: 0px !important;
}
body .pl-1 {
    padding-left: 10px !important;
}
body .pl-2 {
    padding-left: 20px !important;
}
body .pl-3 {
    padding-left: 30px !important;
}
body .pl-4 {
    padding-left: 40px !important;
}
body .pl-5 {
    padding-left: 50px !important;
}
body .pl-6 {
    padding-left: 60px !important;
}
body .pl-7 {
    padding-left: 70px !important;
}
body .pl-8 {
    padding-left: 80px !important;
}
body .pl-9 {
    padding-left: 90px !important;
}
body .pl-10 {
    padding-left: 100px !important;
}

body .pr-0 {
    padding-right: 0px !important;
}
body .pr-1 {
    padding-right: 10px !important;
}
body .pr-2 {
    padding-right: 20px !important;
}
body .pr-3 {
    padding-right: 30px !important;
}
body .pr-4 {
    padding-right: 40px !important;
}
body .pr-5 {
    padding-right: 50px !important;
}
body .pr-6 {
    padding-right: 60px !important;
}
body .pr-7 {
    padding-right: 70px !important;
}
body .pr-8 {
    padding-right: 80px !important;
}
body .pr-9 {
    padding-right: 90px !important;
}
body .pr-10 {
    padding-right: 100px !important;
}

body .row-space-8 > .container > .row {
	margin: 0 -8px !important;
}
body .row-space-8 > .container > .row > .col {
	padding: 0 8px !important;
}



ol.cisla-kolecko > li, ol.cisla-kolecko > li ol > li {
	list-style: none;	
}
ol.cisla-kolecko > li:before, ol.cisla-kolecko > li ol > li:before {
    content: counters(item, ".") " ";
    background: #2292BA;
    text-align: center;
    min-width: 30px;
    height: 30px;
    line-height: 36px;
    display: inline-block;
    color: white;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 900;
    border-radius: 100px;
    padding: 0 7px;
}
ol.cisla-kolecko > li ol > li:before {
    font-size: 16px;
}
ol.cisla-kolecko, ol.cisla-kolecko > li ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}
ol.cisla-kolecko > li, ol.cisla-kolecko > li ol > li {
	counter-increment: item;
}
ol.cisla-kolecko > li ol > li {
	margin: 0;
}
ol.cisla-kolecko > li, ol.cisla-kolecko > li ol > li {
    padding: 5px 0 5px 47px;
    position: relative;
}
ol.cisla-kolecko > li ol > li ol > li  {
    padding: 5px 0 5px 58px;
}

.form-input-anime .webform-submission-form .form-item:not(.form-type-checkbox) label {
    position: absolute;
    top: 13px;
    left: 30px;
	transition: 0.3s;
	
}
.form-input-anime .webform-submission-form .form-item:not(.form-type-checkbox).title-absolute label {
	top: -20px;
    left: 15px;
	font-size: 10px;
}
.form-input-anime .webform-submission-form > .form-item {
    margin: 8px 0 25px;
}
.webform-submission-form .form-type-tel .form-control {
    width: 100%;
}
.form-input-anime .webform-submission-form .form-item:not(.form-type-checkbox) {
	position: relative;
}
.form-center .paragraph--type--formular {
    box-shadow: 0 20px 40px hsl(0deg 0% 0% / 08%);
    background: white;
	
}
.form-center .webform-nadpis {
    text-align: center;
}
.form-center .webform-submission-form .form-actions {
    text-align: center;
}
.form-center .webform-submission-form .webform-button--submit {
    padding: 11px 20% 10px;
    font-weight: 700;
}
.form-center .webform-submission-form .form-item-souhlasim-gdpr {
    text-align: center;
}
.text-blue {
	color: #2292BA;
}
/*
.form-center 
.form-input-anime
*/
header#navbar {
    border: 0;
    background: transparent;
    border-radius: 0;
	margin: 0 auto;
    box-shadow: none;
}
div:not(.views-live-preview) > .flex-row-views .view-content, .flex-row, .paragraph--type--kam-dale-karty > .field--name-field-obsah {
    display: flex;
    flex-flow: wrap;
    margin: 0 -15px;
}
.views-preview-wrapper .flex-row-views .view-content .preview-section {
    display: flex;
    flex-flow: wrap;
    margin: 0 -15px;
}
.flex-col, .paragraph--type--kam-dale-karty > .field--name-field-obsah > div {
    width: 100%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.row-cols .flex-row {
    margin: 0 -15px;
}
.row-cols .flex-col {
    padding: 0 15px;
	margin-bottom: 30px;
}
.navbar-header {
    width: 100%;
}
.flex-row.flex-row-center {
    justify-content: center;
    text-align: center;
}
.caret {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    top: -2px;
    position: relative;
}
.js-lpb-region {
    min-height: 40px;
    cursor: default;
    box-sizing: border-box;
    position: relative;
}

.f-carousel .f-carousel__dots .f-carousel__dot {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.f-carousel .f-carousel__dots li button {
    margin: 0 3px;
    padding: 0;
    display: flex;
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.f-carousel .f-carousel__dots li.is-current button span {
    width: 24px;
    height: 24px;
    border: 2px solid;
    background: white;
}
.f-carousel .f-carousel__dots li button span {
    width: 12px;
    height: 12px;
    color: var(--bg-btn);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border: 6px solid;
    opacity: 1;
}
.f-carousel ul.f-carousel__dots {
	margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none;
}
.f-carousel .f-button svg {
    stroke: white;
}
.f-carousel .f-carousel__nav button {
    background: var(--bg-btn);
    border-radius: 100px;
    border: 2px solid white;
    transition: all 0.3s;
}
.f-carousel.has-dots {
    margin-bottom: 60px !important;
}
.accordion-wrap.ui-accordion .ui-accordion-header {
    margin: 0;
    background: white;
    color: var(--color-text);
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding: 15px 15px 13px 25px;
}
.accordion-wrap.ui-accordion .ui-accordion-content {
    padding: 32px 15px 30px 25px;
}
.ui-accordion .ui-accordion-header:before {
    content: "";
    width: 18px;
    height: 18px;
    border-bottom: 3px solid #266387;
    border-right: 3px solid #266387;
    display: block;
    z-index: 3;
    position: absolute;
    right: 16px;
    top: 18px;
    transform: rotate(135deg);
    transform-origin: center;
    transition: all 0.3s;
}
.ui-accordion .ui-accordion-header-active:before {
    transform: rotate(45deg);
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
	right: 20px;
    top: 12px;
}
.ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}
.styl-tabs .ui-tabs .ui-tabs-nav {
    border: 0;
    padding: 0;
    position: relative;
}
.styl-tabs .ui-tabs .ui-tabs-nav li {
    padding: 0;
    background: transparent;
    border: 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #266387 !important;
    color: white !important;
}

.ui-accordion-header-icon.ui-icon {
    display: none;
}
.styl-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 20px 30px;
    font-size: 18px;
}
.styl-tabs .ui-tabs .ui-tabs-panel {
    padding: 30px 0 0;
    position: relative;
}
.styl-tabs .ui-tabs:before {
    content: "";
    background: #f2f5f7;
    height: 100%;
    display: block;
    position: absolute;
    width: 100vw;
    right: 0;
    top: 0;
}
.styl-tabs .ui-tabs .ui-tabs-nav:before {
    content: "";
    position: absolute;
    background: white;
    position: absolute;
    right: 0;
    width: 100vw;
    height: 100%;
    border-bottom: 1px solid #266387;
}
.container {
	max-width: 100%;
}
.paragraph--type--sekce.horizontal-center img {
    margin: 0 auto;
}
.paragraph--type--sekce.horizontal-center {
    text-align: center;
}
.paragraph--type--sekce.horizontal-right img {
    margin: 0 0 0 auto;
}
.paragraph--type--sekce.horizontal-right {
    text-align: right;
}
.field--name-field-ikonka .field--name-field-media-image {
    width: 100%;
    max-height: 100px;
}
.field--name-field-ikonka img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
}
.field--name-field-counter {
    font-weight: 900;
    font-size: 22px;
    padding-bottom: 10px !important;
}
.paragraph.paragraph--type--karta.obr-bg .field--name-field-odkaz-karta a {
    background: transparent;
    border: 1px solid;
    display: inline-block;
    padding: 8px 30px 8px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}
.paragraph.paragraph--type--karta.obr-bg .field--name-field-odkaz-karta a:hover {
    background: #2292BA;
}
.paragraph.paragraph--type--karta.obr-bg {
    padding: 30px 15px;
}
span.scroll-bottom {
    background-image: url(/themes/contrib/aeto/images/scroll-down-black.png);
    content: "";
    display: block;
    width: 202px;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    height: 36px;
    cursor: pointer;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    background-size: contain;
    filter: invert(98%) sepia(23%) saturate(695%) hue-rotate(175deg) brightness(102%) contrast(97%);
}
span.scroll-bottom:before {
    content: "";
    width: 26px;
    height: 4px;
    border-radius: 10px;
    background: var(--color-nadpis);
    position: absolute;
    transform: rotate(20deg) translate(-50%, -50%);
    top: 50%;
    right: calc(50% - 14px);
    transform-origin: left center;
}
span.scroll-bottom:after {
    content: "";
    width: 26px;
    height: 4px;
    border-radius: 10px;
    background: var(--color-nadpis);
    position: absolute;
    transform: rotate(-20deg) translate(-50%, -50%);
    top: 50%;
    left: calc(50% + 12px);
    transform-origin: left center;
}
.media-library-edit__link {
    font-size: 0;
}
.paragraph--type--foto-galerie.image-action {
	max-width: 1100px;
}
body:not(.user-logged-in) header#navbar.fix-menu .navbar-header {
    position: fixed;
    top: 0;
    z-index: 10;
    background: white;
}
.scroll-menu.cloned {
    z-index: 9;
    background: white;
}
body.scrolled:not(.user-logged-in) header#navbar.fix-menu .navbar-header, .scroll-menu.cloned {
    box-shadow: 0 2px 4px hsl(0deg 0% 0% / 6%);
}
.region-highlighted .tabs {
    background: #bfffce;
    padding-top: 2px;
	margin-bottom: 30px;
}
span.inline-title {
    display: inline-block;
    min-width: 66px;
}

.form-admin-item {
    display: block;
    padding: 5px 10px;
    background: white;
    border-radius: 6px;
    border: 1px solid gray;
    margin-bottom: 15px;
    color: black;
}
.form-admin-btn {
    display: block;	
}
.form-admin-btn span {
	display: inline-block;
	padding: 5px 10px;
    background: white;
    border-radius: 6px;
    border: 1px solid gray;
    margin-bottom: 15px;
    color: black;
}
.field.form-title {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}

.field--name-field-paticka-webu .field--name-field-nezobrazovat-na-strance {
	display: block;	
	display: none;
}
.field--name-field-nezobrazovat-na-strance {
}
.webform-wrap {
    background: white;
    padding: 30px 30px 15px;
}
.webform-wrap .webform-nadpis {
    color: #1F1F1F;
    margin-bottom: 20px;
}
.page-node-9 .webform-wrap .webform-nadpis {
    text-transform: uppercase;
}
.webform-submission-form label {
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 400;
}
.webform-submission-form .form-control {
    border: 1px solid #14513D;
}
.webform-submission-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.webform-submission-form > .form-item, .webform-submission-form > .form-actions {
    width: 100%;
	padding: 0 15px;
}
body .webform-submission-form .form-required:after {
    content: "*";
    background: none;
    font-size: 22px;
    position: absolute;
    margin-left: 2px;
}
button.webform-button--submit {
    margin: 15px 0 0;
}
.webform-submission-form .form-control {
    color: black;
    height: 45px;
}
.webform-submission-form .webform-element--title-inline {
	display: flex;
	flex-wrap: wrap;
}
.webform-submission-form .webform-element--title-inline label {
    width: 120px;
}
.webform-submission-form .webform-element--title-inline > .form-control, .webform-submission-form .webform-element--title-inline > .form-textarea-wrapper, .webform-submission-form .webform-element--title-inline > .select-wrapper {
    width: calc(100% - 120px);
}
.col .flex-col.flex-col-1 {
	margin-bottom: 0px;
}
.col {
	margin-bottom: 30px;
}
.has-set-full .col {
    margin-bottom: 0;
}
.field--name-field-hlavicka-stranky .banner {
    margin-top: 30px;
    margin-bottom: 60px;
}
.banner .paragraph--type--sekce-hlavicka .field--name-field-text h1 {
    margin-top: 0;
}
.webform-submission-form .webform-element--title-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.webform-submission-konzultace-form {
    max-width: 450px;
    margin: 0 auto;
}
.styl-tabs .ui-tabs .ui-tabs-nav {
    display: flex;
    flex-wrap: wrap;
}
.form-item.radio label, .form-item.checkbox label {
    padding: 0;
}
.webform-submission-form .checkbox label.control-label input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    accent-color: #26866b;
    box-shadow: 1px 1px 0px #ffe5ce, -1px -1px 0px #ffe5ce, 1px -1px 0px #ffe5ce, -1px 1px 0px #ffe5ce;
    margin-top: 0px;
    transition: all 0.3s;
    left: 0;
    margin: 0 6px 0 0;
    position: relative;
    top: 4px;
}

.navbar-default .navbar-nav > li > a[data-drupal-link-system-path="node/14"] {
    background: var(--bg-btn) !important;
    color: white;
    border: 1px solid var(--bg-btn);
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a[data-drupal-link-system-path="node/14"]:hover {
    background: white !important;
    color: var(--bg-btn);    
}
.path-user .main-container {
    max-width: 1370px;
    margin: 0 auto;
    padding: 60px 15px 60px;
}
body.admin-path .paragraph--type--zobrazit-blok .field.field--name-field-blok {
    background: transparent;
}
body.admin-path .paragraph--type--zobrazit-blok .field.field--name-field-blok .flex-row-views .view-content {
    margin: 0;
}
nav#block-aeto-menuuzivatelskehouctu {
    order: 1;
}
.paragraph--type--zobrazit-blok > .field--name-field-blok, .paragraph--type--zobrazit-blok > .field--name-field-blok > .field--name-field-obsah-bloku {
	padding-bottom: 0;
}
.container-fluid > .row > .col > .wrap-col > .paragraph--type--zobrazit-blok {
    margin: 0 -15px;
}
.paragraph--type--sekce > .container-fluid > .row > .col.col-12 {
    margin-bottom: 0;
}

.wrap-prod-icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wrap-prod-icon .prod-icon img {
    max-width: 30px;
    max-height: 30px;
}
.wrap-prod-icon .prod-icon {
    width: 16.66666666%;
}
.prod-icon.not-active img {
    opacity: 0.2;
}
.prod-nadpis {
    font-weight: 900;
    color: #1F1F1F;
    text-align: left;
    margin-bottom: 20px;
}
article.produkt.teaser {
    background: white;
}
.prod-energeticky-stitek span {
    color: white;
    background: #268729;
    display: inline-block;
    padding: 9px 8px 4px 10px;
    margin: 0 0 0 -4px;
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 2px;
    position: relative;
    height: 28px;
    line-height: 1;
}
.prod-energeticky-stitek span:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #268729;
    position: absolute;
    left: 100%;
    top: 0px;
}
.prod-energeticky-stitek {
    text-align: left;
    position: relative;
    margin-top: -11px;
    margin-bottom: 10px;
}

.prod-text-wrap {
    padding: 0 33px 27px;
}
.field--name-field-media-video-file video {
    max-width: 100%;
    height: auto;
}
.field--name-field-media-video-file > .icon-video > a {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.padding-card > .paragraph--type--sekce .col-12 {
	margin-bottom: 0;
}
.padding-card > .paragraph--type--sekce .field {
	padding-bottom: 0;
}
.padding-card {
    padding: 25px 15px 0;
}
.row .col-12 {
	margin-bottom: 0;
}
.field-video-file a {
    display: block;
    position: relative;
}
.field-video-file a:hover:before, .field-video-file a:hover:after {
	transform: translate(-50%, -50%) rotateX(90deg);
	opacity: 0;
}
.field-video-file a:before {
    content: "";
	opacity: 1;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    background-image: url(/themes/contrib/aeto/images/video-play-icon.svg);
    width: 25%;
    height: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 132 / 94;
    z-index: 2;
	pointer-events: none;
	transition: all 0.6s;
}
.field-video-file a:after {
    content: "";
	opacity: 1;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    background-image: url(/themes/contrib/aeto/images/video-play-icon-triangle.svg);
    width: 25%;
    height: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 132 / 94;
    z-index: 2;
	pointer-events: none;
	transition: all 0.6s;	
}
.view-id-paticka.view-display-id-block_1 .field--name-field-ikonka {
    padding-bottom: 30px;
}
.paragraph--type--odkaz-tlacitko.wrap-btn-plus-tel {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.paragraph--type--odkaz-tlacitko.wrap-btn-plus-tel > .field, .paragraph--type--odkaz-tlacitko.wrap-btn-plus-tel > .block {
    padding: 0 30px 0 15px;
}
section#block-aeto-nebonamzavolejte a {
    font-size: 18px;
    color: var(--bg-btn);
	font-weight: 900;
}
section#block-aeto-nebonamzavolejte {
    font-size: 12px;
    padding: 2px 15px 0 15px;
}

a.odkaz-box {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.field--item.dokument:not(:last-child) {
    margin-bottom: 10px;
}
.field--item.dokument > a:hover {
    background: #91BE1F;
    color: white;
}
.field--item.dokument > a {
    display: block;
    position: relative;
    padding: 11px 60px 11px 18px;
    background: #F5FAFA;
    border-radius: 6px;
    width: max-content;
    min-width: 400px;
    text-decoration-color: transparent;
    font-weight: 600;
    color: #666666;
    width: 100%;
}
.field--item.dokument > a:before {
    content: "";
    position: absolute;
    background-image: url(/sites/default/files/icons/ke-stazeni-black.png);
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: contain;
    right: 18px;
    top: 12px;
	opacity: 0;
	transition: all 0.3s;
	filter: invert(100%);
}
.field--item.dokument > a:after {
    content: "";
    position: absolute;
    background-image: url(/sites/default/files/icons/ke-stazeni-black.png);
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: contain;
    right: 18px;
    top: 12px;
	opacity: 1;
	transition: all 0.3s;
	filter: invert(85%) sepia(29%) saturate(1248%) hue-rotate(22deg) brightness(84%) contrast(81%);
}
.field--item.dokument > a:hover:before {
	opacity: 1;
}
.field--item.dokument > a:hover:after {
	opacity: 0;
}
.field--item.dokument > a .file-velikost {
    display: none;	
}
.field--name-field-zobrazit-pro-motyli-dum > .field__items > .field__item:not(:last-child):after, .field--name-field-zobrazit-pro-motyli-dum > .field--items > .field--item:not(:last-child):after {
    content: ",";
    display: inline;
}
.field--name-field-zobrazit-pro-motyli-dum > .field__items > .field__item, .field--name-field-zobrazit-pro-motyli-dum > .field--items > .field--item {
    display: inline-block;
}
.highlight-sekce span {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #91be1f;
    color: black;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    background: #91be1f;
    color: white;
    border-radius: 4px;
}
.paragraph--type--sekce.highlight-sekce-active:before {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    bottom: -5px;
    right: -15px;
    left: -15px;
    border: 2px solid #91be1f;
    border-style: dashed;
    pointer-events: none;
}
.paragraph--type--sekce.highlight-sekce-active {
    position: relative;
}
.highlight-sekce {
    margin: 10px 0 0;
}

@media (min-width: 500px){
	.flex-col-6 {
		width: 50%;
	}
	.paragraph--type--kam-dale-karty > .field--name-field-obsah > div {
		width: 50%;
	}
}
@media (min-width: 768px){
	.flex-col-3, .flex-col-2, .flex-col-4, .flex-col-5 {
		width: 50%;
	}
	.webform-submission-form .webform-element--title-inline label {
		margin-bottom: 0;
	}
	.paragraph--type--kam-dale-karty > .field--name-field-obsah > div {
		width: 33.33333333%;
	}
}
@media (min-width: 992px){
	.flex-col-6 {
		width: 33.33333333%;		
	}
}
@media (min-width: 1200px){
	.flex-col-3, .flex-col-4, .flex-col-5 {
		width: 33.33333333%;
	}
	.paragraph--type--kam-dale-karty > .field--name-field-obsah > div {
		width: 25%;
	}
	nav#block-aeto-main-menu {
		float: right;
	}
	.dropdown:hover > .dropdown-menu {
		display: block;
	}
	.hamb-menu {
		display: none;
	}
	.obr-absolute > .container > .row.row-cols > .col:last-child > .wrap-col > .paragraph--type--foto-galerie {
		position: absolute;
	}
	.row.row-cols .col.col-lg-6:nth-child(even) {
		padding-left: 45px;
	}
	.row.row-cols .col.col-lg-6:nth-child(odd) {
		padding-right: 45px;
	}
	.navbar-default .navbar-nav > li > a[data-drupal-link-system-path="node/14"] {
		border-radius: 4px;
		padding: 10px 20px;
		margin: 4px 0 4px 5px;
	}
	.padding-card {
		padding: 40px 40px 10px;
	}
}
@media (min-width: 1400px){
	.flex-col-4 {
		width: 25%;
	}
	.flex-col-5 {
		width: 20%;
	}
	.paragraph--type--kam-dale-karty > .field--name-field-obsah > div {
		width: 20%;
	}
	.flex-col-6 {
		width: 16.66666666%;
	}
	body .container {
        width: 1370px;
    }
	body .navbar.container {
        max-width: 1340px;
    }
	.form-center .paragraph--type--formular {
		padding: 25px 40px;
	}
	.field--name-field-obsah-stranky > .field--item > .paragraph--type--sekce > .container > .row.row-cols > .col {
		padding: 0 30px;
	}
	.field--name-field-obsah-stranky > .field--item > .paragraph--type--sekce > .container > .row.row-cols {
		margin: 0 -30px;
	}
	.field--name-field-obsah-stranky > .field--item > .paragraph--type--sekce > .container > .row > .col > .wrap-col > .paragraph--type--zobrazit-blok > .field--name-field-blok > .field--name-field-obsah-bloku > .field--item > .paragraph--type--sekce > .container > .row.row-cols > .col {
		padding: 0 30px;
	}
	.field--name-field-obsah-stranky > .field--item > .paragraph--type--sekce > .container > .row > .col > .wrap-col > .paragraph--type--zobrazit-blok > .field--name-field-blok > .field--name-field-obsah-bloku > .field--item > .paragraph--type--sekce > .container > .row.row-cols {
		margin: 0 -30px -30px;
	}
	.field--name-field-hlavicka-stranky .paragraph--type--sekce-hlavicka.is-bg-section {
		padding-top: 80px;
	}
}
@media (min-width: 1600px){
	
}
@media (min-width: 1920px){
	
}

@media (max-width: 1919px){
	
}
@media (max-width: 1599px){
	
}
@media (max-width: 1399px){
	
}
@media (max-width: 1199px){
	.navbar.container {
		max-width: 100%;
	}
	.container {
		width: 100%;
	}
	nav#block-aeto-main-menu {
		clear: both;
		width: 100%;
		float: none;
		display: none;
	}
	.hamb-menu {
		padding: 15px 15px 15px 15px;
		cursor: pointer;
		float: right;
	}
	.hamb-menu span.icon-bar, .hamb-menu:before, .hamb-menu:after {
		display: block;
		width: 32px;
		height: 4px;
		background: black;
		content: "";
		margin: 6px 0;
		border-radius: 6px;
	}
	.logo.navbar-btn {
		margin: 8px 0;
	}
	.logo.navbar-btn img {
		width: auto;
		max-height: 50px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 16px;
		padding: 12px 15px;
	}
	#navbar.navbar-default .navbar-nav > li {
		float: none;
	}
	.caret {
		display: none !important;
	}
	.footer .paragraph--type--foto-galerie img.img-responsive {
		max-width: 150px;
		margin-left: -15px;
	}
    .logo.navbar-btn img {
        width: auto;
        max-height: 36px;
        margin: 6px 0 0 0;
    }
	body .navbar-nav {
		margin: 7.5px 0;
        float: none;
	}
	.navbar-default .navbar-nav > li > a[data-drupal-link-system-path="node/14"] {
		margin-left: 0;
	}
	.navbar-nav {
		float: none;
	}
	body .navbar .logo {
        padding-left: 15px;
    }
}
@media (max-width: 991px){
	.paragraph.paragraph--type--karta.obr-bg {
		padding: 30px 15px 50px;
	}
	.scroll-menu:not(.cloned) a {
        font-size: 16px;
        border-bottom: 0;
        font-weight: 700;
        background: var(--bg-btn);
        color: var(--color-btn);
        padding: 10px 2vw;
        margin: 5px 5px;
        flex: 1 1 auto;
        text-align: center;
        border-radius: 4px;
        min-height: calc(6vw + 20px);
        align-content: center;
        width: min-content;
        min-width: max-content;
    }
	.scroll-menu a {
        font-size: 16px;
        border-bottom: 0;
        font-weight: 400;
        padding: 10px 2vw;
        margin: 5px 5px;        
    }
	.scroll-menu:not(.cloned) .container {
		padding: 4px 5px;
	}
	.scroll-menu.cloned .container {
		flex-wrap: nowrap;
        padding: 0 0;
    }
	.scroll-menu.cloned {
		overflow-x: scroll;
        padding: 0 5px;
	}
	.scroll-menu.cloned a {
        white-space: nowrap;
        height: 45px;
        padding: 9px 10px;
        align-content: center;
        margin: 0;
    }
	::-webkit-scrollbar:horizontal {
		height: 0;
	}
	.scroll-menu.cloned a.active {
		color: var(--color-nadpis);
	}
	.col.col-md-6.col-with-img {
		order: 1;
	}
	p.nadnadpis ~ h1, p.nadnadpis ~ h2, p.nadnadpis ~ h3, p.nadnadpis ~ h4, p.nadnadpis ~ h5 {
		margin-top: -10px;
	}
	h1.page-header, body h1 {
		font-size: 30px;
	}
	body .pb-0 {
		padding-bottom: 0px !important;
	}
	body .pb-1 {
		padding-bottom: 5px !important;
	}
	body .pb-2 {
		padding-bottom: 10px !important;
	}
	body .pb-3 {
		padding-bottom: 15px !important;
	}
	body .pb-4 {
		padding-bottom: 20px !important;
	}
	body .pb-5 {
		padding-bottom: 25px !important;
	}
	body .pb-6 {
		padding-bottom: 30px !important;
	}
	body .pb-7 {
		padding-bottom: 35px !important;
	}
	body .pb-8 {
		padding-bottom: 40px !important;
	}
	body .pb-9 {
		padding-bottom: 45px !important;
	}
	body .pb-10 {
		padding-bottom: 50px !important;
	}
	
	body .pt-0 {
		padding-top: 0px !important;
	}
	body .pt-1 {
		padding-top: 5px !important;
	}
	body .pt-2 {
		padding-top: 10px !important;
	}
	body .pt-3 {
		padding-top: 15px !important;
	}
	body .pt-4 {
		padding-top: 20px !important;
	}
	body .pt-5 {
		padding-top: 25px !important;
	}
	body .pt-6 {
		padding-top: 30px !important;
	}
	body .pt-7 {
		padding-top: 35px !important;
	}
	body .pt-8 {
		padding-top: 40px !important;
	}
	body .pt-9 {
		padding-top: 45px !important;
	}
	body .pt-10 {
		padding-top: 50px !important;
	}
	
	body .pl-0 {
		padding-left: 0px !important;
	}
	body .pl-1 {
		padding-left: 5px !important;
	}
	body .pl-2 {
		padding-left: 10px !important;
	}
	body .pl-3 {
		padding-left: 15px !important;
	}
	body .pl-4 {
		padding-left: 20px !important;
	}
	body .pl-5 {
		padding-left: 25px !important;
	}
	body .pl-6 {
		padding-left: 30px !important;
	}
	body .pl-7 {
		padding-left: 35px !important;
	}
	body .pl-8 {
		padding-left: 40px !important;
	}
	body .pl-9 {
		padding-left: 45px !important;
	}
	body .pl-10 {
		padding-left: 50px !important;
	}
	
	body .pr-0 {
		padding-right: 0px !important;
	}
	body .pr-1 {
		padding-right: 5px !important;
	}
	body .pr-2 {
		padding-right: 10px !important;
	}
	body .pr-3 {
		padding-right: 15px !important;
	}
	body .pr-4 {
		padding-right: 20px !important;
	}
	body .pr-5 {
		padding-right: 25px !important;
	}
	body .pr-6 {
		padding-right: 30px !important;
	}
	body .pr-7 {
		padding-right: 35px !important;
	}
	body .pr-8 {
		padding-right: 40px !important;
	}
	body .pr-9 {
		padding-right: 45px !important;
	}
	body .pr-10 {
		padding-right: 50px !important;
	}
	
	
}
@media (max-width: 767px){
	
	.style-full-4-col .wrap-col {
		height: 100%;
		border-top: 4px solid white;
		min-height: 380px;
	}
	.paragraph.paragraph--type--karta.obr-bg {
		padding: 30px 15px 30px;
	}
	.row.row-cols > .col:last-child > .wrap-col .paragraph.paragraph--type--karta.obr-bg {
		padding: 30px 15px 35px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}
	.table-responsive {
		border: 0;
	}
	.paragraph.paragraph--type--karta.obr-bg .field.field--name-field-nadpis-karta {
		font-size: 26px;
	}
	.paragraph.paragraph--type--karta.obr-bg .field--name-field-odkaz-karta a {
		background: transparent;
		border: 1px solid;
		display: inline-block;
		padding: 10px 20px 4px;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}
	.paragraph--type--sekce, .paragraph--type--sekce-hlavicka {
		padding: 60px 0 60px;
	}
	
	.styl-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 11px 8px;
        font-size: 12px;
        font-weight: 700;
    }
	body p {
		margin: 0 0 20px;
	}
	.field--name-field-obsah-stranky .field {
		padding-bottom: 20px;
	}
	h1.page-header {
		font-size: 32px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}
	.row-cols .flex-col:last-child {
		margin-bottom: 0;
	}
	.col.col-md-6.col-with-img {
		order: 1;
	}
	.webform-submission-form .webform-element--title-inline label {
		width: 100%;
	}
	.webform-submission-form .webform-element--title-inline > .form-control, .webform-submission-form .webform-element--title-inline > .form-textarea-wrapper, .webform-submission-form .webform-element--title-inline > .select-wrapper {
		width: 100%;
	}
	.styl-tabs .ui-tabs .ui-tabs-panel {
		margin: 0 -15px;
	}
	.styl-tabs .ui-tabs:before {
		right: -15px;
		left: -15px;
	}
	.styl-tabs .ui-tabs .ui-tabs-nav {
		margin: 0 -15px;
		padding: 0 15px;
	}
}
@media (max-width: 550px){
	
}
@media (max-width: 400px){
	
}