article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display: block;}
mark, rp, rt, ruby, summary, time {display: inline;}

html {width: 100%; height: 100%; margin: 0;}
body {height: inherit; font-family: 'Dosis', sans-serif; font-size: 15px; color: #555; background-color: #d7f0e9;}

dl {padding: 0 0 20px 0;}
dt {float: left; padding: 0; text-align: right; border: 0;}
dd {padding: 0; margin: 0 0 0.1em 110px; border: 0;}
ul, ol {padding: 0;}
li {padding: 0; list-style-type: none;}
input {font-size: 100%; margin: 2px 0; padding: 5px 8px; border: 2px #eaeaea solid; border-radius: 7px; background-color: #fff; font-family: "Dosis";}
input.error {border: 1px dotted #d8291e;}
label.error {color: #238e4a; font-style: italic;}
textarea {width: 60%; font-size: 100%; margin: 2px 0 0 0; padding: 5px; border: 2px #eaeaea solid; border-radius: 7px; background-color: #fff; font-family: "Dosis";}
select {margin: 0 0 2px 0; font-size: 100%;}
legend {position: relative; margin: -15px 0; top: -.5em; right: 20px; font-size: 100%;}
fieldset {padding: 10px 30px 30px 30px; margin: 10px 0 20px; color: #333; }
sup {font-size: 12px;}
::selection {background: #477977; color: #fff;}

* {box-sizing: border-box;}

#page1 {letter-spacing: 1px;}

.main {line-height: 22px;} 

a {color: #555; outline: none;}
a:hover {color: #295982;}
strong {font-weight: 600;}
.col-1, .col-2 {float:left;}

.wrapper {width: 100%; overflow: hidden;}
.extra-wrap {overflow: hidden;}
 
p {margin-bottom:18px;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
h1 a {text-decoration: none;}	

header {position: relative; height: 90px; margin: 10px auto 0; padding: 0; background-color: #fff; box-shadow: 0 20px 10px rgba(55,55,55,0.1); z-index: 2;}
#logo {width: 1300px; position: relative; margin: 0 auto 0 50px;}
#logo p {width: 300px; padding: 20px 0 0; margin: 0 auto 0 0; overflow: hidden;}
#logo p a {position: relative; height: 48px; display: block; text-indent: -9999em; background: url(../UserFiles/Image/images/logo.png) no-repeat center left; background-size: 100%; z-index: 3000;}
 
.menu-row {position: -webkit-sticky; position: sticky; top: 0; padding: 0; margin: -35px 0 0; text-align: left; z-index: 1000;}
.menu {width: 100%; margin: 0 0 0 auto; padding: 10px 35px 0 0; overflow: hidden; text-align: right;}
.menu li {display: inline-block; margin: 0; padding: 0; list-style: none;}
.menu li a {display: inline-block; padding: 15px 30px 13px; margin: 0 5px; white-space: nowrap; font-size: 15px; font-weight: normal; color: #fff; background-color: #6fabd0; text-align: center; border-radius: 3px; text-decoration: none; cursor: pointer;}
.menu ul {width: 176px; top: -999em; position: absolute; list-style: none; margin: 0 0 0 5px; padding: 0 0 4px 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #6fabd0;}
.menu .menuesteticka ul {width: 209px;}
.menu ul .sipka {display: inline-block; float: right; width: 4px; height: 20px; background: url(../UserFiles/Image/images/menusipka.png) center center no-repeat;}
.menu li:hover ul, .menu li.sfHover ul {top: 55px;}
.menu ul a {width: 176px; white-space: nowrap; font-size: 15px; text-align: center; letter-spacing: 0; margin: 0; padding: 5px; text-transform: none; color: #fff;}
.menuesteticka ul a {width: 209px;}
.menu > li > a:hover {padding: 15px 30px 13px; margin: -3px 5px 0; color: #fff; background-color: #295982; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 200ms ease 50ms; -o-transition: all 200ms ease 50ms; transition: all 200ms ease 50ms;}
.menu li a.aktivni {color: #fff; background-color: #295982;}
.menu li ul a.aktivni {color: #fff; background-color: rgba(40,89,130,0.5);}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {position: relative; width: 176px; left: 0; padding: 5px;  border-radius: 0; color: #fff; background-color: #295982;}
#menu .menuesteticka:hover ul a:hover {width: 209px;}


.slicknav_menu {display:none;}
@media screen and (max-width: 40em) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
}

.is-sticky #sticker #logo p {display: none;}
.is-sticky #sticker #logo p a {}
.is-sticky #sticker #vlajky {display: none;}
.is-sticky #sticker .menu-row {height: 60px; margin: -40px 0 0 auto; padding: 0; background-color: #fff; box-shadow: 0 15px 20px rgba(200,200,200,0.1); z-index: 1000;}
.is-sticky #sticker .menu {padding: 5px 35px 0 0;}
.is-sticky .menu li a {display: inline-block; padding: 15px 30px 13px; margin: 0 5px;}
.is-sticky #sticker .menu ul {margin: 0 0 0 5px; background-color: #6fabd0;}
.is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 53px;}
.is-sticky #sticker .menu ul a {font-size: 15px; margin: 0; padding: 5px;}
.is-sticky #sticker #menu li:hover ul a:hover {left: 0;}

/*********************************content*************************************/

h1 {margin: 30px 0 25px 0; padding: 0; font-size: 40px; line-height: 45px; color: #295982; font-weight: 400;}
h2 {margin: 0 0 20px 0; padding: 0; font-size: 35px; line-height: 40px; color: #295982; font-weight: 300;}
h3 {margin: 25px 0 20px 0; padding: 0; font-size: 30px; line-height: 35px; color: #6fabd0; font-weight: 300;}
h4 {margin: 30px 0 10px 0; padding: 0; font-size: 20px; color: #555; font-weight: 400;}

#content {position: relative; margin: 0; padding: 70px 50px 50px; background-color: #fff; overflow: hidden; z-index: 1;}
#content ul, #content-modra ul, #content ol {margin: 0 0 20px;}
#content ul li, #content-modra ul li {margin: 0 0 0 50px; list-style-type: disc;}
#content ol li {margin: 0 0 0 50px; list-style-type: decimal;}
#content-foto {position: relative; margin: 0; padding: 0; background: #92c0d7 url(../UserFiles/Image/images/sipka-dolu.png) no-repeat center top; background-size: 100px 50px; overflow: hidden; z-index: 1;}
#content-nadpis {margin: 0; padding: 0 50px; text-align: center; background-color: #fff;}
#content-nadpis h1 {margin: 0; padding: 100px 0 30px; color: #477977;}
#content-modra {position: relative; margin: 0; padding: 70px 50px 50px; background-color: #92c0d7; overflow: hidden; z-index: 1;}
 
#content1 {position: relative; height: 550px; margin: 0; padding: 0; background: #fff url(../UserFiles/Image/slider/slider1.jpg) no-repeat left bottom; overflow: hidden; z-index: 1;}
#content2 {position: relative; margin: 0; padding: 0; background-color: #92c0d7; overflow: hidden; z-index: 1;}
#content2 h1 {margin: 30px 0 25px 0; padding: 0; font-size: 40px; line-height: 45px; color: #295982; font-weight: 400;}
#content3 {position: relative; margin: 0; padding: 0; background-color: #fff; overflow: hidden; z-index: 1;}
#content3 h2 {margin: 30px 0 25px 0; padding: 0; font-size: 40px; line-height: 45px; color: #295982; font-weight: 400;}
#contentinfo {position: relative; margin: 0; padding: 0; background-color: #d7f0e9; overflow: hidden; z-index: 1;}
#contentnovinky {position: relative; margin: 0; padding: 50px 0; background-color: #477977; overflow: hidden; z-index: 1;}

/****************************footer************************/
#paticka {position: relative; width: 100%; margin: 0; padding: 0 0 40px; font-size: 15px; text-align: center; color: #477977; background: #b0d5c7; z-index: 1;}
#paticka a {color: #477977; letter-spacing: 1px; text-decoration: none;}
#paticka a:hover {color: #fff; text-decoration: underline;}
#paticka a:hover img {filter: alpha (opacity=60); -moz-opacity:.60; opacity:.60; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
#paticka h2 {margin: 0 0 20px 0; padding: 0; font-size: 30px; line-height: 140%; text-transform: uppercase; color: #477977;}
#paticka h3 {margin: 0 0 10px 0; padding: 0; font-size: 20px; line-height: 140%; text-transform: uppercase; color: #477977;}
#paticka .piktogram0 {height: 50px;}
#paticka .piktogram0 .piktogram .material-symbols-outlined {color: #477977; font-size: 35px; font-weight: 500;}
#paticka .col-1-4 {padding: 100px 0 0 0; line-height: 30px; font-size: 20px; text-align: center;}
#paticka .col-1-4 h2 {margin: 0 0 30px 0;}
#paticka .col-1-4 strong {font-weight: 400;}
#paticka .col-2-4 {padding: 50px 20px 0; line-height: 30px; font-size: 15px; text-align: center;}
#paticka .col-2-4 a {text-decoration: underline;}
#paticka .col-2-4 p {line-height: 22px;}
#paticka .col-3-4 {text-align: center; padding: 100px 0 0 0;}

#paticka .tlacitko {position: relative; margin: 10px auto;}                                                                                                         1
#paticka .tlacitko li {float: left; line-height: 26px; list-style: none outside none;}
#paticka .tlacitko li a {display: inline-block; padding: 15px 30px 13px; text-align: center; font-size: 15px; text-transform: uppercase; border-radius: 3px; color: #477977; background-color: #fff; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none;}
#paticka .tlacitko li a:hover {color: #fff; background-color: #477977;}
#paticka .tlacitko span {font-size: 13px; font-weight: normal;}

footer {position: relative; width: 100%; padding: 10px 0 12px; margin: 0; color: #fff; letter-spacing: 1px; background-color: #477977;  box-shadow: 0 0 30px rgba(20,20,20,0.3); overflow: hidden; z-index: 300;}
footer a {color: #fff; letter-spacing: 1px; text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer span {font-weight: bold;}
.copyright {font-size: 11px; padding: 4px 0 0; text-align: right; color: #fff;}
.copyright a {color: #fff; text-decoration: none; font-size: 10px;}
.copyright a:hover {text-decoration: underline;}
.copyright .copyrightfirm {float: left; padding: 0; text-align: left;}
.copyright .copyrightcorp {float: right; padding: 0; text-align: right;}

/****************************moje************************/	
.noscreen {display: none;}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doleva {text-align: left;}
.doprava {text-align: right;}
.blok {text-align: justify;}
.foto {margin: 10px 10px 20px;}
.foto img {height: 400px; border-radius: 50%;}
.obrazek-vpravo {float: right; margin: 0 0 20px 20px;}
.obrazek-vpravo img {height: 400px; border-radius: 50%;}
.obrazek-vlevo {float: left; margin: 0 40px 20px 0px;}
.psacim {padding: 40px 0 20px; font-size: 35px; line-height: 40px; font-family: 'Allura'; color: #fc49ea;}
.cervena {color: #e70a57;}
.ikonka {margin: 7px 5px 0px 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.puntik {margin: 0 5px; color: #c5d199;}
.mapa {margin: 30px 0 0 0; border: 0; text-align: center; margin: 0;}
.mapagoogle {width: 100%; margin: 0; height: 400px; overflow: hidden;}
a:hover img {filter: alpha (opacity=80); -moz-opacity:.80; opacity:.80; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.piktogram {font-family: 'Material Symbols Outlined'; font-style: normal; font-size: 25px; color: #fff;}
.ramecek {padding: 0 6px 2px; border: 1px solid #e70a57; border-radius: 3px;}
.ramecekbily {padding: 0 6px 2px; border: 1px solid #fff; border-radius: 3px;}
.ramecekbilyinverze {padding: 0 6px 2px; color: #e70a57; background-color: #fff; border-radius: 3px; font-weight: bold;}
.ramecekcerveny {padding: 6px 6px; margin: 0 0 20px 0; border-radius: 3px; background-color: #e70a57; font-weight: bold;}

.rychlykontakt {position: relative; top: -30px; text-align: right; padding: 0 43px 0 0; color: #333; font-size: 13px;}
.rychlykontakt a {color: #333; text-decoration: none;}
.rychlykontakt a:hover {color: #333; text-decoration: underline;}
.rychlykontakt .iconka {font-family: 'Material Symbols Outlined'; font-size: 20px; color: #295982;}
.rychlykontakt span {margin: 0 3px 0 20px;}

.uvod1 .box:nth-child(1) {float: right; width: 40%; margin: 140px 27% 0 0; padding: 50px 5%;}
.uvod1 .box:nth-child(2) img {position: absolute; height: 400px; top: 90px; right: 50px; border-radius: 50%; z-index: -1;}
.uvod1 p {text-align: left; color: #477977; font-size: 25px; line-height: 35px;}
.uvod1 .tlacitko {position: relative; margin: 60px auto 10px 0;}
.uvod1 .tlacitko ul {margin: 20px 8px 10px 0;}
.uvod1 .tlacitko li {float: left; margin: 0 10px 0 0; line-height: 26px; list-style: none;}
.uvod1 .tlacitko li a {display: inline-block; padding: 15px 30px 14px; text-align: center; font-size: 15px; color: #fff; background-color: #477977; border-radius: 3px; cursor: pointer; text-decoration: none; animation-name: uvod1-anim1; animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay: 1s; -webkit-animation-delay: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.uvod1 .tlacitko li a:hover {color: #fff; background-color: #333; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.uvod1-anim2 {color: #477977; font-size: 16px; margin: 0; padding: 15px 0 0; animation-name: uvod1-anim2; animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

@-webkit-keyframes uvod1-anim1 {
  0%   {color: transparent; background-color: transparent;}
  100% {color: #fff; background-color: #477977;}
}
@keyframes uvod1-anim1 {
  0%   {color: transparent; background-color: transparent;}
  100% {color: #fff; background-color: #477977;}
}
@-webkit-keyframes uvod1-anim2 {
  0%   {color: transparent; background-color: transparent;}
  100% {color: #477977;}
}
@keyframes uvod1-anim2 {
  0%   {color: transparent; background-color: transparent;}
  100% {color: #477977;}
}

.uvod2 {width: 100%; margin: 0; padding: 0; line-height: 22px; background: url(../UserFiles/Image/images/foto-telo.png) top right no-repeat; overflow: hidden;}
.uvod2 .box {float: left; margin: 0; padding: 0;}
.uvod2 .box:nth-child(1) {float: left; width: 66%; height: 100%; margin: 50px 0 50px 50px; padding: 50px 5%; text-align: left; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0.9)); border-left: 3px dashed #92c0d7; border-bottom-right-radius: 130px;}
.uvod2 .box:nth-child(2) {float: right; height: 96%; margin: 1.5% 0 0 0; padding: 0 5%;}
.uvod2 .box h2 {margin: 30px 0 20px 0; line-height: 110%; color: #fff;}
#contentbox li, .uvod2 li {list-style-image: url(../UserFiles/Image/images/odrazka.png);}

.uvod3 {width: 100%; margin: 0; padding: 0; line-height: 22px; overflow: hidden;}
.uvod3 .box {float: left; margin: 0; padding: 0;}
.uvod3 .box li {margin: 0 0 0 20px; font-size: 20px; line-height: 30px;}
.uvod3 .box li a {text-decoration: none;}
.uvod3 .box li a:hover {text-decoration: underline;}
.uvod3 .box li:before {float: left; display: block; margin: 0 10px 0 0; content: '\e578'; font-family: 'Material Symbols Outlined'; font-size: 24px; color: #6fabd0; line-height: 30px; vertical-align: bottom;}
.uvod3 .box:nth-child(1) {float: right; width: 50%; height: 100%; margin: 50px 0; padding: 50px 5%; text-align: left;}
.uvod3 .box:nth-child(2) {float: left; width: 30%; height: 96%; margin: 40px 0 0 0; margin: 50px 5%; text-align: right;}
.uvod3 .box:nth-child(2) img {border-radius: 50%;}

.uvod4 {width: 98%; margin: 0 1%; text-align: center;}
.uvod4 h2 {width: 1300px; margin: 120px auto; padding: 50px 0 60px; font-size: 50px; line-height: 55px; color: #fff; border-radius: 7px; text-shadow: 0 0 10px rgba(0,0,0,0.7); background-color: rgba(255,255,255,0.2); }

.uvodinfo {width: 100%; margin: 0 auto; text-align: center; color: #477977;}
.uvodinfo a {color: #477977; text-decoration: none;}
.uvodinfo a:hover {color: #477977; text-decoration: underline;}
.uvodinfo h2 {color: #477977; font-size: 40px; line-height: 110%; text-transform: uppercase;}
.uvodinfo h2 .material-symbols-outlined {font-size: 30px;}
.uvodinfo h3 {margin: 5px 0 20px 0; color: #fff; font-size: 20px; font-weight: 500; line-height: 140%;}
.uvodinfo .box {float: left; width: 48%; min-height: 310px; margin: 0; padding: 50px 2% 30px;}
.uvodinfo .box:nth-child(1) {border-right: 3px dashed #fff; color: #fff; background-color: #6fabd0;}
.uvodinfo .box:nth-child(1) a {color: #fff; text-decoration: none;}
.uvodinfo .box:nth-child(1) a:hover {color: #fff; text-decoration: underline;}
.uvodinfo .box:nth-child(1) h2 {color: #fff;}
.uvodinfo .box:nth-child(1) .piktogram .material-symbols-outlined {color: #fff;}
.uvodblok {text-align: center; overflow: hidden;}
.uvodinfo .box:nth-child(1) .uvodblok {text-align: left;}
.uvodblok p {padding: 0 0 0 60px;}
.uvodblok .piktogram .material-symbols-outlined {float: left; margin: 5px 20px 40px 0; font-size: 40px; color: #477977;}
.uvodinfo .ramecekbilyinverze {padding: 5px 6px 7px; color: #e70a57; background-color: #fff; border-radius: 3px;}
.uvodinfo .box:nth-child(1) .ramecekbilyinverze a {color: #e70a57;}

.uvodnovinky {width: 85%; margin: 0 auto; text-align: center; color: #fff;}
.uvodnovinky a {color: #fff; text-decoration: none;}
.uvodnovinky a:hover {text-decoration: underline;}
.uvodnovinky h2 {color: #fff; font-size: 40px; text-transform: uppercase;}
.uvodnovinky h2 .material-symbols-outlined {font-size: 30px;}
.uvodnovinky h3 {color: #fff; font-size: 25px; font-weight: 500; line-height: 140%;}
.uvodnovinky p {font-size: 25px; line-height: 35px;}

#content-foto p {padding: 0; margin: 0; text-align: center;}
#content-foto .piktogram .material-symbols-outlined {color: #92c0d7; font-size: 35px; font-weight: 500;}
.tabulka0 h2 {margin: 40px 0 10px 0;}
.tabulka {padding: 0 0 10px; overflow-x: auto;}
#content table {width: 90%; margin: 0 auto; background-color: rgba(200,200,200,0.1); border-bottom: 2px solid #6fabd0; white-space: nowrap;}
#content th {padding: 10px 5px 1px; text-align: left; font-weight: 400; color: #6fabd0; text-transform: uppercase;}
#content tr {border-bottom: 1px solid #e2e2e2;}
#content td {padding: 2px 10px;}
#content td:nth-child(1) {width: 35%;}
#content td:nth-child(2) {width: 35%; font-style: italic;}
#content td:nth-child(3) {width: 10%;}
#content td:nth-child(4) {text-align: right; font-weight: 600;}
#content .piktogram3 .material-symbols-outlined {padding: 0 20px 0 0; color: #6fabd0; font-size: 30px; font-weight: 200;}

.onas .box0 {clear: both; width: 100%; margin: 0 auto; overflow: hidden;}
.onas .box {float: left; width: 45%; min-height: 320px; margin: 20px 2% 15px 0; padding: 20px 2%; background-color: rgba(200,200,200,0.1); border-left: 3px dashed #e2e2e2;}

.kontakt .box0 {clear: both; width: 50%; margin: 20px auto 0; overflow: hidden;}
.kontakt .box {float: left; width: 29%; margin: 0 2%;}
.kontakt .iconka {font-family: 'Material Symbols Outlined'; font-size: 30px; color: #295982;}

#content-modra .stredbox {float: left; height: auto; margin: 10px 0 30px 0; padding: 50px 5% 20px; text-align: left; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0.9)); border-left: 3px dashed #92c0d7; border-bottom-right-radius: 130px;}

.faq0 {margin: 0 0 50px; padding: 0 0 50px;}
.faq0:nth-child(1) {border-bottom: 1px solid #e2e2e2;}
.faq-foto {float: left; margin: 50px 100px 50px 0;}
.faq-foto img {height: 400px; border-radius: 50%;}
.faq {overflow: hidden;}

.reference0 {margin: 70px 50px 40px; overflow: hidden;}
.reference-box {float: left; width: 18%; margin: 0 1%; overflow: hidden;}
.ref-foto {float: none; height: 160px; text-align: center;}
.ref-foto img {width: auto; height: 150px; border: 10px solid rgba(255,255,255,.2); border-radius: 3px;}
.ref-text {height: 60px; color: #fff; text-align: center; font-style: italic;}


fieldset p {margin: 5px 0;}
#formular {width: 1300px; margin: 40px auto 0;}
#formular h2 {margin: 0 0 30px;}
.formularinfo {clear: both; margin: 40px 0 0; font-size: 15px;}
.labkontakt {width: 100%; padding: 10px 10px 0 0;}
.tlacitka {text-align: center; padding: 10px 0 0 0;}
.labzajem {padding-left: 10px;}
.gdpr {width: 60%; margin: 50px auto;}
.gdpr p {text-align: justify;}
#jmeno {width: 40%;}
#tel, #mail {width: 40%;}
#form-tlac {clear: both; width: 240px; padding: 0; text-align: center; margin: 10px auto 20px; overflow: hidden;}
#form-tlac input {float: left; width: 100px; padding: 10px 5px; margin: 2px 10px 20px 10px; border: 0; color: #fff; background-color: #a88db8; text-align: center; text-transform: uppercase; text-decoration: none; cursor: pointer;}
#form-tlac input:hover {color: #fff; background-color: #885f94; border: 0; text-decoration: none;-webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
#form-tlac input:disabled {background: silver; text-decoration: none;}