html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{letter-spacing:.5px;outline:none}.text-light,.text-light p{font-weight:300!important}footer .cx_custom_heading a{text-decoration:underline}footer,header{position:relative}header{padding-top:8px}footer:before,header:before{content:"";width:100%;left:0;position:absolute;top:0;height:8px;background:#333 url(../img/bg_yellow_black.svg);z-index:1}.clear:after{content:"";display:table;clear:both}.box_search .w-form input[type=text],.w-search input{background:#fff url(../img/search.svg) no-repeat right 9px center;-webkit-background-size:12px 12px;background-size:12px 12px;border:1px solid #EAEAEA;border-radius:0;color:#000;line-height:32px;height:32px;padding-left:7px}.w-search input{border:1px solid #EAEAEA!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-dropdown-current .w-dropdown-item:after{display:block;position:absolute;top:8px;right:3px;content:"";font-size:0;width:10px;height:8px;margin-top:0;cursor:pointer;background:url(../img/dropdown.svg) no-repeat center}.l-titlebar.size_medium .g-breadcrumbs{margin-top:0}.l-titlebar.size_medium .l-titlebar-h{padding:1.2rem 0 .9rem}.ush_socials_2{margin-left:2.3rem}.l-header .w-socials{margin-left:2.4rem}.w-socials-item-link[aria-label=YouTube]{margin-right:5px;height:32px;width:32px;background:url(../img/youtube_dark.svg) no-repeat center}.w-socials-item-link[aria-label=Facebook]{margin-right:5px;height:32px;width:32px;background:url(../img/facebook_dark.svg) no-repeat center}.w-socials-item-link[aria-label=Instagram]{margin-right:5px;height:32px;width:32px;background:url(../img/instagram_dark.svg) no-repeat center}.l-titlebar.color_alternate{background:#333 url(../img/breadcrumbs.png) no-repeat center;-webkit-background-size:cover;background-size:cover}.w-socials-item-link[aria-label=Facebook]:after,.w-socials-item-link[aria-label=YouTube]:after,.w-socials-item-link[aria-label=Instagram]:after{content:none!important}.w-socials-item.facebook .w-socials-item-link-hover{background:inherit}.w-socials-item-link[aria-label=YouTube] span,.w-socials-item-link[aria-label=Instagram] span{display:none}.l-titlebar-content,.g-breadcrumbs{display:block;width:100%;text-align:center}.g-breadcrumbs-separator:before{content:"/";color:#fff}.l-titlebar.size_medium h1{font-size:30px;line-height:36px;color:#fff;font-weight:300}.sidebar_left main{position:relative}.l-subheader-cell.at_left>*{margin-left:1.1rem}aside{position:relative}aside.l-sidebar{padding:41px 0 0}.sidebar_left aside:before{content:"";background:#eaeaea;right:0;top:41px;position:absolute;height:calc(100% - 49px);width:1px}.l-titlebar-h,.l-sidebar,.l-section-h,.l-section.width_full .cx_col-sm-12 .w-tabs-section-content-h{padding:41px 0}.g-breadcrumbs .g-breadcrumbs-item{font-size:14px;font-weight:300;line-height:16.8px;color:#fff}.l-subheader.at_bottom,.l-subheader.at_bottom .w-dropdown-list,.header_hor .l-subheader.at_bottom .type_mobile .w-nav-list.level_1{background:#fcef4c}.footer-social-icon a{margin-right:6px}footer .l-section-h.i-cf{padding:38px 0 28px}.footer-logo-block{width:193px;margin-bottom:10px}.footer-copy{padding-left:5px}li .w-nav-title{color:#000}h3.boxtitle{display:none}::not(aside) .now-pg:before{content:"";background:#000;height:1px;width:100%;position:absolute;bottom:0;left:0}div:not(.box) .now-pg .w-nav-title{font-weight:700}.w-search.layout_simple{height:auto}.box_meta ul li:before,.box_pages ul li:before{content:none}.pg-item-has-sub ul{position:relative;padding-bottom:10px}ul:not(.children)>.pg-item-has-sub>ul:before{content:"";height:1px;left:0;bottom:0;width:100%;position:absolute;background:#eaeaea}.pg-item-has-sub ul li:before{content:"+";font-size:16px;font-weight:300;line-height:18px;color:#333;position:absolute;left:0}.box_pages>ul>.pg-item>a{font-size:16px;line-height:19.2px;font-weight:700;text-transform:uppercase;position:relative;display:block;color:#333;padding-bottom:10px;padding-right:7px;padding-top:7px}.text-justify p{text-align:justify}.IconSet-arrow-right{position:relative}.IconSet-arrow-right:before{content:"";background:url(../img/list-arrow.svg) no-repeat;width:10px;height:10px;position:absolute;top:4px}.info-page-cropped{margin:30px 0}.info-page-cropped .w-gallery-item-img img{display:block;margin:0 auto;position:relative;object-fit:cover;width:170px;height:148px}.box_pages>ul>.pg-item>a:before{background:#333;content:"";height:1px;left:0;bottom:0;width:100%;position:absolute}.info-wrapper.ax-adjust-bottom-margin,.icon_list_wrap.ax-adjust-bottom-margin,.uavc-list-icon-wrapper.ax-adjust-bottom-margin,.ubtn-ctn-center,.ubtn-ctn-left,.ubtn-ctn-right,.ubtn-img-container,.ax-banner-block.ax-adjust-bottom-margin,.ax-modal-input-wrapper.ax-adjust-bottom-margin,.ax_dual_button.ax-adjust-bottom-margin,.ultb3-box.ax-adjust-bottom-margin,.ax-call-to-action.ax-adjust-bottom-margin,.ax-google-trends.ax-adjust-bottom-margin,.ax-map-wrapper.ax-adjust-bottom-margin,.uvc-type-wrap.ax-adjust-bottom-margin,html .ax-ih-container.ax-adjust-bottom-margin,html .ax_exp_section_layer.ax-adjust-bottom-margin,html .ax_hotspot_container.ax-adjust-bottom-margin,html .ax_main_cl.ax-adjust-bottom-margin,p{margin-bottom:30px}ul.children>.pg-item>a{font-size:16px;line-height:19.2px;font-weight:300;text-transform:uppercase;color:#333;text-decoration:underline}.contact-gallery .w-gallery-item{margin-right:12px}.footer-copy p{font-size:14px;line-height:22px;color:#fff9;font-weight:300;letter-spacing:.5px;margin-bottom:2px!important}.sahradyan{padding-left:4px}.sahradyan span{display:inline-block;vertical-align:middle;font-size:12px;line-height:22px;font-weight:300;color:#fff9}.sahradyan a{display:inline-block;vertical-align:middle}.sahradyan a img{display:block;width:78.5px}.footer-title{margin-bottom:13px}.footer-title h6{margin-bottom:0}.footer-contact p{font-size:14px;line-height:22px;font-weight:300;color:#fff}.footer-social-icon{margin-bottom:27px}.border-top-title{position:relative;display:inline-block;letter-spacing:1px;margin-bottom:12px}.border-top-title:before{position:absolute;content:"";width:100%;height:9px;background:#fcef4c;left:0;top:-38px}.statistic-item{text-align:center}.statistic-item__title{font-size:67px;line-height:80px;color:#fcef4c;font-weight:300;position:relative;padding-bottom:10px;margin-bottom:6px}.statistic-item__title:after{content:"";background:#fcef4c;width:36px;height:1px;display:block;margin:6px auto 0;position:relative}.border-top-title-section .l-section-h.i-cf{padding-top:38px;padding-bottom:68px}.l-body .ubtn{font-size:14px;line-height:16px;padding:10px 33px;text-transform:uppercase}.l-body .ubtn.ubtn-small{padding:10px 24px}.l-body .cx_col-sm-4 .registreeri-koolitusele>button.ubtn.ubtn-small{padding:10px 6px}.l-body .ubtn span{font-weight:700;letter-spacing:1px}.grey-triangle-section>.cx_column-inner{padding-left:100px!important}@media screen and (max-width:450px){.grey-triangle-section>.cx_column-inner{padding:15px!important}}.no-padding .l-section-h.i-cf,body #wonderplugincarousel-1 .amazingcarousel-list-container{padding:0}.eelised-list span{font-weight:300}.statistic-item__description{color:#fff;font-size:16px;line-height:22px;font-weight:300}.statistika-row{background-color:#333}.testi-item{position:relative;padding:0 10px;text-align:justify}.testi-item__description{font-size:15px;line-height:22px;font-weight:300;position:relative;padding-left:30px;color:#000}.testi-item__description:before{content:"";width:20px;height:16px;position:absolute;left:0;top:0;background:url(../img/quotes2.svg) no-repeat center}.testi-item__description:after{content:"";width:1px;height:calc(100% - 37px);position:absolute;left:9px;top:32px;background:#c6c6c6}.testi-item__agent{font-size:18px;line-height:36px;color:#000;font-weight:300;padding-left:11px}.tagasiside-row.border-top-title-section .l-section-h.i-cf{padding-bottom:23px}.grey-triangle-section:before{content:"";position:absolute;right:-1px;top:0;width:10%;height:100%;background:#333;-webkit-clip-path:polygon(100% 0,0% 100%,100% 100%);clip-path:polygon(100% 0,0% 100%,100% 100%)}.IconSet-plus:before{content:"+";font-weight:900;font-family:Roboto}.category-list .IconSet-plus:before{content:"+";font-weight:400;font-family:Roboto;color:#b7b7b7}.color-black{color:#000}.color-white{color:#fff}.no-padding-black-yellow .l-section-h.i-cf{padding:0}.cars-category-list .cx_col-sm-5 .cx_column-inner{padding:0!important}.cars-category-list .cx_col-sm-5 .cx_column-inner .w-image-h{text-align:center}.category-a{padding-top:20px}.category-a img{max-width:100%;height:67px}.category-b img{max-width:100%;height:63px}.category-b{padding-top:20px}.category-c img{max-width:100%;height:77px}.category-c{padding-top:15px}.category-bl img{max-width:100%;height:81px}.category-bl{padding-top:5px}.category-be img{max-width:100%;height:50px}.category-be{padding-top:35px}.category-ce img{max-width:100%;height:56px}.category-ce{padding-top:30px}.cars-category-list h6{padding:3px 20px!important;letter-spacing:.8px;display:inline-block!important;margin-bottom:3px!important}.cars-category-list li a{font-size:15px;line-height:22px;color:#333;text-decoration:underline}.cars-category-list .l-section-h.i-cf{padding:20px 0!important}.cars-category-list-block .cx_column-inner:before{left:0;top:0;height:100%;width:1px;content:"";position:absolute}.cars-category-list .cx_col-sm-3.cx_column_container>div.cx_column-inner{border-color:transparent!important}.custom-list.cars-category-list .l-section-h.i-cf{padding-top:0!important}.custom-list .w-image{margin-bottom:10px}.uavc-list-icon-wrapper.ax-adjust-bottom-margin.category-list{margin-bottom:0;padding-left:13px}.uavc-list-icon li{line-height:22px}.cars-category-list .uavc-list-content{margin-bottom:0}.cd-faq{width:90%;max-width:1024px;margin:2em auto;box-shadow:0 1px 5px #0000001a}.cd-faq:after{content:"";display:table;clear:both}.cd-faq{position:relative;margin:4em auto;box-shadow:none}.cd-faq-categories a{position:relative;display:block;overflow:hidden;height:50px;line-height:50px;padding:0 28px 0 16px;background-color:#4e5359;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;white-space:nowrap;border-bottom:1px solid #555b61;text-overflow:ellipsis}.cd-faq-categories a:before,.cd-faq-categories a:after{position:absolute;top:50%;right:16px;display:inline-block;height:1px;width:10px;background-color:#7f868e}.cd-faq-categories a:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.cd-faq-categories li:last-child a{border-bottom:none}.cd-faq-categories{width:20%;float:left;box-shadow:0 1px 2px #00000014}.cd-faq-categories a{font-size:13px;font-size:.8125rem;font-weight:600;padding:0 24px;-webkit-transition:background .2s,padding .2s;-moz-transition:background .2s,padding .2s;transition:background .2s,padding .2s}.cd-faq-categories a:before,.cd-faq-categories a:after{display:none}.no-touch .cd-faq-categories a:hover{background:#555b61}.no-js .cd-faq-categories{width:100%;margin-bottom:2em}.cd-faq-categories{position:absolute;top:0;left:0;width:200px;z-index:2}.cd-faq-categories a:before{display:block;top:0;right:auto;left:0;height:100%;width:3px;background-color:#a9c056;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}.cd-faq-categories .selected{background:#42464b!important}.cd-faq-categories .selected:before{opacity:1}.cd-faq-categories.is-fixed{position:fixed}.no-js .cd-faq-categories{position:relative}.cd-faq-items{position:fixed;height:100%;width:90%;top:0;right:0;background:#fff;padding:0 5% 1em;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) translateX(100%);-moz-transform:translateZ(0) translateX(100%);-ms-transform:translateZ(0) translateX(100%);-o-transform:translateZ(0) translateX(100%);transform:translateZ(0) translate(100%);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.cd-faq-items.slide-in{-webkit-transform:translateZ(0) translateX(0%);-moz-transform:translateZ(0) translateX(0%);-ms-transform:translateZ(0) translateX(0%);-o-transform:translateZ(0) translateX(0%);transform:translateZ(0) translate(0)}.no-js .cd-faq-items{position:static;height:auto;width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}.cd-faq-items{position:static;height:auto;width:78%;float:right;overflow:visible;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0);padding:0;background:transparent}.cd-faq-items{float:none;width:100%;padding-left:220px}.no-js .cd-faq-items{padding-left:0}.cd-close-panel{position:fixed;top:5px;right:-100%;display:block;height:40px;width:40px;overflow:hidden;text-indent:100%;white-space:nowrap;z-index:2;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:right .4s;-moz-transition:right .4s;transition:right .4s}.cd-close-panel:before,.cd-close-panel:after{position:absolute;top:16px;left:12px;display:inline-block;height:3px;width:18px;background:#6c7d8e}.cd-close-panel:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.cd-close-panel:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.cd-close-panel.move-left{right:2%}.cd-close-panel,.cd-faq-group{display:none}.cd-faq-group.selected{display:block}.cd-faq-group .cd-faq-title{background:transparent;box-shadow:none;margin:1em 0}.no-touch .cd-faq-group .cd-faq-title:hover{box-shadow:none}.cd-faq-group .cd-faq-title h2{text-transform:uppercase;font-size:12px;font-size:.75rem;font-weight:700;color:#bbbbc7}.no-js .cd-faq-group,.cd-faq-group{display:block}.cd-faq-group>li{background:#fff;margin-bottom:6px;box-shadow:0 1px 2px #00000014;-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}.no-touch .cd-faq-group>li:hover{box-shadow:0 1px 10px #6c7d8e4d}.cd-faq-group .cd-faq-title{margin:2em 0 1em}.cd-faq-group:first-child .cd-faq-title{margin-top:0}.cd-faq-trigger{position:relative;display:block;margin:1.6em 0 .4em;line-height:1.2}.cd-faq-trigger:before,.cd-faq-trigger:after{content:""}.cd-faq-trigger{font-size:24px;font-size:1.5rem;font-weight:300;margin:0;padding:11px 10px 9px 12px}.cd-faq-trigger:before,.cd-faq-trigger:after{position:absolute;right:10px;top:50%;height:2.5px;width:11px;background:#333;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.cd-faq-trigger:before{right:10px}.cd-faq-trigger:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.content-visible .cd-faq-trigger:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}.content-visible .cd-faq-trigger:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}.cd-faq-content p{font-size:14px;font-size:.875rem;line-height:1.4;color:#6c7d8e}.cd-faq-content{display:none;padding:14px 24px 0 11px}.cd-faq-content p{line-height:1.6}.no-js .cd-faq-content{display:block}.cd-faq-content__telephone-item{position:relative;padding-left:23px;font-size:16px;margin-right:8px;line-height:30px;color:#000}.cd-faq-content__left{float:left;width:39%}.cd-faq-content__right{float:left;width:61%}.cd-faq-content__right b{display:block;margin:17px 0 10px}.cd-faq-content__right b:first-child{margin-top:4px;margin-bottom:8px}.cd-faq-content__location,.cd-faq-content__email a{font-size:16px;line-height:30px;color:#000;position:relative;padding-left:23px}.cd-faq-content__button{margin:16px 0}.cd-faq-content__button a{font-size:12px;line-height:14.4px;color:#fff;background:#000;text-transform:uppercase;font-weight:700;border:1px solid #000;border-radius:4.5px;padding:6px 16px;position:relative;letter-spacing:1px}.cd-faq-trigger.table{display:table;width:100%}.cd-faq-trigger.table span{font-size:16px;line-height:30px;color:#000;display:table-cell;vertical-align:middle}.cd-faq-content__location:before{content:"";width:15px;height:19px;position:absolute;left:0;top:50%;background:url(../img/map-icon.svg) no-repeat center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.cd-faq-content__telephone-item:before{content:"";width:16px;height:17px;position:absolute;left:0;top:50%;background:url(../img/phone-icon.svg) no-repeat center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.cd-faq-content__email a:before{content:"";width:16px;height:16px;position:absolute;left:0;top:50%;background:url(../img/email-icon.svg) no-repeat center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.heading-faq-tel{position:relative;padding-left:36px;padding-right:47px;text-align:right}.heading-faq-tel:before{content:"";width:20px;height:20px;position:relative;display:inline-block;vertical-align:middle;left:0;margin-right:7px;background:url(../img/phone-icon.svg) no-repeat center}.cd-faq-content{position:relative;float:left;width:100%;padding-bottom:16px}.fq-item{border-bottom:1px solid #EAEAEA;float:left;width:100%}.content-visible .cd-faq-trigger{border-bottom:1px solid #000}.contact-page .l-section-h.i-cf{padding-top:15px;padding-bottom:15px}.contact-page .g-cols.type_default>div>.cx_column-inner{padding-top:0;padding-bottom:0}.contact-page .ubtn-ctn-left,.contact-page .ubtn-ctn-right,.contact-page .ubtn-ctn-center{margin-bottom:0}.contact-page+section.l-section>.l-section-h{padding-top:15px}.clearfix{clear:both}.l-body .ubtn.ubtn-large{padding:11px 18px}.l-body .ubtn.ubtn-large span{list-style-type:1.3px}.w-separator.size_small{margin:6px 0}.w-separator.size_large{margin:30px 0}.contact_pallete_title{background:#f2f2f2;float:left;width:100%;padding:11px 12px;border-radius:8px}.contact_pallete_title h5{font-size:22px;font-weight:500;line-height:26.4px;margin:0;color:#333}.fq-item.question .cd-faq-trigger{font-size:18px;line-height:22px;color:#000;font-weight:300;padding-right:55px;text-decoration:none}.fq-item.question.content-visible .cd-faq-trigger{font-weight:500}.fq-item.question .cd-faq-content,.fq-item.question .cd-faq-content p{font-size:16px;line-height:22px;color:#000;font-weight:300}.dark-link p{font-size:16px;line-height:30px;color:#333}.dark-link a{text-decoration:underline;font-size:16px;line-height:30px;color:#333}@keyframes gallery_hover{0%{opacity:.5;content:""}to{opacity:0;content:none}}.amazingcarousel-image-fix-wrapper{transition:.3s all ease-out;position:relative}.amazingcarousel-image-fix-wrapper:after{content:"";background:#000;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0;transition:.3s all ease-out}.amazingcarousel-item:hover .amazingcarousel-image-fix-wrapper:after{opacity:0;transition:.3s all ease-out}#html5-lightbox-box #html5-elem-box,#html5-lightbox-box #html5-elem-data-box,#html5-lightbox-box #html5-elem-wrap{background-color:transparent!important}.html5-title-prefix,.html5-title-caption{color:#fff}#html5-playpause,#html5-play{display:none!important}@media screen and (max-width:520px){.grey-triangle-section:before{content:none}footer .g-cols .cx_col-sm-3 *{text-align:center!important}footer .g-cols .cx_col-sm-4 .cx_column-inner{padding:0!important}.cd-faq-content__left,.cd-faq-content__right{width:100%}.cd-faq-trigger.table span{display:block;width:auto!important}.heading-faq-tel{padding:0;text-align:left}}.no-touch .links_underline h1 a:hover,.no-touch .links_underline h2 a:hover,.no-touch .links_underline h3 a:hover,.no-touch .links_underline h4 a:hover,.no-touch .links_underline h5 a:hover,.no-touch .links_underline h6 a:hover,.no-touch .links_underline p a:hover,.no-touch .links_underline li a:hover,.no-touch .links_underline .g-breadcrumbs a:hover,.no-touch .links_underline .box li a:hover,.no-touch .links_underline .cl-popup-trigger.type_text:hover{border-bottom:none}body .box ul.children{margin:10px 0 0}.l-main .box_nav_menu .nav-item.current-nav-item>a,.l-main .box_nav_menu .nav-item a{background-color:transparent;font-size:16px;line-height:19.2px;font-weight:700;text-transform:uppercase;position:relative;display:block;color:#333;padding:9px 7px 10px 0}.l-main .box_nav_menu .sub-nav>.nav-item a{font-size:13px;line-height:16px;font-weight:300;color:#333;text-transform:capitalize;text-decoration:underline;padding:0}.box_nav_menu>div>ul>.nav-item>a:before{background:#333;content:"";height:1px;left:0;bottom:0;width:100%;position:absolute}.box_nav_menu>div>ul>.nav-item{line-height:1.3rem}ul.menu>.nav-item-has-sub>ul:before{content:"";height:1px;left:0;bottom:0;width:100%;position:absolute;background:#eaeaea}.box_nav_menu .sub-nav{position:relative}body .l-main .box_nav_menu .nav-item a{border:none}.box_nav_menu ul{padding-top:10px}.no-touch .l-main .box_nav_menu a:hover{background-color:transparent}.l-main .box_nav_menu .menu{border:none}.nav-item-has-sub ul li:before{content:"+";font-size:16px;font-weight:300;line-height:18px;color:#333;position:absolute;left:0}.nav-item-has-sub ul li{padding-left:1rem}.l-main .box_nav_menu .sub-nav .sub-nav>.nav-item a{padding-left:0}.menu>li>.sub-nav{padding-bottom:10px}.search-course-form form{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}.search-course-form form>div{flex-grow:1;align-self:center;text-align:center;padding:10px}.course-form{background:#f2f2f2}.course-form input,.course-form select{background:#fff;border:1px solid #E2E2E2}.submit-input-wrap input{background:#000;color:#fcef4c}.search-course-result{display:table;width:100%}.search-course-item-inner{padding:21px 0;border-bottom:1px solid #ccc}.search-course-item,.search-course-head{transition:.2s all ease-in;display:table-row}.search-course-item:hover{background:#fcfcfc;transition:.2s all ease-in}.search-course-body{margin-bottom:100px;margin-top:19px}.search-course-item>div{display:table-cell;padding:12px 9px;border-bottom:1px solid #F2F2F2}.event_lalendar_modal_description-content font{color:#000!important}.event_lalendar_modal_description-content p,.event_lalendar_modal_description-content span{font-family:Roboto!important;font-size:16px!important;line-height:22px!important;font-weight:300!important}.event_lalendar_modal_description-content b{font-family:Roboto!important;font-size:16px!important;line-height:22px!important;font-weight:700!important}.search-course-head-item{display:table-cell;font-size:16px;padding:12px 9px;line-height:22px;font-weight:700;border-bottom:1px solid #000}.search-course-item__date,.search-course-item__time,.search-course-item__title{font-size:14px;line-height:22px}.search-course-item__price{font-size:16px;line-height:22px}.search-course-item__more-button>span{font-size:12px;font-weight:400;color:#d8d8d8;transition:.2s all ease-in}.search-course-item__buy>a{font-size:12px;text-transform:uppercase;font-weight:400;color:#d8d8d8;border:1px solid #F2F2F2;display:inline-block;background:#fff;padding:2px 8px;border-radius:4px;transition:.2s all ease-in}@media screen and (max-width:1140px){.search-course-item__more-button>span{color:#000}.search-course-item__buy>a{color:#fcef4c;background:#000;border-color:#000}}.search-course-item__buy{text-align:right}.search-course-item__more-button{position:relative;display:inline-block;border-radius:4px;border:1px solid #F2F2F2;background:#fff;padding:2px 8px;cursor:pointer;transition:.2s all ease-in}.search-course-item__more-content font{color:#000!important}.search-course-item__more-content>*,.search-course-item__more-content span{font-family:Roboto!important;font-size:16px!important;line-height:22px!important;color:#000;background-color:transparent!important}.search-course-item__more-information{position:absolute;right:70%;padding-right:30px;transform:translateY(-50%);top:0;width:600px;visibility:hidden;opacity:0;transition:.3s all ease-in}.search-course-item__more-information-inner{background:#fff;box-shadow:0 0 25px #00000057;padding:19px;cursor:auto}.search-course-item__more-button:hover .search-course-item__more-information{visibility:visible;opacity:1;transition:.3s all ease-in;right:100%}@media screen and (max-width:899px){.search-course-item__more-button:hover .search-course-item__more-information{position:fixed;width:100vw;left:0;top:110px;transform:none;padding:0 10px;overflow-y:scroll;right:auto;max-height:100%;z-index:100}.search-course-item__more-information-inner{padding-bottom:130px}}.medium-title{margin-bottom:12px}.medium-title span{font-family:Roboto;font-weight:500;font-size:22px;padding-bottom:2px;line-height:26.4px;border-bottom:3px solid #FCEF4C}.search-course-form{margin:18px 0}.search-course-item__more-title{font-size:22px;font-weight:500;padding-bottom:12px;margin-bottom:8px;position:relative}.search-course-item__more-title:after{content:"";background:#fcef4c;height:3px;width:68px;bottom:0;position:absolute;left:0}.search-course-item:hover .search-course-item__more-button>span{color:#000}.search-course-item:hover .search-course-item__buy>a{color:#fcef4c;background:#000;border-color:#000}.course-table-description{padding:15px 0;margin:15px 0}.checkbox-input-wrap input,.checkbox-input-wrap span{display:inline-block;vertical-align:middle;margin:0 5px}.pa-tab{margin-bottom:70px}.pa-tab-head__item{float:left;padding:19px 22px}@media screen and (min-width:767px){.pa-tab-head__inner .pa-tab-head__item:first-child{padding-left:0}}.pa-tab-head__item span{font-size:22px;line-height:26.4px}.pa-tab-head__item-active{background:#f7f7f7;border-top:2px solid #333333}.pa-tab-head{float:left;width:100%}.ra-tab-body{background:#f7f7f7;float:left;width:100%}.cb-checkbox.disabled .cb-inner{background:#e8e8e8}.ra-tab-chose__title,.ra-tab-chose__description,.pa-tab-cost__title,.pa-tab-cost-input,.pa-tab-transmission__input,.pa-tab-terms,.pa-tab-terms__content,.pa-tab-data-fileds,.pa-tab-terms__input{float:left}.ra-tab-chose{padding:20px 20px 16px;border-bottom:1px solid #E0E0E0}.cb-radio .cb-inner{margin:3px 5px 3px 0}.ra-tab-chose__title{font-size:16px;font-weight:700;line-height:22px;margin-right:16px}.ra-tab-chose__description{font-size:16px;font-weight:400;line-height:22px}.pa-tab-cost__title{font-size:16px;font-weight:700;line-height:29px;margin-right:10px}.pa-tab-cost-input,.pa-tab-transmission__input{margin:0 17px 0 0}.pa-tab-cost-input>label>*,.pa-tab-transmission__input>label>*{display:inline-block;vertical-align:middle}.pa-tab-cost-input span,.pa-tab-transmission__input{font-size:14px;font-weight:400;line-height:23px}.pa-tab-cost-input .cb-radio{float:left}.pa-tab-cost{padding:15px 20px 11px;border-bottom:1px solid #E0E0E0}.pa-tab-transmission{padding:18px 20px 14px;border-bottom:1px solid #E0E0E0}.pa-tab-total-cost{padding:14px 20px 10px;border-bottom:1px solid #E0E0E0}.pa-tab-client-info{padding:16px 20px 13px 23px;border-bottom:1px solid #E0E0E0}.pa-tab-total-cost__discount-info{display:inline-block;font-size:16px;font-weight:700;line-height:22px;margin-right:6px;border:2px solid #07d145;padding:2px 6px;color:#07d145;border-radius:4px}.pa-tab-payment{padding:13px 20px 20px}.pa-tab-payment:after{content:" ";display:table;clear:both}.pa-tab-terms{padding:10px 20px}.pa-tab-transmission__input{margin-right:17px}.pa-tab-terms{width:50%}.pa-tab-data-fileds{width:50%;padding:20px 32px 10px 20px}.pa-tab-data-filed__input{float:left;width:50%;padding:5px 8px;margin-bottom:10px}.pa-tab-data-filed__input input{border:1px solid #E2E2E2;width:100%;background:#fff;line-height:37px;height:39px;font-size:14px;font-weight:400}.pa-tab-data-filed__input input[type=submit]{background:#000;color:#fcef4c;font-size:14px;line-height:37px;font-weight:700;text-transform:uppercase}.pa-tab-data-filed__input input[type=submit]:hover{color:#000}.pa-tab-terms__additionals{float:left;padding:20px 26px;border:1px dashed #ccc;margin:15px 0 10px;border-radius:10px;font-size:14px;line-height:16.8px;font-weight:400}.pa-tab-terms__input{width:100%;padding:13px 9px}.pa-tab-terms__content{width:93%;font-size:14px;line-height:16.8px;font-weight:400;padding-left:4px;padding-top:4px}.pa-tab-terms__input .cb-inner{top:6px}.pa-tab-total-cost__title{display:inline-block;font-size:16px;font-weight:700;line-height:22px;margin-right:6px}.pa-tab-total-cost__price{display:inline-block;font-size:16px;font-weight:400;line-height:22px;margin-right:6px}.pa-tab-total-cost__discount,.pa-tab-total-cost__discount-input,.pa-tab-total-cost__discount-submit{display:inline-block;vertical-align:middle}.pa-tab-total-cost__discount-input input{border:1px solid #E2E2E2;color:#333;height:28px;line-height:1;background:#fff;width:200px;padding-left:8px;font-weight:400}.pa-tab-total-cost__discount-submit input{background:#000;color:#fff;height:26px;line-height:1;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:0;padding:0;width:80px;border-radius:4px}.cb-checkbox.disabled,.pa-tab-total-cost__discount-submit input:hover{color:#000}.cb-checkbox .cb-inner,.cb-checkbox:hover .cb-inner,.cb-radio:hover .cb-inner{border:1px solid #E2E2E2;border-color:#e2e2e2!important}.cb-checkbox.checked .cb-inner,.cb-checkbox .cb-inner{background:#fff}.cb-checkbox i:before,.cb-checkbox i:after{background:#000}.pa-tab-total-cost__discount-input input::placeholder{color:#000}.pa-tab-payment__title{font-size:16px;font-weight:700;line-height:22px;margin-right:10px;margin-bottom:15px}.pa-tab-payment__alert{font-size:14px;line-height:16.8px;border:1px dashed #F95353;font-weight:400;padding:20px 5px 20px 20px;float:left;width:50%;margin-bottom:15px}.pa-tab-payment__type{padding-top:12px}.pa-tab-payment__type a{display:inline-block;margin:0 3px;vertical-align:middle}.pa-tab-payment__type a.maksmisele{background:#000;color:#fcef4c;font-size:14px;line-height:37px;font-weight:700;text-transform:uppercase;border-radius:4px;padding:2px 20px}.pa-tab-payment__type a.maksmisele:hover{background-color:#fcef4c;color:#000}.cb-radio.checked i{background-color:#333}.cb-radio .cb-inner{background-color:#fff}@media screen and (max-width:767px){.pa-tab-terms,.pa-tab-data-fileds,.pa-tab-transmission,.pa-tab-cost,.ra-tab-chose,.pa-tab-head__item,.pa-tab-payment__alert,.pa-tab-payment__type{width:100%;padding:15px}.pa-tab-head__item-active{border-bottom:2px solid #333333}.course-table-description{padding:15px}.pa-tab-total-cost form{margin:15px 0}.search-course-form form{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.search-course-form form>div{width:100%}.search-course-result{width:1000px;overflow:hidden}.search-course-body{overflow-x:scroll}.cars-category-list-block{text-align:center}.category-list{padding-left:0}.uavc-list-content>div.uavc-list-icon{display:none}}@media screen and (max-width:450px){.pa-tab-data-filed__input{width:100%}.pa-tab-terms__content{width:90%}.pa-tab-total-cost__discount-input input{width:150px}.ax-content-box{padding:20px!important}.g-cols.type_default>div>.cx_column-inner,.g-cols.type_boxes>div>.cx_column-inner{padding:15px}.l-body .ubtn{font-size:10px}}.datepicker-days th,.datepicker-days td{padding:7px;text-align:center}.datepicker-days th .datepicker-switch{text-align:center}.datepicker-days .day{cursor:pointer}.event_lalendar{position:relative}.event_lalendar_modal_list{min-height:150px;position:absolute;right:100%;width:700px;padding:20px;z-index:9;background:#fff;box-shadow:0 0 65px #0003;top:0;visibility:hidden;opacity:0;transform:translate(5px);transition:.5s all ease-in}.event_lalendar_modal_description{min-height:200px;position:absolute;right:100%;width:650px;padding:20px;z-index:9;background:#fff;box-shadow:0 0 65px #0003;top:0;visibility:hidden;opacity:0;transform:translate(5px);transition:.5s all ease-in}.event_lalendar_modal_list.show-modal,.event_lalendar_modal_description.show-modal{transform:translate(0);transition:.5s all ease-in;opacity:1;visibility:visible}td.course_date{background:#ecffe6}td.day{font-weight:300;font-size:13px}td.today{font-weight:700}.datepicker td.day.active{background:#191919;color:#fcef4c}td.disabled{background:#efefef;text-decoration:line-through;color:#aaa;font-size:13px;font-weight:300}.event_lalendar_modal_list-table{display:table;width:100%}.event_lalendar_modal_list__item{display:table-row;width:100%;border-bottom:1px solid #ccc;padding:20px 0}.event_lalendar_modal_list__item>div{display:table-cell;vertical-align:middle;padding:10px 5px;border-bottom:1px solid #F2F2F2}.event_lalendar_modal_list__item:last-child>div{border-bottom:0}.event_lalendar_modal_list__title{font-size:16px;line-height:22px;font-weight:700}.event_lalendar_modal_list__item-time{font-size:14px;line-height:22px;font-weight:300}.event_lalendar_modal_list__item-title{font-size:14px;line-height:22px;font-weight:400;width:45%}.event_lalendar_modal_list__item-price{font-size:16px;line-height:22px;font-weight:300;text-align:right;white-space:nowrap}.event_lalendar_modal_list__item-actions{text-align:right;width:28%}.event_lalendar_modal_list__item-actionsBuy{font-size:11px;line-height:11.4px;color:#d8d8d8;border:1px solid #D8D8D8;display:inline-block;cursor:pointer;padding:4px 8px;text-decoration:none;margin:0 3px;border-radius:4px;transition:.2s all ease-in}.event_lalendar_modal_list__item-actionsMore{font-size:11px;line-height:11.4px;color:#d8d8d8;border:1px solid #D8D8D8;display:inline-block;cursor:pointer;border-radius:4px;padding:4px 8px;text-decoration:none;margin:0 3px;transition:.2s all ease-in}.event_lalendar_modal_list__item{transition:.2s all ease-in}.event_lalendar_modal_list__item:hover{transition:.2s all ease-in;background:#fcfcfc}.event_lalendar_modal_list__item:hover .event_lalendar_modal_list__item-actionsMore{color:#000;transition:.2s all ease-in}.event_lalendar_modal_list__item:hover .event_lalendar_modal_list__item-actionsBuy{background:#000;color:#fcef4c;transition:.2s all ease-in}.close-modal-description{font-size:12px;line-height:14.4px;color:#fcef4c;background:#000;display:inline-block;cursor:pointer;border-radius:4px;text-transform:uppercase;padding:4px 8px;text-decoration:none;margin:0 3px;transition:.2s all ease-in}.event_lalendar_modal_description-title{font-size:22px;line-height:26px;color:#000;position:relative;padding-bottom:15px;margin:15px 0}.event_lalendar_modal_description-title:before{position:absolute;bottom:0;left:0;width:67px;background:#fcef4c;height:3px;content:""}.event_lalendar_modal_description-content{font-size:14px;line-height:22px;font-weight:300}.contact-driver-item{float:left;padding:20px 0;width:50%;border-top:1px solid #F2F2F2}.contact-driver-item__photo{width:155px;height:115px;position:relative;float:left}.contact-driver-item__photo-box{position:absolute;width:100%;height:100%;background-repeat:no-repeat}.contact-driver-item__content{float:left;width:calc(100% - 170px);padding-left:22px}.contact-driver-item__name{font-size:18px;line-height:22px;font-weight:700;margin:7px 0}.contact-driver-item__special{font-size:15px;line-height:1;font-weight:40;margin:3px 0 14px}.contact-driver-item__phone{margin:4px 0}.contact-driver-item__phone a{font-size:16px;line-height:1;font-weight:400;position:relative;padding-left:23px}.contact-driver-item__email,.contact-driver-item__phone,.contact-driver-item__save,.contact-driver-item__intro{margin:2px 0}.contact-driver-item__email a,.contact-driver-item__save a,.contact-driver-item__intro a{font-size:16px;line-height:1;font-weight:400;position:relative;padding-left:23px}@media only screen and (min-device-width:320px)and (max-device-width:480px){.contact-driver-item__save{display:block}}.driver-city .grey{background:#f2f2f2;float:left;width:100%;padding:11px 12px;border-radius:8px;font-size:22px;font-weight:500;line-height:26.4px;margin:0;color:#333;display:block;text-decoration:none}.cd-faq-content-driver{display:none;padding:0}.driver-city{border-bottom:0;margin-bottom:20px}.driver-city.content-visible .cd-faq-trigger{border-bottom:0}.contact-driver-item__save a:before{content:"";width:17px;height:17px;position:absolute;left:0;top:50%;background-image:url(../img/save-icon.svg);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);background-size:cover}.contact-driver-item__intro a:before{content:"";width:17px;height:17px;position:absolute;left:4px;top:50%;background-image:url(../img/info-1.svg);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-size:contain}.contact-driver-item__phone a:before{content:"";width:16px;height:17px;position:absolute;left:0;top:50%;background:url(../img/phone-icon.svg) no-repeat center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.contact-driver-item__email a:before{content:"";width:16px;height:16px;position:absolute;left:0;top:50%;background:url(../img/email-icon.svg) no-repeat center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.kontaktid-back .ubtn-text{padding-left:28px}.slick-prev{left:-50px}.slick-next{right:-50px}.slick-prev:before,.slick-next:before{color:#222}@media screen and (max-width:1281px){.slick-prev{left:-30px}.slick-next{right:-30px}}.contact-driver-item:nth-child(n+2):nth-child(odd){clear:both}.contact-page p{margin:0;color:#000}.contact-page p span{white-space:normal!important}.contact-page p span b{display:inline}.contact-page p b{margin:0;color:#000}.pa-tab-head__item i{margin-right:13px}.pa-tab-head__item i,.pa-tab-head__item span{vertical-align:middle;display:inline-block}.pa-tab-head__item-done i{width:28px;height:28px;background:url(../img/done.svg) no-repeat center center}.pa-tab-head__item-active i{width:28px;height:28px;font-size:22px;text-align:center;background:#333;border-radius:50%;line-height:30px;font-weight:500;font-style:normal;color:#fcef4c}.pa-tab-head__item-next i{width:28px;height:28px;font-size:22px;text-align:center;background:#e2e2e2;border-radius:50%;line-height:30px;font-weight:500;font-style:normal;color:#a0a0a0}.box_nav_menu .current-nav-item{display:none}.l-section.color_secondary,.l-titlebar.color_secondary,.no-touch .w-blog.layout_cards .w-blog-post-meta-category a:hover,.no-touch .w-blog.layout_tiles .w-blog-post-meta-category a:hover,.no-touch .l-section.preview_trendy .w-blog-post-meta-category a:hover,.no-touch body:not(.btn_hov_none) .button:hover,.no-touch body:not(.btn_hov_none) input[type=button]:hover,.no-touch body:not(.btn_hov_none) input[type=submit]:hover,.w-btn.color_secondary.style_solid,.w-btn.color_secondary.style_outlined:before,.no-touch .btn_hov_reverse .w-btn.color_secondary.style_outlined:hover,.w-actionbox.color_secondary,.w-iconbox.style_circle.color_secondary .w-iconbox-icon,.w-progbar.color_secondary .w-progbar-bar-h,.w-sharing.type_solid.color_secondary .w-sharing-item,.w-sharing.type_fixed.color_secondary .w-sharing-item,.w-sharing.type_outlined.color_secondary .w-sharing-item:before,.no-touch .btn_hov_slide .cal-events-button:hover,.highlight_secondary_bg{background-color:#fcef4c;color:#000}.table-condensed th.prev,.table-condensed th.next{cursor:pointer}.booking_calendar_legend{float:left;width:100%;margin:15px 0}.booking_calendar_legend:after{content:" ";display:table;clear:both}.booking-legend-status{display:inline-block}.booking-legend-status span{font-size:13px;line-height:20px;font-weight:300;font-family:Roboto}.booking-legend-status i{width:13px;vertical-align:middle;margin-right:3px;height:13px;display:inline-block}.booking-legend-status-1 i{background:#d2ffc5}.booking-legend-status-2 i{border-radius:50%;background:#5f994d}.course_date,.no_date{position:relative}.no_date:not(.disabled):before,.no_date_included:not(.disabled):before{content:"";background:#5f994d;position:absolute;width:7px;right:3px;top:3px;border-radius:50%;height:7px;z-index:0}.bold-menu>a>span{font-weight:700}@media screen and (max-width:991px){.footer-logo-block{margin:auto}.footer-copy{padding:10px;text-align:center}footer .cx_col-sm-12 *{text-align:center!important}footer .cx_column-inner{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media screen and (max-width:900px){.event_lalendar_modal_list{padding:20px 0;width:280px;right:0}.event_lalendar_modal_description{width:280px;right:0;padding:20px 10px}.event_lalendar_modal_list__title{width:100%;text-align:center}.event_lalendar_modal_list__item,.event_lalendar_modal_list__item>div{display:block;width:100%;text-align:center}.event_lalendar_modal_list-table{width:100%;display:block}.see-more-courses{display:block;padding:5px;text-align:center}.g-cols.type_boxes .ubtn-ctn-right,.g-cols.type_boxes .ubtn-ctn-left{text-align:center}aside.l-sidebar{padding-top:15px}}@media screen and (max-width:767px){.slick-next{right:0}.slick-prev{left:-5px}.main-car-bg-by{height:150px}.main-ulased{text-align:center}.main-ulased h4,.main-button-edasi{text-align:center!important}.g-cols.type_default{margin:0 -1rem}.medium-title{padding:0 15px}}.w-nav-anchor[href="#"]{cursor:default}@media screen and (max-width:1376px){footer:before,header:before{background:#333 url(../img/bg_yellow_black.svg) no-repeat;background-size:cover;background-position:center}}@media screen and (max-width:1140px){.contact-driver-item{width:100%}}@media screen and (max-width:520px){.w-nav-control{padding:0 0rem 0 .8rem}.header_hor .l-subheader{padding-left:.7rem!important;padding-right:.7rem!important}.l-subheader-cell{flex-basis:33.3%}.g-cols>div:not([class*=" cx_col-"]){margin:0}.w-dropdown-item{padding:0 1.5em 0 1em}.l-subheader-cell .source_lang{margin:0}.l-subheader-cell .ush_image_2{height:32px}.l-subheader-cell .w-dropdown-item img,.l-subheader-cell.at_right .w-search,.l-subheader-cell.at_right .w-socials{display:none}.footer-logo-block{margin:auto auto 15px}.contact-driver-item{text-align:center}.contact-driver-item__content{width:100%;padding-left:0}.contact-driver-item__photo{display:inline-block;float:none}}.event_lalendar_item{position:relative}.cssload-container,.cssload-modal-container{display:none}div.cssload-content{left:0;top:0;position:absolute;width:100%;height:100%;background:#ffffffd9;z-index:1;margin:auto;display:box;display:-o-box;display:-ms-box;display:-webkit-box;display:-moz-box;display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;box-orient:vertical;-o-box-orient:vertical;-ms-box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-direction:normal;-o-box-direction:normal;-ms-box-direction:normal;-webkit-box-direction:normal;-moz-box-direction:normal;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;box-align:center;-o-box-align:center;-ms-box-align:center;-webkit-box-align:center;-moz-box-align:center;align-items:center;-o-align-items:center;-ms-align-items:center;-webkit-align-items:center;-moz-align-items:center;box-pack:center;-o-box-pack:center;-ms-box-pack:center;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center;-o-justify-content:center;-ms-justify-content:center;-webkit-justify-content:center;-moz-justify-content:center}.cssload-l1,.cssload-l2,.cssload-l3{background:#000;height:5px;width:29px;margin:5px;animation:cssload-loading1 1.15s 0s infinite ease-in-out;-o-animation:cssload-loading1 1.15s 0s infinite ease-in-out;-ms-animation:cssload-loading1 1.15s 0s infinite ease-in-out;-webkit-animation:cssload-loading1 1.15s 0s infinite ease-in-out;-moz-animation:cssload-loading1 1.15s 0s infinite ease-in-out}.cssload-l2{animation:cssload-loading2 .58s 0s infinite ease-in-out alternate;-o-animation:cssload-loading2 .58s 0s infinite ease-in-out alternate;-ms-animation:cssload-loading2 .58s 0s infinite ease-in-out alternate;-webkit-animation:cssload-loading2 .58s 0s infinite ease-in-out alternate;-moz-animation:cssload-loading2 .58s 0s infinite ease-in-out alternate}.cssload-l3{animation:cssload-loading1 1.15s 0s infinite ease-in-out reverse;-o-animation:cssload-loading1 1.15s 0s infinite ease-in-out reverse;-ms-animation:cssload-loading1 1.15s 0s infinite ease-in-out reverse;-webkit-animation:cssload-loading1 1.15s 0s infinite ease-in-out reverse;-moz-animation:cssload-loading1 1.15s 0s infinite ease-in-out reverse}@keyframes cssload-loading1{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@-o-keyframes cssload-loading1{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes cssload-loading1{0%{-ms-transform:rotate(0deg)}50%{-ms-transform:rotate(180deg)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes cssload-loading1{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes cssload-loading1{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}to{-moz-transform:rotate(360deg)}}@keyframes cssload-loading2{0%{transform:translate(10px)}to{transform:translate(-10px)}}@-o-keyframes cssload-loading2{0%{-o-transform:translateX(10px)}to{-o-transform:translateX(-10px)}}@-ms-keyframes cssload-loading2{0%{-ms-transform:translateX(10px)}to{-ms-transform:translateX(-10px)}}@-webkit-keyframes cssload-loading2{0%{-webkit-transform:translateX(10px)}to{-webkit-transform:translateX(-10px)}}@-moz-keyframes cssload-loading2{0%{-moz-transform:translateX(10px)}to{-moz-transform:translateX(-10px)}}.cssload-l2{background:#fcef4c!important}.nav-all-courses-menu-estonian-wrap>ul>.nav-t-cst>a[href="#"]{cursor:default}.select-auto-course{flex-basis:25%}.refresh-datepicker{position:absolute;right:10px;top:50%;width:15px;height:15px;cursor:pointer;transform:translateY(-50%)}.datepicker-input-wrap{position:relative}.refresh-datepicker:before{content:"";height:1px;width:100%;background:#fc4c4c;position:absolute;left:0;top:50%;transform:rotate(45deg) translateY(-50%)}.refresh-datepicker:after{content:"";height:1px;width:100%;background:#fc4c4c;position:absolute;left:0;top:50%;transform:rotate(-45deg) translateY(-50%)}body.post-page .news-parent-fix>a,body.post-page .news-child-fix>a{font-weight:700}.search-drivers,.search-posts{margin-bottom:30px}.search-posts{margin-top:50px;display:inline-block}.tooltipster-box{background:#fff!important;border:2px solid #fcef4c!important;-webkit-box-shadow:0px 0px 35px -7px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 35px -7px rgba(0,0,0,.75);box-shadow:0 0 35px -7px #000000bf;padding:10px 5px}.tooltipster-sidetip .tooltipster-content{color:#000!important}.tooltipster-sidetip .tooltipster-content{line-height:22px!important}.tooltipster-arrow{display:none}.pa-tab-payment__type input[type=submit]{width:150px;color:#000;border:2px solid #000;background:transparent}.pa-tab-payment__type input[type=submit]:hover{background:#000!important;color:#fff!important}a.registreeri-koolitusele .ubtn-text{opacity:0;transition:.25s all ease-in}a.registreeri-koolitusele .ubtn-text.show-btn{opacity:1;transition:.25s all ease-in}body .ubtn-ctn-left.btn-nomargin span{text-transform:uppercase}.hide-important{display:none!important}.cookie-popup{width:400px;position:fixed;left:30px;bottom:30px;z-index:1;background:#fff;filter:drop-shadow(0px 4px 27px rgba(56,56,56,.56));padding:20px}.cookie-popup__inner{position:relative}.cookie-popup__close{position:absolute;width:20px;height:20px;top:0;right:0;cursor:pointer}.cookie-popup__close svg{width:20px;height:20px}.cookie-popup__title{margin-bottom:16px;font-size:18px;font-weight:600;line-height:21.6px;font-family:Roboto;font-style:normal;padding-right:25px}.cookie-popup__description{margin-bottom:16px;font-size:16px;font-weight:400;line-height:21.6px;font-family:Roboto;font-style:normal}.button-custom{border:1px solid #565656;font-weight:700;font-size:14px;line-height:16px;padding:10px 33px;text-transform:uppercase;letter-spacing:1px}@media(max-width:767px){.cookie-popup{width:calc(100% - 40px);left:20px;bottom:20px;z-index:999}}body.front .cookie-popup .cookie-popup__close{display:none!important}
/* static-mirror: fit wider menu (KKK/FAQ item) on mid-size screens */
@media (min-width:901px) and (max-width:1360px){
.w-nav.type_desktop .w-nav-list.level_1>.nav-item>a{padding:0 10px}
.w-nav.type_desktop .w-nav-anchor.level_1{font-size:14px}
.l-subheader .w-nav.type_desktop .w-nav-anchor{margin:10px 4px}
}
/* static-mirror: center page titles exactly (theme had asymmetric 1.5rem right margin) */
.l-titlebar.size_small .l-titlebar-content h1,.l-titlebar.size_medium .l-titlebar-content h1{margin:.3rem 0}
/* static-mirror: tighter menu on narrow desktops */
@media (min-width:901px) and (max-width:1150px){
.w-nav.type_desktop .w-nav-list.level_1>.nav-item>a{padding:0 6px}
.w-nav.type_desktop .w-nav-anchor.level_1{font-size:13px}
.l-subheader .w-nav.type_desktop .w-nav-anchor{margin:10px 1px}
}
/* static-mirror: RU labels are longer — squeeze wider range */
html[lang^="ru"] .w-nav.type_desktop .w-nav-list.level_1>.nav-item>a{padding:0 12px}
@media (min-width:901px) and (max-width:1500px){
html[lang^="ru"] .w-nav.type_desktop .w-nav-list.level_1>.nav-item>a{padding:0 6px}
html[lang^="ru"] .w-nav.type_desktop .w-nav-anchor.level_1{font-size:13px}
html[lang^="ru"] .l-subheader .w-nav.type_desktop .w-nav-anchor{margin:10px 1px}
}
/* static-mirror: header search results */
.w-search-form{position:relative}
.ss-results{position:absolute;top:100%;left:0;right:0;z-index:200;background:#fff;border:1px solid #ddd;border-top:3px solid #fd0;box-shadow:0 10px 24px rgba(0,0,0,.18);max-height:420px;overflow-y:auto;text-align:left}
.ss-results a{display:block;padding:10px 14px;border-bottom:1px solid #eee;line-height:1.35;color:#111;text-decoration:none}
.ss-results a:hover{background:#fffbe0}
.ss-results a b{display:block;font-size:14px;font-weight:600}
.ss-results a span{display:block;font-size:12px;color:#777;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-none,.ss-count{padding:10px 14px;font-size:12px;color:#777}
.ss-results mark{background:#fd0;padding:0 1px}
/* shared cx_custom block #1, was duplicated identically across 66 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}
/* shared cx_custom block #2, was duplicated identically across 3 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521390424200{margin-bottom: 30px !important}.cx_custom_1521390424200{margin-bottom: 30px !important}.cx_custom_1521390424200{margin-bottom: 30px !important}.cx_custom_1521390424200{margin-bottom: 30px !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1521390495141{padding-left: 0px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}
/* shared cx_custom block #3, was duplicated identically across 3 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521390424200{margin-bottom: 30px !important}.cx_custom_1521754608948{margin-bottom: 30px !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1521390495141{padding-left: 0px !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1521390502137{padding-left: 0px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}
/* shared cx_custom block #4, was duplicated identically across 3 pages */
.cx_custom_1522705936555{margin-bottom: 0px !important;padding-top: 40px !important;padding-bottom: 0px !important}.cx_custom_1522703935529{background-color: #f4f4f4 !important}.cx_custom_1522703957355{background-color: #f9f9f9 !important}.cx_custom_1523312320833{margin-top: 30px !important}.cx_custom_1523312278523{border-top-width: 1px !important;border-top-color: rgba(10,10,10,0.07) !important;border-top-style: solid !important}.cx_custom_1511127978975{margin-bottom: 15px !important}.cx_custom_1523312194699{border-right-width: 1px !important;padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;border-right-color: rgba(10,10,10,0.07) !important;border-right-style: solid !important}.cx_custom_1523312227273{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important}.cx_custom_1523312233916{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important}.cx_custom_1523312243749{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important}.cx_custom_1523312078023{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important}.cx_custom_1523312072246{padding: 40px !important;background-color: #ffffff !important}.cx_custom_1523312088710{padding: 40px !important;background-color: #ffffff !important}.cx_custom_1523312100564{padding: 40px !important;background-color: #ffffff !important}
/* shared cx_custom block #5, was duplicated identically across 3 pages */
.cx_custom_1522737667367{background-color: #f4f4f4 !important}.cx_custom_1522737660354{background-color: #f9f9f9 !important}
/* shared cx_custom block #6, was duplicated identically across 3 pages */
.cx_custom_1536335271696{margin-bottom: 0px !important;padding-top: 40px !important;padding-bottom: 40px !important}.cx_custom_1522703935529{background-color: #f4f4f4 !important}.cx_custom_1522703957355{background-color: #f9f9f9 !important}.cx_custom_1523312320833{margin-top: 30px !important}.cx_custom_1536336820702{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;border-radius: 5px !important}.cx_custom_1536336811090{border-right-width: 1px !important;padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;border-right-color: rgba(10,10,10,0.07) !important;border-right-style: solid !important}
/* shared cx_custom block #7, was duplicated identically across 3 pages */
.cx_custom_1521851742973{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521851820799{margin-bottom: 40px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521394703927{margin-top: 30px !important;margin-bottom: 30px !important;border-top-width: 1px !important;border-bottom-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-top-color: #f4f4f4 !important;border-top-style: solid !important;border-bottom-color: #f4f4f4 !important;border-bottom-style: solid !important}.cx_custom_1521757947076{margin-top: 30px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1521851797478{margin-bottom: 0px !important;padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 0px !important;padding-left: 40px !important}.cx_custom_1521757876275{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 0px !important;padding-left: 40px !important}.cx_custom_1521851835850{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}
/* shared cx_custom block #8, was duplicated identically across 3 pages */
.cx_custom_1521833726892{padding-bottom: 0px !important}.cx_custom_1521833699604{margin-bottom: 1px !important;padding-bottom: 1px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521851880239{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1521851930142{padding-bottom: 0px !important}.cx_custom_1521851943001{padding-bottom: 0px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}
/* shared cx_custom block #9, was duplicated identically across 3 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521394703927{margin-top: 30px !important;margin-bottom: 30px !important;border-top-width: 1px !important;border-bottom-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-top-color: #f4f4f4 !important;border-top-style: solid !important;border-bottom-color: #f4f4f4 !important;border-bottom-style: solid !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}
/* shared cx_custom block #10, was duplicated identically across 2 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1522133190232{margin-top: 30px !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1726576174969{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1726576251396{margin-bottom: 5px !important}.cx_custom_1520366443423{margin-bottom: 20px !important}.cx_custom_1522261948575{padding-bottom: 20px !important;background-color: #f2f2f2 !important}.cx_custom_1522261954726{padding-bottom: 20px !important;background-color: #f7f7f7 !important}.cx_custom_1522261935897{margin-bottom: 30px !important;padding-top: 20px !important;background-color: #efefef !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1711032126859{margin-bottom: 1px !important}.cx_custom_1610110384917{margin-top: 30px !important}
/* shared cx_custom block #11, was duplicated identically across 2 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1522265232570{margin-top: 30px !important}.cx_custom_1522136176354{margin-top: 30px !important;margin-bottom: 30px !important}.cx_custom_1522264844790{margin-top: 30px !important}.cx_custom_1522136176354{margin-top: 30px !important;margin-bottom: 30px !important}.cx_custom_1522136176354{margin-top: 30px !important;margin-bottom: 30px !important}.cx_custom_1711031357203{margin-top: 30px !important}.cx_custom_1522136176354{margin-top: 30px !important;margin-bottom: 30px !important}.cx_custom_1522265643927{margin-top: 30px !important}.cx_custom_1522136176354{margin-top: 30px !important;margin-bottom: 30px !important}.cx_custom_1522702599042{margin-top: 30px !important}.cx_custom_1522702757063{margin-top: 40px !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1522702074331{padding-left: 40px !important}.cx_custom_1522739626724{padding-left: 40px !important}.cx_custom_1522739710590{padding-left: 40px !important}.cx_custom_1522702499442{margin-bottom: 30px !important}.cx_custom_1522868036428{margin-bottom: 30px !important;padding-top: 20px !important;padding-bottom: 20px !important;background-color: #efefef !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1711031430156{margin-bottom: 1px !important}.cx_custom_1610110808395{margin-top: 30px !important}
/* shared cx_custom block #12, was duplicated identically across 2 pages */
.cx_custom_1521756271969{margin-bottom: 40px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1521384892527{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important}.cx_custom_1521756138607{margin-bottom: 1px !important;padding-bottom: 1px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1521711974940{margin-bottom: 1px !important}
/* shared cx_custom block #13, was duplicated identically across 2 pages */
.cx_custom_1522868108460{border-bottom-width: 1px !important;border-bottom-color: #f2f2f2 !important;border-bottom-style: solid !important}.cx_custom_1511133382860{padding-left: 36px !important}.cx_custom_1510872913454{padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1510872878608{margin-bottom: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1529576912932{margin-bottom: 35px !important}
/* shared cx_custom block #14, was duplicated identically across 2 pages */
.cx_custom_1522738825848{background-color: #f7f7f7 !important}.cx_custom_1523353491824{border-width: 0px !important;padding: 0px !important;background-color: #f2f2f2 !important}.cx_custom_1522738825848{background-color: #f7f7f7 !important}.cx_custom_1522738833822{background-color: #f2f2f2 !important}.cx_custom_1522740276355{margin-top: 56px !important}.cx_custom_1522784551741{background-color: #f2f2f2 !important}.cx_custom_1522784541184{background-color: #f7f7f7 !important}
/* shared cx_custom block #15, was duplicated identically across 2 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521062745849{margin-top: 30px !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1528120268602{margin-bottom: 5px !important}.cx_custom_1520366761569{background-color: #f2f2f2 !important}.cx_custom_1520366774959{background-color: #f7f7f7 !important}.cx_custom_1522131672316{margin-top: 30px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1545133828344{margin-bottom: 1px !important}.cx_custom_1545133915848{margin-top: 30px !important}
/* shared cx_custom block #16, was duplicated identically across 2 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521493025301{margin-bottom: 0px !important;border-top-width: 3px !important;padding-bottom: 0px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1545145383798{margin-bottom: 5px !important}.cx_custom_1520366761569{background-color: #f2f2f2 !important}.cx_custom_1520366774959{background-color: #f7f7f7 !important}.cx_custom_1521493421987{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 30px !important;padding-bottom: 0px !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1545145587615{margin-bottom: 1px !important}.cx_custom_1545145594781{margin-top: 30px !important}
/* shared cx_custom block #17, was duplicated identically across 2 pages */
.cx_custom_1521756271969{margin-bottom: 40px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1521384892527{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important}.cx_custom_1521384904545{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important}.cx_custom_1521756138607{margin-bottom: 1px !important;padding-bottom: 1px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1545233794951{margin-bottom: 1px !important}
/* shared cx_custom block #18, was duplicated identically across 2 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521736346546{margin-top: 40px !important}.cx_custom_1520368569174{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1545144248882{margin-bottom: 5px !important}.cx_custom_1545144305470{margin-bottom: 5px !important}.cx_custom_1528127155260{margin-bottom: 5px !important}.cx_custom_1711549898614{margin-bottom: 5px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521493025301{margin-bottom: 0px !important;border-top-width: 3px !important;padding-bottom: 0px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520366845945{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1520366761569{background-color: #f2f2f2 !important}.cx_custom_1520366774959{background-color: #f7f7f7 !important}.cx_custom_1521493421987{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 30px !important;padding-bottom: 0px !important}.cx_custom_1520367038299{background-color: #f9f9f9 !important}.cx_custom_1545144477684{margin-bottom: 1px !important}.cx_custom_1545144489431{margin-top: 30px !important}
/* shared cx_custom block #19, was duplicated identically across 2 pages */
.cx_custom_1527541708861{padding: 30px !important;background-color: #f4f4f4 !important}.cx_custom_1527541715997{padding: 30px !important;background-color: #f4f4f4 !important}.cx_custom_1527541723977{padding: 30px !important;background-color: #f4f4f4 !important}.cx_custom_1527541730839{padding: 30px !important;background-color: #f4f4f4 !important}.cx_custom_1527541708861{padding: 30px !important;background-color: #f4f4f4 !important}.cx_custom_1527541715997{padding: 30px !important;background-color: #f4f4f4 !important}.cx_custom_1527541723977{padding: 30px !important;background-color: #f4f4f4 !important}
/* shared cx_custom block #20, was duplicated identically across 2 pages */
.cx_custom_1522868108460{border-bottom-width: 1px !important;border-bottom-color: #f2f2f2 !important;border-bottom-style: solid !important}.cx_custom_1511133382860{padding-left: 36px !important}.cx_custom_1510872913454{padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1510872878608{margin-bottom: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important}.cx_custom_1522869242876{margin-bottom: 1px !important}
/* shared cx_custom block #21, was duplicated identically across 2 pages */
.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521403643678{margin-bottom: 30px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}.cx_custom_1521499018600{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 0px !important;padding-left: 40px !important}.cx_custom_1521499024690{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 0px !important;padding-left: 40px !important}.cx_custom_1516357020129{margin-bottom: 0px !important;padding-bottom: 0px !important}.cx_custom_1521063624290{border-top-width: 3px !important;border-top-color: #fcef4c !important;border-top-style: solid !important}.cx_custom_1521063592818{padding: 40px !important;background-color: #f2f2f2 !important}.cx_custom_1521063605213{padding: 40px !important;background-color: #f7f7f7 !important}
/* shared cx_custom block #22, was duplicated identically across 2 pages */
.cx_custom_1522738825848{background-color: #f7f7f7 !important}.cx_custom_1523353491824{border-width: 0px !important;padding: 0px !important;background-color: #f2f2f2 !important}.cx_custom_1522738825848{background-color: #f7f7f7 !important}.cx_custom_1522738833822{background-color: #f2f2f2 !important}.cx_custom_1527520499254{margin-top: 56px !important}.cx_custom_1522784551741{background-color: #f2f2f2 !important}.cx_custom_1522784541184{background-color: #f7f7f7 !important}
/* ---- schedule page: language filter as toggle pills ----
The real stays in the DOM, only visually hidden, so the filter
JS (.lang-checkbox / .checked / change events), the form data and keyboard plus
screen reader behaviour all keep working exactly as before. Only the label is restyled.
The tick is drawn from two borders in currentColor, so it takes the pill's own text
colour and needs no separate rule in the dark theme. An unselected pill carries no
mark and no reserved space for one. */
.search-course-form form>.checkbox-item{flex:0 0 auto;padding:10px 3px}
.checkbox-input-wrap>label{display:inline-flex;align-items:center;cursor:pointer;margin:0}
.checkbox-input-wrap .lang-checkbox{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}
.checkbox-input-wrap .lang-checkbox+span{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 17px;margin:0;border-radius:999px;background:#fff;border:1px solid #c9c9c9;color:#5c5c5c;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.checkbox-input-wrap .lang-checkbox+span::before{content:"";display:none;flex:none;width:6px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-3px 11px 0 0}
.checkbox-input-wrap .lang-checkbox:checked+span{background:#fcef4c;border-color:#e0d12b;color:#23200a}
.checkbox-input-wrap .lang-checkbox:checked+span::before{display:inline-block}
.checkbox-input-wrap>label:hover .lang-checkbox:not(:checked)+span{border-color:#8d8d8d;color:#2b2b2b}
.checkbox-input-wrap .lang-checkbox:focus-visible+span{outline:2px solid #8e8207;outline-offset:2px}
@media screen and (max-width:767px){
.search-course-form form>.checkbox-item{flex:1 1 auto;width:auto}
.checkbox-input-wrap>label{width:100%}
.checkbox-input-wrap .lang-checkbox+span{width:100%;padding:0 10px}
.checkbox-input-wrap .lang-checkbox+span::before{margin-right:8px}
}
/* ---- schedule page: result count line, replaces the old "Otsingutulemused" heading ---- */
.results-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-family:Roboto,sans-serif}
.results-count{display:inline-flex;align-items:center;gap:9px;color:#2b2b2b;font-size:14.5px;line-height:1}
.results-count b{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 8px;border-radius:6px;background:#fcef4c;color:#23200a;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
@media screen and (max-width:767px){
}
/* ---- light / dark theme toggle in the header ----
The button lives in the right hand header cell. Those cells are sized by their content,
so adding it made the right side wider than the left and pulled the logo off centre.
Centring the logo cell on the header itself makes it exact regardless of what sits on
either side, which also removes a small offset the header already had before. */
.theme-toggle{
appearance:none;border:1px solid #dcdcdc;background:#fff;color:#2b2b2b;
width:38px;height:38px;border-radius:50%;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;
margin-left:10px;padding:0;flex:none;
transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.theme-toggle:hover{border-color:#0f0f0f}
.theme-toggle:focus-visible{outline:2px solid #8e8207;outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;display:block}
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-moon{display:block}
@media screen and (min-width:901px){
.l-subheader.at_middle .l-subheader-h{position:relative}
.l-subheader.at_middle .l-subheader-cell.at_center{
position:absolute;left:50%;transform:translateX(-50%);
justify-content:center;pointer-events:none;
}
.l-subheader.at_middle .l-subheader-cell.at_center a{pointer-events:auto}
}
/* ---- contact form layout and controls ----
The text fields are full width boxes, but the radio group and the terms checkbox were bare
rows sitting flush under their labels, so the foot of the form read as a different design
from its body. They now get the same rhythm: every question is one block with consistent
spacing, and each control is a matching 20px brand shape placed before its own label. */
.cf-form label{display:block;margin:0 0 16px;font-size:15px;line-height:1.5}
.cf-form .cf-field-wrap{display:block;margin-top:6px}
.cf-form input[type=text],
.cf-form input[type=tel],
.cf-form input[type=email],
.cf-form input[type=number],
.cf-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;font-size:16px;border-radius:4px}
/* the radio group reads as one question: label, then the options on their own row */
.cf-form .cf-field.cf-radio{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:8px}
.cf-form .cf-list-item{
display:inline-flex;align-items:center;gap:9px;margin:0;
padding:9px 15px 9px 12px;border:1px solid #dcdcdc;border-radius:999px;
cursor:pointer;transition:border-color .15s ease,background-color .15s ease;
}
.cf-form .cf-radio .cf-list-item:hover{border-color:#8d8d8d}
.cf-form .cf-radio .cf-list-item:has(input:checked){border-color:#e0d12b;background:#fffbe0}
.cf-form .cf-radio .cf-list-item input{order:-1}
.cf-form .cf-list-item-label{line-height:1}
/* the terms row is a full width block, not a pill, and aligns to the first line of its text */
.cf-form .cf-box-acceptance .cf-list-item{
display:flex;align-items:flex-start;gap:10px;width:100%;
padding:0;border:0;border-radius:0;background:none;
}
.cf-form .cf-box-acceptance label{display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer}
.cf-form .cf-field.cf-box-acceptance{display:block;margin:4px 0 18px}
.cf-form input[type=radio],
.cf-form input[type=checkbox]{
appearance:none;-webkit-appearance:none;
width:20px;height:20px;margin:0;flex:none;position:relative;cursor:pointer;
background:#fff;border:1px solid #c9c9c9;border-radius:4px;
transition:background-color .15s ease,border-color .15s ease;
}
.cf-form input[type=radio]{border-radius:50%}
.cf-form .cf-box-acceptance input[type=checkbox]{margin-top:1px}
.cf-form input[type=radio]:hover,
.cf-form input[type=checkbox]:hover{border-color:#8d8d8d}
.cf-form input[type=radio]:checked,
.cf-form input[type=checkbox]:checked{background:#fcef4c;border-color:#e0d12b}
.cf-form input[type=checkbox]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #23200a;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cf-form input[type=radio]:checked::after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#23200a}
.cf-form input[type=radio]:focus-visible,
.cf-form input[type=checkbox]:focus-visible{outline:2px solid #8e8207;outline-offset:2px}
/* the theme gives form inputs a 42px line-height, which on a button stacks with its padding
and made it 68px tall, so the height is set outright instead */
.cf-form input[type=submit]{background:#0f0f0f;color:#fcef4c;border:0;height:46px;padding:0 30px;line-height:1;border-radius:3px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .15s ease}
.cf-form input[type=submit]:hover:not(:disabled){background:#000}
.cf-form input[type=submit]:focus-visible{outline:2px solid #8e8207;outline-offset:2px}
.cf-form .cf-field.cf-radio,
.cf-form .cf-field.cf-box-acceptance{background:transparent;border:0;padding:0;height:auto;line-height:inherit}
/* ---- contact form validation ----
The submit stays inactive until every required field is filled and the terms are ticked.
The note above it says what is still missing, so an inactive button is never a mystery. */
.cf-form .cf-errors{
display:none;font-size:14px;line-height:1.5;
margin:0 0 12px;padding:10px 14px;border-radius:6px;
}
.cf-form .cf-errors.is-hint{color:#5f6152;background:#f5f5ef;border:1px solid #e2e2d6}
.cf-form .cf-errors.is-error{color:#a8321e;background:#fbecea;border:1px solid #efc9c2}
.cf-form .cf-errors.is-sent{color:#2c6b3f;background:#eaf3ec;border:1px solid #c6dfcd}
/* the specific fault sits directly under the field it belongs to */
.cf-form .cf-field-error{
display:none;color:#a8321e;font-size:13px;line-height:1.4;margin:5px 0 0;
}
.cf-form .cf-box-acceptance .cf-field-error{margin-left:30px}
/* the theme's fields are filled boxes with no border at all, so a border-color alone is
invisible; an inset ring marks the faulty field without shifting the layout by a pixel */
.cf-form input.error,
.cf-form textarea.error,
.cf-form select.error{box-shadow:inset 0 0 0 2px #c0392b}
.cf-form input[type=checkbox].error,
.cf-form input[type=radio].error{box-shadow:none;border-color:#c0392b}
.cf-form label.error,
.cf-form label.error .cf-list-item-label{color:#a8321e}
.cf-form input[type=submit]:disabled{
background:#d9d9d9;color:#6f6f6f;cursor:not-allowed;opacity:1;
}
.cf-form input[type=submit]:disabled:hover{background:#d9d9d9}
/* the asterisk that marks a required field reads as punctuation in the body colour, so it is
given the same red the validation messages use; it is hidden from screen readers because the
inputs already carry required and aria-required, which is what assistive tech announces */
.cf-form .req{color:#c0392b;font-weight:600}
/* ---- registration form: per field messages and the payment step ----
The form used to answer with one line under the whole form naming every empty field at
once. The message now sits under the field it is about. Odd cells are cleared so a taller
cell cannot stagger the two column grid the floats build. */
.pa-tab-data-filed__input:nth-child(odd){clear:left}
.ra-field-error{display:none;font-size:12px;line-height:1.35;color:#c0392b;margin-top:5px}
.pa-tab-data-fileds input.error{border-color:#c0392b !important;box-shadow:inset 0 0 0 1px #c0392b}
.pa-tab-terms__input .ra-field-error{padding-left:28px}
.pa-tab-data-filed__input input[type=submit]{transition:opacity .15s}
.pa-tab-data-filed__input input[type=submit]:disabled{opacity:.42;cursor:not-allowed}
/* payment step: laid out the way the live site arranges it, the choice block first, then the
price line with the discount code, then the buyer's details, then the button */
.ra-tab-payment .pay-choice-desc{float:left;font-size:16px;font-weight:400;line-height:22px}
.ra-tab-payment .pa-tab-total-cost{padding:14px 20px 12px}
.ra-tab-payment .pa-tab-total-cost__price{margin-right:16px}
.ra-tab-payment .pa-tab-total-cost__price b{font-weight:700}
.ra-tab-payment .pay-rest{width:100%;font-size:13px;line-height:20px;color:#6b6b6b;margin-top:6px}
.ra-tab-payment .pa-tab-client-info .pay-row{font-size:16px;line-height:24px;color:#6b6b6b}
.ra-tab-payment .pa-tab-client-info .pay-row b{color:#333;margin-right:4px}
.pa-tab-payment__type .pay-back{font-size:13px;line-height:37px;font-weight:500;text-decoration:underline;margin-left:16px}
/* Pay and the discount check both need a payment provider, so the button is shown as what it
is: present, plainly not ready, and explained by the line underneath */
.pa-tab-payment__type a.maksmisele.is-off{background:#dcdcdc;color:#8f8f8f;cursor:not-allowed}
.pa-tab-payment__type a.maksmisele.is-off:hover{background:#dcdcdc;color:#8f8f8f}
.pa-tab-total-cost__discount-submit input{transition:opacity .15s}
.pa-tab-total-cost__discount-submit input:disabled{opacity:.45;cursor:not-allowed}
.ra-tab-payment .pay-note{max-width:640px;margin:12px 0 0;font-size:13px;line-height:19px;color:#6b6b6b;
border-left:3px solid #e0e0e0;padding:2px 0 2px 10px;transition:border-color .3s,color .3s}
.ra-tab-payment .pay-note.is-flash{border-left-color:#f95353;color:#333}
@media screen and (max-width:900px){
.ra-tab-payment .pa-tab-total-cost__discount{display:block;margin-top:10px}
.pa-tab-payment__type .pay-back{display:block;margin-left:0;line-height:30px}
}
/* ---- schedule on phones: one card per course instead of a clipped table ----
The theme set .search-course-result to a fixed 1000px below 767px and hid the overflow,
so on a 375px screen the price column and the Vali button were cut off with no way to
reach them. The row is turned into a stacked card instead: date and time on one muted
line, the course name, the price, then the two actions as real sized targets. */
@media screen and (max-width:767px){
.search-course-result{display:block;width:auto;overflow:visible}
.search-course-body{overflow-x:visible}
.search-course-head{display:none}
.search-course-item{display:block;padding:15px 2px 16px;border-bottom:1px solid #ececec}
.search-course-item:last-child{border-bottom:0}
.search-course-item>div{display:block;padding:0;border-bottom:0}
.search-course-item>.search-course-item__date,
.search-course-item>.search-course-item__time{display:inline-block;font-size:13px;line-height:18px;color:#6b6b6b}
.search-course-item__time:before{content:"\00b7";margin:0 7px;color:#c0c0c0}
.search-course-item__title{font-size:15px;line-height:21px;font-weight:500;color:#222;margin:5px 0 7px}
.search-course-item__price{font-size:17px;line-height:22px;font-weight:700;margin-bottom:12px}
/* the two actions share one row and are given a real touch height */
.search-course-item>.search-course-item__more,
.search-course-item>.search-course-item__buy{display:inline-block;vertical-align:top}
.search-course-item>.search-course-item__buy{text-align:left;margin-left:10px}
.search-course-item__more-button,
.search-course-item__buy>a{min-height:44px;padding:0 18px;line-height:42px;font-size:14px;border-radius:6px}
.search-course-item__buy>a{background:#000;color:#fcef4c;border-color:#000;font-weight:700}
.search-course-item__more-button>span{color:#333;font-size:14px}
/* the description popup already goes full screen here, it just needs room to breathe */
.search-course-item__more-button:hover .search-course-item__more-information{top:80px}
}
/* ============================================================================
Button system.
The site had grown 18 distinct button treatments: six border radii, seven font
sizes, five weights, and the same "do the main thing" role played by a yellow
fill, by black with yellow text, and by a transparent outline. Worse, the most
important button on the site, REGISTREERI KOOLITUSELE, wore the weakest of the
three. Everything below maps onto two roles built from the company's own pair.
primary = yellow fill, black label (the action the page is for)
secondary = black outline, black label (everything else)
Both share one radius, one size scale, and a 44px minimum height so they can
actually be tapped. Colours are unchanged from the brand, only made consistent.
============================================================================ */
/* Sizes come from these two, so the touch size and the desktop size are one change each.
A mouse does not need a 44px target, so the desktop buttons stay compact and only touch
sized screens get the taller box. */
:root{
--btn-radius:6px;
--btn-min-h:36px;
--btn-font:13px;
--btn-pad:0 16px;
--btn-yellow:#fcef4c;
--btn-yellow-hi:#fff67f;
--btn-ink:#1a1a17;
}
/* ---- shared metrics ---- */
.l-body .ubtn,
.l-main .w-btn.style_solid,
.search-course-item__buy>a,
.search-course-item__more-button,
.pa-tab-payment__type a.maksmisele,
.pa-tab-data-filed__input input[type=submit],
.search-course-form input[type=submit],
.cd-faq-content__button a,
.cf-form input[type=submit]{
/* the page builder writes radius, weight and border width into each button's own style
attribute, so these have to carry weight to land */
min-height:var(--btn-min-h);
border-radius:var(--btn-radius) !important;
font-size:var(--btn-font);
font-weight:700 !important;
letter-spacing:.04em;
text-transform:uppercase;
padding:var(--btn-pad) !important;
line-height:calc(var(--btn-min-h) - 2px) !important;
border-width:1px !important;
border-style:solid !important;
box-sizing:border-box;
transition:background-color .15s,color .15s,border-color .15s;
}
.l-body .ubtn span{letter-spacing:inherit;font-weight:inherit}
/* ---- primary ---- */
.l-main .w-btn.style_solid.color_primary,
.l-main .w-btn.style_solid.color_primary .w-btn-label,
.search-course-item__buy>a,
.pa-tab-payment__type a.maksmisele,
.pa-tab-data-filed__input input[type=submit],
.search-course-form input[type=submit],
.cd-faq-content__button a,
.cf-form input[type=submit],
.l-body .ubtn[style*="fcef4c"],
.l-body .ubtn[data-bg="#fcef4c"]{
background-color:var(--btn-yellow) !important;
border-color:var(--btn-yellow) !important;
color:var(--btn-ink) !important;
}
.l-body .ubtn[style*="fcef4c"] .ubtn-data,
.l-body .ubtn[data-bg="#fcef4c"] .ubtn-data{color:var(--btn-ink) !important}
.l-main .w-btn.style_solid.color_primary:hover,
.search-course-item__buy>a:hover,
.pa-tab-data-filed__input input[type=submit]:hover,
.search-course-form input[type=submit]:hover,
.cd-faq-content__button a:hover,
.cf-form input[type=submit]:hover{
background-color:var(--btn-yellow-hi) !important;
border-color:var(--btn-yellow-hi) !important;
color:var(--btn-ink) !important;
}
/* the yellow filled .ubtn slides a coloured overlay in on hover; keep it on brand */
.registreeri-koolitusele .ubtn .ubtn-hover,
.l-body .ubtn[style*="fcef4c"] .ubtn-hover,
.l-body .ubtn[data-bg="#fcef4c"] .ubtn-hover{background-color:var(--btn-yellow-hi) !important}
/* ---- secondary ---- */
.l-body .ubtn:not([style*="fcef4c"]):not([data-bg="#fcef4c"]),
.search-course-item__more-button{
background-color:transparent !important;
border-color:var(--btn-ink) !important;
color:var(--btn-ink) !important;
}
.search-course-item__more-button>span{font-size:var(--btn-font);font-weight:700;color:var(--btn-ink)}
/* this one is a bare , and an inline box ignores height, so it needs to become a block
for the shared button metrics to take effect at all */
.cd-faq-content__button a{display:inline-flex;align-items:center;justify-content:center}
/* the whole description popup lives INSIDE that button, so the button's own uppercase, weight
and letter spacing would otherwise be inherited by every line of the course description.
The text has to read exactly as it does on the live site. */
.search-course-item__more-information,
.search-course-item__more-information *{text-transform:none;letter-spacing:normal}
.search-course-item__more-information{font-weight:400}
.l-body .ubtn:not([style*="fcef4c"]):not([data-bg="#fcef4c"]):hover .ubtn-hover{background-color:var(--btn-ink) !important}
.l-body .ubtn:not([style*="fcef4c"]):not([data-bg="#fcef4c"]):hover .ubtn-text{color:var(--btn-yellow) !important}
.search-course-item__more-button:hover{background-color:var(--btn-ink) !important}
.search-course-item__more-button:hover>span{color:var(--btn-yellow)}
/* the footer contact form's Send read as disabled: grey label on a grey fill */
.cf-form input[type=submit]{height:auto}
/* The one call to action the site is built around. It wore the weakest of the three old
treatments; here it is promoted to primary. Placed after the secondary rules and with the
class names repeated so it outranks them without needing a complex :not(), which older
Safari does not understand. */
.registreeri-koolitusele.registreeri-koolitusele .ubtn.ubtn.ubtn.ubtn{
background-color:var(--btn-yellow) !important;
border-color:var(--btn-yellow) !important;
color:var(--btn-ink) !important;
}
.registreeri-koolitusele.registreeri-koolitusele .ubtn.ubtn.ubtn.ubtn :where(span,i,.ubtn-data,.ubtn-text){color:var(--btn-ink) !important}
.registreeri-koolitusele.registreeri-koolitusele .ubtn.ubtn.ubtn.ubtn .ubtn-hover{background-color:var(--btn-yellow-hi) !important}
/* its label is faded in by the theme's own script; without that it never becomes visible */
a.registreeri-koolitusele .ubtn-text{opacity:1}
@media screen and (max-width:900px){
:root{--btn-min-h:44px;--btn-pad:0 20px}
}
/* filter chips stay pills, they are a filter control rather than an action, but they
get the same touch height */
#faq-chips button,
.lang-pill{min-height:var(--btn-min-h)}
/* ---- form controls on touch screens ----
Safari on iOS zooms the whole page whenever a field smaller than 16px is focused, and
then leaves the visitor zoomed in. Registration fields were 14px and the gift card 15px.
The controls also get a 44px minimum so they can be hit reliably. */
.pa-tab-data-filed__input input,
.cf-form .cf-field,
.pa-tab-total-cost__discount-input input,
#faq-search{font-size:16px}
@media screen and (max-width:900px){
.pa-tab-data-filed__input input:not([type=submit]),
.cf-form .cf-field:not([type=submit]),
.pa-tab-total-cost__discount-input input,
.search-course-form select,
#faq-search{min-height:44px}
.cf-form .cf-list-item label{min-height:44px;display:flex;align-items:center}
}
/* ---- getting to the content ----
The first Tab used to land on the language picker, so reaching the page itself meant
tabbing through the whole header and menu on every single page. The skip link sits off
screen until it is focused. .sr-only carries the home page heading, which the design has
no room for but a screen reader and a search engine both need. */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;
background:#111;color:#fcef4c;padding:12px 20px;border-radius:0 0 6px 0;
font-size:15px;font-weight:700;text-decoration:none}
.skip-link:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* ---- tap targets in the chrome ----
The carousel arrows were 20 by 20, the language rows 26 tall and the footer social icons
32 by 23. The artwork keeps its size, the reachable area around it grows. */
.slick-prev,.slick-next,.slick-arrow{width:44px;height:44px}
/* only the rows inside the open list, never the trigger: the trigger draws its chevron with
an ::after, and turning it into a flex box moves that arrow out of place */
.l-subheader .w-dropdown-list .w-dropdown-item{min-height:44px;display:flex;align-items:center}
.l-subheader .w-dropdown-list .w-dropdown-item>a{display:flex;align-items:center;width:100%;min-height:44px}
/* The header icons are left exactly as the theme lays them out. Sizing them here moved them
off their own baseline and up against the hazard stripe, and the top bar has no room to
spare anyway. The footer has room, so only that set gets the larger target. */
.l-footer .w-socials-item-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background-position:center}
/* a few more targets in the chrome that the sweep still found under 44px */
.footer-instagram{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media screen and (max-width:600px){.theme-toggle{width:44px;height:44px;margin-left:6px}}
/* The schedule reserved 100px under the results and 60px under the block that holds them,
160px of pure margin that is invisible when the list is long and only adds to the empty
band when nothing is selected yet. Half of it is enough. */
.search-course-body{margin-bottom:48px}
.course-table-body{margin-bottom:30px}
/* ---- payment step: the price line and the discount code ----
The code field used to sit on the price line as a 150px box with a 26px button beside it,
half the height of every other control on the page and with no label of its own. It is now
its own labelled row: field and button joined into one control at the same 44px as the rest,
so it reads as something to fill in rather than as an afterthought pinned to the price. */
.ra-tab-payment .pay-total-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
.ra-tab-payment .pa-tab-total-cost__title,
.ra-tab-payment .pa-tab-total-cost__price{margin-right:0}
.ra-tab-payment .pa-tab-total-cost__discount{display:block;margin-top:16px}
.ra-tab-payment .pay-discount-label{display:block;font-size:13px;font-weight:700;line-height:18px;
letter-spacing:.5px;color:#333;margin:0 0 6px}
.ra-tab-payment .pay-discount-group{display:flex;align-items:stretch;max-width:360px}
.ra-tab-payment .pa-tab-total-cost__discount-input{flex:1 1 auto;min-width:0;display:block}
.ra-tab-payment .pa-tab-total-cost__discount-input input{width:100%;height:44px;padding:0 12px;
border:1px solid #e2e2e2;border-right:0;border-radius:var(--btn-radius) 0 0 var(--btn-radius);
background:#fff;letter-spacing:1px}
.ra-tab-payment .pa-tab-total-cost__discount-input input:focus{border-color:#9a9a9a}
.ra-tab-payment .pa-tab-total-cost__discount-submit{flex:0 0 auto;display:block}
.ra-tab-payment .pa-tab-total-cost__discount-submit input{width:auto;height:44px;min-height:44px;
padding:0 20px;font-size:var(--btn-font);font-weight:700;letter-spacing:.5px;
border:1px solid var(--btn-yellow);border-radius:0 var(--btn-radius) var(--btn-radius) 0;
background:var(--btn-yellow);color:var(--btn-ink)}
/* the theme turned the label black on a black fill on hover, which read as an empty slab */
.ra-tab-payment .pa-tab-total-cost__discount-submit input:hover{background:var(--btn-yellow-hi);
border-color:var(--btn-yellow-hi);color:var(--btn-ink)}
.ra-tab-payment .pay-discount-hint{margin:6px 0 0;font-size:12px;line-height:17px;color:#6b6b6b}
@media screen and (max-width:600px){
.ra-tab-payment .pay-discount-group{max-width:none}
}
/* Maksa carries the same brand yellow as every other button that does something. Pressing it
points at the line underneath, which is where the payment provider is explained, so it takes
the ordinary pointer rather than a blocked one. */
.pa-tab-payment__type a.maksmisele.is-off,
.pa-tab-payment__type a.maksmisele.is-off:hover{cursor:pointer}
/* ---- one theme switch, one speed ----
The theme lives in colours, and those colours used to arrive at three different speeds: the
page builder writes "transition: background 700ms" into every content box's own style
attribute, links carry a 300ms one, and everything else changed on the spot, so pressing the
button repainted the page in waves.
The switch is now handed to the browser as a view transition: it keeps a picture of the page
as it was, applies the new colours underneath, and fades one picture into the other on the
graphics card. One image blend, so a schedule holding 35000 elements costs the same as an
empty page, and everything turns at exactly the same moment.
The default cross fade lightens both pictures where they overlap; these rules replace it
with a plain fade of the new page over the old one. */
::view-transition-image-pair(root){isolation:auto}
::view-transition-old(root),
::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2;animation:autosoit-theme-in 170ms linear}
@keyframes autosoit-theme-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
::view-transition-old(root),
::view-transition-new(root){animation:none !important}
}
/* ---- Otsing row: the button sits where the buttons below it sit ----
The submit cell was set to grow, so it swallowed whatever width was left over and then
centred an 84px button inside 217px of cell. The result was a band of empty space on the
right of the row that lined up with nothing, while Vali in the results below ended 58px
further right. The cell now takes only the width it needs and is pushed to the right edge,
so Otsing and Vali finish on the same line; the two dropdowns take the space back. */
@media screen and (min-width:768px){
.search-course-form form>.submit-item{flex:0 0 auto;width:auto;margin-left:auto;
text-align:right;padding-right:9px}
.search-course-form form>.select-item{flex:1 1 auto;min-width:0}
}
/* ---- hover on a solid button ----
The theme slides a 15% black veil up over a button on hover. Over the brand yellow that
turns the fill olive, so hovering a live button made it look switched off, and on a photo
it read as a smudge. These buttons already say what their hover is, a lighter yellow, so
the veil is dropped where the shared button system is in charge. */
.no-touch .btn_hov_slide .l-main .w-btn:before,
.no-touch .btn_hov_fade .l-main .w-btn:before,
.no-touch .btn_hov_slide .l-footer .w-btn:before,
.no-touch .btn_hov_fade .l-footer .w-btn:before{display:none}
/* ---- the dropdown the page draws itself ----
The native control stays in the form and keeps the value; it is only taken out of the
pointer's way. Nothing here runs on a touch screen, where the system picker is kept. */
.sel{position:relative;display:block;width:100%;text-align:left}
.sel-native{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sel-btn{display:flex;align-items:center;width:100%;min-height:44px;padding:0 38px 0 13px;
font-size:16px;font-weight:300;line-height:1.3;text-align:left;text-transform:none;letter-spacing:.5px;
color:#333;background:#fff;border:1px solid #e2e2e2;border-radius:var(--btn-radius);
cursor:pointer;position:relative;transition:border-color .15s}
.sel-btn:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;
margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(45deg);opacity:.65;transition:transform .15s}
.sel.is-open .sel-btn:after{transform:rotate(-135deg);margin-top:-2px}
.sel-btn:hover{border-color:#b9b9b9}
.sel-btn:focus-visible{outline:2px solid var(--btn-yellow);outline-offset:1px}
.sel-btn.is-placeholder .sel-value{color:#767676}
.sel-btn[disabled]{opacity:.55;cursor:not-allowed}
.sel-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;margin:0;padding:4px;
list-style:none;overflow-y:auto;background:#fff;border:1px solid #d8d8d8;border-radius:var(--btn-radius);
box-shadow:0 10px 26px rgba(0,0,0,.16)}
.sel-list.is-up{top:auto;bottom:calc(100% + 4px)}
.sel-opt{padding:9px 12px;font-size:15px;line-height:1.35;color:#333;border-radius:4px;cursor:pointer;
white-space:normal}
.sel-opt.is-active{background:#f1f1f1}
.sel-opt.is-on{font-weight:700}
.sel-opt.is-on.is-active{background:#ebebeb}
.sel-opt.is-off{color:#a6a6a6;cursor:not-allowed;background:none}
@media screen and (max-width:767px){
.sel-list{max-height:60vh}
}
/* Hovering Kirjeldus put a black label on the black fill it turns into. The button is inside
the row, so the row's own hover rule for the label ("color:#000", written for the old grey
on white version) outranked the one that belongs to the button and won. On a dark fill the
label takes the brand yellow, the same pair the other way round from Vali. */
.search-course-item__more-button:hover>span,
.search-course-item:hover .search-course-item__more-button:hover>span{color:var(--btn-yellow) !important}
/* ---- the description popups ----
Every course row carries the full course description in a popup that is hidden until the
Kirjeldus button is hovered. Hidden is not free: the browser still styles and lays out every
paragraph, line break and link inside all of them. On a filtered schedule that is the bulk of
the page, around thirty elements per row against eight for the row itself, and it is what
made switching theme with a long result list stutter.
The content is now skipped entirely until the popup is actually asked for. It was already
invisible to a screen reader and to find on page, so nothing is lost that was there before. */
.search-course-item__more-information{content-visibility:hidden}
.search-course-item__more-button:hover .search-course-item__more-information,
.search-course-item__more-button:focus-within .search-course-item__more-information{content-visibility:visible}
/* ---- the result rows ----
The schedule was a table, and a table is one indivisible thing: every row takes part in
working out the columns, so a list of two hundred results was two hundred rows of work every
time anything about the page changed, theme included. A table also cannot be told to skip
what is off screen, because containment does not apply to table rows.
The rows are laid out by hand instead, at exactly the widths the table worked out for itself,
which lets each row be handed to the browser as a self contained piece it is free to skip
while it is out of sight. Roughly ten rows are on screen at a time out of two hundred.
The measured geometry is the same to the pixel except for a single pixel of text height, and
the description popup still opens outside its row: a row only skips its contents while it is
off screen, and a popup is only opened on one that is not. */
@media screen and (min-width:768px){
.search-course-result{display:block}
.search-course-head{display:flex;align-items:stretch}
.search-course-head-item{flex:0 0 auto;width:auto !important}
.search-course-head-item:nth-child(1),
.search-course-head-item:nth-child(2){flex:0 0 9.85%}
.search-course-head-item:nth-child(3){flex:1 1 auto;min-width:0}
.search-course-head-item:nth-child(4){flex:0 0 15.25%}
.search-course-head-item:nth-child(5){flex:0 0 10.54%}
.search-course-head-item:nth-child(6){flex:0 0 7.11%}
.search-course-item{display:flex;align-items:stretch;
content-visibility:auto;contain-intrinsic-size:auto 61px}
.search-course-item>div{display:flex;align-items:center}
.search-course-item__date,
.search-course-item__time{flex:0 0 9.85%}
.search-course-item__title{flex:1 1 auto;min-width:0}
.search-course-item__price{flex:0 0 15.25%}
.search-course-item__more{flex:0 0 10.54%}
.search-course-item__buy{flex:0 0 7.11%}
}
/* ---- what a link does under the pointer ----
Every link on the page turned #b8ac11 on hover, the theme's old secondary colour. That is
2,35 to 1 on white and 2,13 to 1 on the grey sections, so the moment the pointer landed on a
link its text became the hardest thing on the page to read. The colour is now the brand
yellow taken down until it carries on a light ground: 5,12 to 1 on white, 4,65 to 1 on grey.
Selectors repeat the theme's own so they land on exactly the same links and nothing else. */
.no-touch a:hover,
.no-touch a:hover + .w-blog-post-body .w-blog-post-title a,
.no-touch .tablepress .sorting:hover,
.no-touch .w-blog-post-title a:hover{color:#7a6f06}
/* Two link kinds answered no hover at all, so there was nothing to say they could be pressed:
the blog post titles and the question rows on the FAQ page. */
.no-touch a.entry-title:hover,
.no-touch .w-blog-post-title a:hover,
.no-touch .cd-faq-trigger:hover{color:#7a6f06}
/* The darker gold is meant for a light ground. A heading that is brand yellow is sitting on a
dark band, and a link inside it would have taken the gold and gone almost unreadable, so
there the hover goes the other way and lightens. */
.no-touch .cx_custom_heading[style*="fcef4c"] a:hover,
.no-touch .cx_custom_heading[style*="#fff"] a:hover{color:#fff67f}
/* ---- the two buttons on a course row ----
The shared button metrics were made for the page's main actions, and on a schedule row they
came out heavier than the row itself, especially on a phone where every card carried two
44 pixel slabs. These two get their own smaller size: still a comfortable target, no longer
the loudest thing in the row. */
.search-course-item__more-button,
.search-course-item__buy>a{
min-height:30px !important;
padding:0 13px !important;
line-height:28px !important;
font-size:12px !important;
}
.search-course-item__more-button>span,
.search-course-item__buy>a{font-size:12px}
@media screen and (max-width:900px){
.search-course-item__more-button,
.search-course-item__buy>a{
min-height:36px !important;
padding:0 15px !important;
line-height:34px !important;
}
}
/* ---- a course that is on offer ----
The live site tints a discounted course's row green, through a colour written into the row
itself. The rebuild wrote "transparent" onto every row and lost it. The tint is a translucent
green, so on the dark page it lands as a dark green and stays legible; the row's own hover
colour is held back on those rows so the tint is not wiped by passing over it. */
.search-course-item[style*="76,252,131"]:hover{background-color:rgba(76,252,131,0.22) !important}
/* ---- the course description panel ----
The panel was placed by the stylesheet alone: pinned to the row and pulled up by half its
own height. A description runs to eight hundred pixels and a row is sixty one, so most of the
panel ended up above the top of the window, behind the fixed header, and all a reader saw
were the last two lines that happened to fit. On a phone it was worse: it only appeared while
the button was hovered, and a tap is not a hover, so it flashed once and left.
It is now placed by the script, inside the window, with its own scrollbar when the text is
longer than the space, and it is opened by a press as well as by the pointer. */
.search-course-item__more-button:hover .search-course-item__more-information{visibility:hidden;opacity:0}
.search-course-item__more-information{
position:fixed;left:auto;right:auto;top:auto;bottom:auto;transform:none;
width:600px;max-width:calc(100vw - 24px);padding:0;z-index:120;
visibility:hidden;opacity:0;transition:opacity .18s}
.search-course-item__more-information.sc-desc-open{
visibility:visible;opacity:1;content-visibility:visible}
.search-course-item__more-information-inner{
overflow-y:auto;max-height:inherit;padding:19px;padding-bottom:19px;
-webkit-overflow-scrolling:touch}
/* a way out that does not depend on moving a pointer away */
.sc-desc-close{position:absolute;top:6px;right:8px;width:34px;height:34px;line-height:32px;
text-align:center;font-size:22px;font-weight:400;border:0;background:transparent;color:#555;
cursor:pointer;border-radius:6px;z-index:2}
.sc-desc-close:hover{background:rgba(0,0,0,.07);color:#111}
.search-course-item__more-information-inner{position:relative}
.search-course-item__more-title{padding-right:34px}
@media screen and (max-width:767px){
.search-course-item__more-button:hover .search-course-item__more-information{position:fixed}
.search-course-item__more-information-inner{padding-bottom:19px}
}
/* ---- the consent text on the order form ----
Two paragraphs now rather than one block, and the terms of the training agreement are a link
to the document itself. It opens in a new tab on purpose: leaving this page empties the form,
so reading the terms must not cost the visitor what they have already typed. */
.pa-tab-terms__content .terms-para{display:block}
.pa-tab-terms__content .terms-para + .terms-para{margin-top:10px}
.pa-tab-terms__content .terms-link{text-decoration:underline;font-weight:700;color:inherit}
.pa-tab-terms__content .terms-link:hover{color:#7a6f06}
/* ---- the date under a post headline ----
Sweep finding 1. The theme paints the whole post meta line in #999999, which on the white
card is 2,85 to 1 at fourteen pixels. It is the line that tells a reader how old a post is
and it was the faintest thing on the card. The meta block around it is already #666666, so
the date now matches its own surroundings and reads at 5,74 to 1. The dark theme paints this
line itself and is untouched. Affects /meedia/ and the eight post pages in all three
languages. */
.l-main .w-blog-post-meta>*{color:#666666}
/* ---- the step you have not reached yet ----
Sweep finding 2. On the registration wizard the third step's numeral was #a0a0a0 inside an
#e2e2e2 circle, 2,02 to 1, so "Maksmine" read as switched off rather than as the step ahead.
The numeral is darkened to 5,01 to 1 and the circle is left as it was, so the step still
looks quieter than the one you are on without becoming unreadable. The dark theme already
passed at 4,6 to 1 and is untouched. */
.pa-tab-head__item-next i{color:#5f5f5f}
/* ---- the language picker in the top bar ----
Sweep finding 4. The trigger was twenty six pixels tall, under the size a thumb finds
reliably, and it is the same control on every page in all three languages. It is now thirty
two, which the hundred and twenty pixel bar has room for. Two things follow the box: the
chevron is drawn by an ::after at a fixed offset and moves down by the three pixels the box
grew, and the open list is positioned against the trigger, so its top padding grows to match
or the first row would slide under the trigger. */
.l-header .ush_dropdown_2 .w-dropdown-current .w-dropdown-item{padding-top:3px;padding-bottom:3px}
.l-header .ush_dropdown_2 .w-dropdown-current .w-dropdown-item:after{top:11px}
.l-header .ush_dropdown_2 .w-dropdown-list{padding-top:2.86em}
/* ---- what the top bar does under the pointer ----
Sweep finding 5. The theme turns every link in the middle bar brand yellow on hover. On the
dark page that is right, on the white bar it is 1,15 to 1, so hovering the language picker
erased the word instead of answering. The darker gold already used for links elsewhere is
applied here, and only while the page is not dark, so the yellow stays where it works.
The selector carries html and the :not so it outweighs the theme's own, which is written
with four classes. */
html.no-touch:not([data-theme="dark"]) .l-subheader.at_middle a:hover{color:#7a6f06}
/* The search submit is transparent, carries no icon of its own on the light page and answered
nothing at all, in either theme. It is also forty five pixels tall over a thirty two pixel
field, so it hung below the box it belongs to. It is trimmed to the field and tinted under
the pointer. The theme writes background with !important, so this has to as well. */
.l-header .w-search.layout_simple button{height:32px;line-height:32px;width:32px}
.no-touch .l-header .w-search.layout_simple button:hover,
.l-header .w-search.layout_simple button:focus-visible{background-color:rgba(0,0,0,.08) !important}
/* ---- design elements that only a phone held upright lost ----
Three things the theme drops on a narrow screen and keeps on a wide one, so the same phone
shows them in landscape and not in portrait. None of them is in the way of anything: they are
the marks that give the page its structure, and without them the lists read as a plain run of
underlined words.
The plus marks in front of the course links went at 767 pixels, the breadcrumbs under a page
title at 480, and the flag beside the language name at 520. All three are put back. The lists
are left aligned with them, the way they are on a wide screen, because a mark in front of a
centred line has nothing to line up against. The front page's category lists are the one
exception: they are centred under their drawings, further down this file.
The search field and the social icons are NOT brought back here: on a narrow screen the header
collapses to the menu button on purpose and both of them live inside that menu. */
@media screen and (max-width:767px){
.uavc-list-content>div.uavc-list-icon{display:inline-block;vertical-align:top}
.uavc-list-content{text-align:left}
.cars-category-list-block{text-align:left}
}
@media screen and (max-width:480px){
.l-titlebar .g-breadcrumbs{display:block}
}
@media screen and (max-width:520px){
.l-subheader-cell .w-dropdown-item img{display:inline-block}
}
/* ---- the three social icons in the footer ----
The gap before Instagram was wider than the one before YouTube. Only the Instagram link had
been given a 44 pixel box to make it a comfortable target, so its 32 pixel picture sat with
six pixels of its own on each side while the other two had none. All three now get the same
box and the row sets one gap between them, so the spaces read as equal and every one of the
three is the same size to press. */
.footer-social-icon{display:flex;flex-wrap:wrap;align-items:center;gap:0}
.footer-social-icon>a{display:inline-flex;align-items:center;justify-content:center;
min-width:44px;min-height:44px;margin:0;line-height:0}
.footer-social-icon>a>img{display:block;margin:0}
/* ---- the three social icons in the top bar ----
Only Facebook answered the pointer. The theme grows a coloured panel up over each icon on
hover, but an earlier rule here hid that panel for YouTube and Instagram and left Facebook's
alone, so one icon did something and two did nothing. Facebook's panel was showing its own
picture a second time anyway, which is not a hover so much as a stutter.
That panel now does something worth seeing, and the same thing for all three: it carries the
icon in its own colours and fades up over the grey one while the whole mark lifts a couple of
pixels, so the change arrives rather than snapping into place. Anyone who has asked their
machine for less movement gets the colour without the travel. */
.l-header .w-socials-item-link{transition:transform .2s ease}
.l-header .w-socials-item-link-hover{
display:block !important;position:absolute;left:0;right:0;top:0;bottom:0 !important;
height:100% !important;border-radius:50%;pointer-events:none;
background-repeat:no-repeat;background-position:center;background-size:contain;
background-color:transparent !important;
opacity:0;transform:scale(.8);
transition:opacity .2s ease, transform .24s cubic-bezier(.2,.8,.3,1.35);
}
.l-header .w-socials-item-link[aria-label=Facebook] .w-socials-item-link-hover{
background-image:url(../img/facebook_brand.svg)}
.l-header .w-socials-item-link[aria-label=YouTube] .w-socials-item-link-hover{
background-image:url(../img/youtube_brand.svg)}
.l-header .w-socials-item-link[aria-label=Instagram] .w-socials-item-link-hover{
background-image:url(../img/instagram_brand.svg)}
.no-touch .l-header .w-socials-item-link:hover .w-socials-item-link-hover,
.l-header .w-socials-item-link:focus-visible .w-socials-item-link-hover{
opacity:1;transform:scale(1)}
.no-touch .l-header .w-socials-item-link:hover{transform:translateY(-2px)}
/* the little lift on the carousel arrows, for the same reason */
.tagasiside-row .slick-prev,
.tagasiside-row .slick-next{transition:background-color .18s,border-color .18s,transform .18s ease}
.no-touch .tagasiside-row .slick-prev:hover,
.no-touch .tagasiside-row .slick-next:hover{transform:translateY(-50%) scale(1.08)}
@media screen and (max-width:767px){
.no-touch .tagasiside-row .slick-prev:hover,
.no-touch .tagasiside-row .slick-next:hover{transform:scale(1.08)}
}
@media (prefers-reduced-motion:reduce){
.l-header .w-socials-item-link,
.l-header .w-socials-item-link-hover,
.tagasiside-row .slick-prev,
.tagasiside-row .slick-next{transition:opacity .01s linear}
.l-header .w-socials-item-link-hover{transform:none}
.no-touch .l-header .w-socials-item-link:hover{transform:none}
.no-touch .tagasiside-row .slick-prev:hover{transform:translateY(-50%)}
.no-touch .tagasiside-row .slick-next:hover{transform:translateY(-50%)}
}
/* ---- the feedback carousel ----
Three things were off. The quotes were justified, which on a narrow column opens rivers of
white space between the words. The arrows were bare twenty pixel glyphs loose at the edges of
the band, with nothing to say they could be pressed. And on a phone they sat directly on top
of the quote, one of them over the rule beside the text and the other in empty space to its
right. The arrows are buttons now, and on a phone they move underneath the quote and sit side
by side, where they cannot land on the words. */
.testi-item{text-align:left}
.testi-item__agent{padding-left:30px;margin-top:2px}
.tagasiside-row .slick-prev,
.tagasiside-row .slick-next{
width:44px;height:44px;border-radius:50%;
background:#f1f1ec;border:1px solid #dcdcd4;
transition:background-color .18s,border-color .18s;
z-index:2;
}
/* the arrows get a gutter of their own on a wide screen, so the quote never runs under them */
.tagasiside-row .slick-slider{padding-left:58px;padding-right:58px}
.tagasiside-row .slick-prev{left:2px}
.tagasiside-row .slick-next{right:2px}
.tagasiside-row .slick-prev:before,
.tagasiside-row .slick-next:before{color:#1a1a17;opacity:1;font-size:17px}
.no-touch .tagasiside-row .slick-prev:hover,
.no-touch .tagasiside-row .slick-next:hover,
.tagasiside-row .slick-prev:focus-visible,
.tagasiside-row .slick-next:focus-visible{background:#fcef4c;border-color:#d9ca24}
/* the arrow inside goes dark with it, or a pale glyph is left sitting on the yellow */
.no-touch .tagasiside-row .slick-prev:hover:before,
.no-touch .tagasiside-row .slick-next:hover:before,
.tagasiside-row .slick-prev:focus-visible:before,
.tagasiside-row .slick-next:focus-visible:before{color:#1a1a17}
@media screen and (max-width:767px){
.tagasiside-row .slick-slider{padding-left:0;padding-right:0;padding-bottom:62px}
.tagasiside-row .slick-prev,
.tagasiside-row .slick-next{top:auto;bottom:0;transform:none}
.tagasiside-row .slick-prev{left:50%;margin-left:-52px;right:auto}
.tagasiside-row .slick-next{left:50%;margin-left:8px;right:auto}
}
/* the arrow sat above the middle of its button. The button now centres the glyph as a box of
its own, and the glyph comes down the pixel and a half the arrow font leaves empty under it:
the font draws its arrow in the top fourteen pixels of a seventeen pixel box. */
.tagasiside-row .slick-prev,
.tagasiside-row .slick-next{display:flex;align-items:center;justify-content:center}
.tagasiside-row .slick-prev:before,
.tagasiside-row .slick-next:before{display:block;line-height:1;transform:translateY(1.5px)}
/* ---- the back to top button ----
It sat eighty pixels above the bottom edge, which put it up in the middle of the content
rather than in the corner, and it arrived and left with no easing at all. It is lower now,
and it moves on a curve. Only transform and opacity are animated: those two the browser can
hand to the graphics card and play without laying the page out again, so the movement costs
nothing even on a slow phone. The pale black wash it was painted with came out as a grey
smudge on a light page, so it is a solid dark disc with a clear arrow instead, and it takes
the brand yellow under the pointer like every other control. */
/* the arrow is a font glyph, and the theme centred it with a line height and vertical-align
top, which leaves it sitting low in the disc. A flex box centres the glyph on its actual
box instead, in both directions. */
.w-toplink.pos_right{
display:flex;align-items:center;justify-content:center;
width:46px;height:46px;line-height:1;font-size:1.6rem;
margin:0 16px 20px 0;border-radius:50%;
background-color:#1f1f1c;color:#fff !important;
box-shadow:0 4px 14px rgba(0,0,0,.28);
opacity:0;transform:translate3d(0,14px,0);
transition:opacity .22s ease, transform .28s cubic-bezier(.2,.8,.3,1);
will-change:transform,opacity;
}
.w-toplink.pos_right.active{
margin:0 16px 20px 0;
opacity:1;transform:translate3d(0,0,0);
}
.no-touch .w-toplink.pos_right.active:hover{
background-color:#fcef4c;color:#1a1a17 !important;
transform:translate3d(0,-3px,0);
}
.w-toplink.pos_right:focus-visible{
outline:3px solid #fcef4c;outline-offset:3px;
}
/* the glyph's own box, so nothing inherited pushes it off centre */
.w-toplink.pos_right:before{display:block;line-height:1;vertical-align:middle}
@media screen and (max-width:767px){
.w-toplink.pos_right,
.w-toplink.pos_right.active{margin:0 12px 14px 0;width:44px;height:44px;line-height:1}
}
@media (prefers-reduced-motion:reduce){
.w-toplink.pos_right{transition:opacity .01s linear;transform:none;will-change:auto}
.w-toplink.pos_right.active{transform:none}
.no-touch .w-toplink.pos_right.active:hover{transform:none}
}
/* ======================================================================================
Audit of 26.09, the items picked for fixing. Each block says which item it answers.
====================================================================================== */
/* 2 · the footer's own centring is done with text-align below 992 pixels, and a flex row does
not listen to text-align, so the icon row centres itself at the same width */
@media screen and (max-width:991px){
footer .cx_col-sm-12 .footer-social-icon{justify-content:center}
}
/* 3 · on a phone the switch was the largest thing in the header: a 44 pixel circle beside a
32 pixel logo. The circle is drawn at 34 now and an invisible ring keeps the pressable area
at 44, so it looks its size and is still easy to hit. */
@media screen and (max-width:600px){
.l-header .theme-toggle{width:34px;height:34px;position:relative}
.l-header .theme-toggle::after{content:"";position:absolute;inset:-5px;border-radius:50%}
}
/* 8 · a post's own picture was stretched to the full column whatever its real size, so a 500
pixel picture came out 881 wide and soft. On a post page it now stops at its own size and sits
centred; pictures larger than the column are unaffected. The media list is left alone. */
.l-section.for_blogpost .w-blog-post-preview > img{
width:auto !important;max-width:100%;height:auto;margin-left:auto !important;margin-right:auto !important}
/* 9 · buttons keep their label on one line, which is right until a Russian label is longer than
a phone is wide and runs out through the border. On narrow screens they may wrap instead. */
@media screen and (max-width:767px){
.l-body .ubtn{white-space:normal;max-width:100%;height:auto;line-height:1.35}
}
/* 10 · the schedule's results and its filter panel ran to the very edge of a phone while the
rest of the page keeps a 16 pixel margin */
@media screen and (max-width:767px){
.search-course-result,.search-course-body{padding-left:16px;padding-right:16px;box-sizing:border-box}
.search-course-form form{padding-left:12px;padding-right:12px;box-sizing:border-box}
.search-course-form .checkbox-item{flex:1 1 0;min-width:0}
}
/* 11 · lists of links on a phone were lines of 16 pixel targets packed tight: the course menus
beside an article, the page lists, the footer menu and the breadcrumbs. Each line gets room
above and below so a thumb lands on the one it meant; the words and the layout stay. */
@media screen and (max-width:767px){
.l-main .box_nav_menu .sub-nav>.nav-item a,
body ul.children>.pg-item>a{display:inline-block;padding-top:7px;padding-bottom:7px}
footer .cx_custom_heading a{display:inline-block;padding-top:6px;padding-bottom:6px}
.g-breadcrumbs .g-breadcrumbs-item{display:inline-block;padding-top:6px;padding-bottom:6px}
}
/* 13 · the three registration steps stacked as three full rows before the form even began. On
a phone they sit side by side, numbers above short labels, the current one still marked. */
@media screen and (max-width:767px){
.pa-tab-head__inner{display:flex}
.pa-tab-head__inner .pa-tab-head__item,
.pa-tab-head__inner .pa-tab-head__item:first-child{flex:1 1 0;width:auto;float:none;padding:10px 4px;text-align:center}
.pa-tab-head__item i{display:block;margin:0 auto 5px}
.pa-tab-head__item span{font-size:13px;line-height:1.2}
}
/* 14 · the gift card form sat in a card with 40 pixels of padding inside a padded column, so on
a phone the fields used about two thirds of the width */
@media screen and (max-width:767px){
.l-main .cx_column-inner.cx_custom_1536336820702{padding-left:16px !important;padding-right:16px !important}
}
/* 16 · the menus capitalised Every Word, which neither Estonian nor Russian does; the names now
show as they are written */
.l-main .box_nav_menu .sub-nav>.nav-item a,
body ul.children>.pg-item>a{text-transform:none}
/* 19 · running text was the lightest weight in a mid grey. It passed contrast but was tiring to
read, so body copy in the content area goes one step heavier, and on the light page a shade
darker. Headings, the header and the footer keep their own weights; anything with a colour of
its own keeps it. */
.l-main p,.l-main li,.l-main td,.l-main .pb_text_column{font-weight:400}
html:not([data-theme="dark"]) .l-main .pb_text_column{color:#4a4a45}
/* 21 · pure red text written into the content is 4,0 to 1 on white, under the 4,5 it needs. On
the light page it is taken down to a red that reads (5,9 to 1); on the dark page pure red
already passes and is left alone. */
html:not([data-theme="dark"]) .l-main [style*="color: #ff0000"]{color:#c8102e !important}
/* 6 · English and Russian pages whose text only exists in Estonian say so at the top, so a
visitor who chose English or Russian knows why the page is not in their language */
.lang-note-wrap{padding-top:24px}
@media screen and (max-width:767px){.l-main .lang-note-wrap{padding-left:16px;padding-right:16px;box-sizing:border-box}}
.lang-note{margin:0;padding:10px 16px;border-left:4px solid #fcef4c;background:#f6f5ef;color:#3a3a36;font-size:15px;line-height:1.45;border-radius:0 4px 4px 0}
.lang-note-link{font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.no-touch .lang-note-link:hover{color:#7a6f06}
/* ---- the category blocks on the front page, on a phone ----
Below 768 pixels each block stacks: the drawing on top, the yellow label and the list of
courses underneath. The drawing was centred but the label and the list hugged the left edge,
the label only six pixels from it on a narrow phone. Now the label and every line of the list
are centred under the drawing. Each line was a full width table with the plus mark in a cell
of its own; the mark now sits in the line in front of its words, so a long Russian name that
wraps onto a second line keeps its mark with it instead of leaving it at the screen's edge. */
@media screen and (max-width:767px){
.cars-category-list .cars-category-list-block .pb_wrapper{text-align:center}
.cars-category-list .cars-category-list-block h6{text-align:center !important;margin-left:auto;margin-right:auto}
.cars-category-list .cars-category-list-block .uavc-list-icon-wrapper{text-align:center;padding-left:0}
.cars-category-list .cars-category-list-block .uavc-list{margin-left:0;margin-right:0;padding-left:0;text-align:center}
.cars-category-list .cars-category-list-block .uavc-list-content{display:block;width:auto;text-align:center}
.cars-category-list .cars-category-list-block .uavc-list-content>div.uavc-list-icon{display:inline-block;vertical-align:baseline}
.cars-category-list .cars-category-list-block .uavc-list-content span.uavc-list-desc{display:inline;width:auto}
}
/* ---- the cookie question ----
A low card centred at the foot of the screen, under the same yellow and black stripe the
header and the footer carry: a yellow badge with a cookie drawn in it, two or three lines
that say what the answer decides, and the two answers. It does not cover the page or stop
anyone using it. The answers are the site's own outlined buttons, the same size, colour and
weight, so declining is exactly as easy as accepting; there is no close button, because
closing the card without an answer would not be an answer. On a narrower screen the answers
move under the text and share its width. */
.consent{position:fixed;left:20px;right:20px;bottom:20px;z-index:10050;max-width:920px;margin:0 auto;
opacity:0;transform:translateY(16px);transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1)}
.consent.is-open{opacity:1;transform:none}
.consent[hidden]{display:none}
.consent__box{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
gap:14px 18px;padding:22px 22px 18px;background:#fff;color:#1a1a17;border:1px solid #e2e1d8;border-radius:8px;
box-shadow:0 14px 40px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.06)}
.consent__box:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:#333 url(../img/bg_yellow_black.svg)}
.consent__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
background:#fcef4c;color:#1a1a17;flex:none}
.consent__icon svg{width:26px;height:26px;display:block}
.consent__body{min-width:0}
.consent__title{margin:0 0 3px;font-size:16px;font-weight:600;line-height:1.3;color:inherit}
.consent__text{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:#4a4a44;text-wrap:pretty}
.consent__now{margin:6px 0 0;font-size:13px;font-weight:600;color:inherit}
.consent__actions{display:flex;gap:10px}
.consent__btn{min-width:132px;min-height:44px;padding:0 20px;border:2px solid #1a1a17;border-radius:4px;
background:transparent;color:#1a1a17;font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;line-height:1.2;cursor:pointer}
.no-touch .consent__btn:hover,.consent__btn:focus-visible{background:#fcef4c;color:#1a1a17;border-color:#1a1a17}
.consent__btn:focus-visible{outline:3px solid #1a1a17;outline-offset:2px}
@media screen and (max-width:760px){
.consent__box{grid-template-columns:auto 1fr;align-items:start}
.consent__actions{grid-column:1 / -1}
.consent__btn{flex:1 1 0;min-width:0}
}
/* on a phone the badge moves up beside the title and the text takes the card's full width */
@media screen and (max-width:600px){
.consent{left:10px;right:10px;bottom:10px}
.consent__box{grid-template-columns:auto 1fr;grid-template-areas:"icon title" "text text" "now now" "actions actions";
align-items:center;padding:20px 16px 16px;gap:10px 12px}
.consent__body{display:contents}
.consent__icon{grid-area:icon;width:36px;height:36px}
.consent__icon svg{width:20px;height:20px}
.consent__title{grid-area:title;margin:0}
.consent__text{grid-area:text}
.consent__now{grid-area:now;margin:0}
.consent__now[hidden]{display:none}
.consent__actions{grid-area:actions;margin-top:4px}
}
/* the answer: the pressed button fills and gives a little under the finger, then the card
becomes a confirmation. The badge's cookie turns into a check that pops in, the buttons step
aside, and the words say what was chosen. */
.consent__icon-check{display:none}
.consent.is-done .consent__icon-cookie{display:none}
.consent.is-done .consent__icon-check{display:block;animation:consent-pop .34s cubic-bezier(.2,1.4,.4,1) both}
.consent.is-done .consent__icon{box-shadow:0 0 0 6px rgba(252,239,76,.28)}
.consent__icon{transition:box-shadow .3s ease}
.consent__btn:active{transform:scale(.97)}
.consent__btn{transition:background-color .15s,color .15s,border-color .15s,transform .1s}
.consent .consent__btn.is-chosen{background:#1a1a17;color:#fff;border-color:#1a1a17}
.consent.is-done .consent__actions{display:none}
.consent.is-done .consent__body{animation:consent-in .28s ease both}
.consent__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes consent-pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes consent-in{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
.consent,.consent__btn,.consent__icon{transition:none}
.consent.is-done .consent__icon-check,.consent.is-done .consent__body{animation:none}
.consent__btn:active{transform:none}
}
/* the way back to the question, in the footer beside the copyright line */
.consent-open{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;
text-underline-offset:2px;cursor:pointer}
.no-touch .consent-open:hover{color:#fcef4c}
.consent-open:focus-visible{outline:2px solid #fcef4c;outline-offset:2px}
/* ---- a video that waits for an answer ----
It stands where the video will be, in the video's own size, on the near black the theme's
video boxes already use. Its button loads that one video. */
.consent-embed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
box-sizing:border-box;max-width:100%;padding:16px;background:#111;color:#e9e9e2;text-align:center}
.consent-embed--fill{position:absolute;top:0;right:0;bottom:0;left:0}
.consent-embed__text{margin:0;max-width:34em;font-size:14px;line-height:1.45;color:#e9e9e2}
.consent-embed__btn{min-height:44px;padding:10px 18px;border:0;border-radius:4px;background:#fcef4c;color:#1a1a17;
font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .15s}
.no-touch .consent-embed__btn:hover,.consent-embed__btn:focus-visible{background:#fff}
.consent-embed__btn:focus-visible{outline:3px solid #fcef4c;outline-offset:3px}
/* ---- the course description, opening and closing ----
It used to appear and vanish in the same instant. Now it fades in and rises the last few
pixels into place over a quarter of a second, and on the way out it fades the same way
before it goes back into its row. While it fades out its text stays drawn, so it does not
blank first and fade after. */
.search-course-item__more-information{
transform:translateY(8px);
transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s}
.search-course-item__more-information.sc-desc-prep{content-visibility:visible}
.search-course-item__more-information.sc-desc-open{
transform:none;
transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){
.search-course-item__more-information,
.search-course-item__more-information.sc-desc-open{transform:none;transition:opacity .12s linear,visibility 0s linear .12s}
.search-course-item__more-information.sc-desc-open{transition:opacity .12s linear,visibility 0s}
}
/* ---- the dropdown's list with a mouse ----
Each entry is a list item, and list items across the site carry an 8 pixel gap underneath,
so with the entry's own padding the entries stood 46 pixels apart. With a mouse the list now
sits closer, 32 pixels an entry, no gap between them. A touch screen keeps the roomier rows
a finger needs. */
@media (hover:hover) and (pointer:fine){
.sel-opt{margin:0;padding:6px 12px}
}
/* ---- the "Küsi lisa" window ----
Opened by the KÜSI LISA buttons on pages that have no course dates. The browser's own modal
dialog: the page behind is dimmed and cannot be used until the window is closed. The same
yellow and black stripe as the header tops it, and the fields are the site's own form fields,
so the window looks like the rest of the site in both themes. On a phone it takes the whole
width and scrolls inside itself. */
.ask-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);
padding:0;border:0;border-radius:8px;background:#fff;color:#1a1a17;
box-shadow:0 22px 60px rgba(0,0,0,.35);overflow:auto;overscroll-behavior:contain}
.ask-dialog::backdrop{background:rgba(22,22,20,.55)}
.ask-dialog[open]{animation:ask-in .26s cubic-bezier(.2,.8,.2,1)}
.ask-dialog[open]::backdrop{animation:ask-dim .26s ease}
@keyframes ask-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ask-dim{from{opacity:0}to{opacity:1}}
.ask-dialog__box{position:relative;padding:30px 24px 22px}
.ask-dialog__box:before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:#333 url(../img/bg_yellow_black.svg)}
.ask-dialog__title{margin:0 44px 2px 0;font-size:22px;line-height:1.3;font-weight:500;color:inherit}
.ask-dialog__page{margin:0 44px 16px 0;font-size:14px;line-height:1.4;color:#5f5f58}
.ask-dialog__page:empty{display:none}
.ask-dialog__close{position:absolute;top:14px;right:12px;width:40px;height:40px;padding:0;border:0;border-radius:6px;
background:transparent;color:#555;font-size:28px;line-height:40px;cursor:pointer}
.ask-dialog__close:hover{background:rgba(0,0,0,.06);color:#111}
.ask-dialog__close:focus-visible{outline:2px solid #8e8207;outline-offset:1px}
.ask-dialog .cf-form p{margin:0 0 14px}
.ask-dialog .cf-form label{display:block;font-size:15px}
.ask-dialog .cf-form textarea{min-height:120px;resize:vertical}
.ask-dialog .cf-form input[type=submit]{min-width:140px}
/* the field a robot fills in and a person never sees */
.ask-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media screen and (max-width:600px){
.ask-dialog__box{padding:28px 16px 18px}
.ask-dialog__title{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
.ask-dialog[open],.ask-dialog[open]::backdrop{animation:none}
}
/* ---- the schedule on a phone ----
The course name is set in medium weight there, and the date and the time beside it stayed
light, so they faded into the background. They take the same weight now. */
@media screen and (max-width:767px){
.search-course-item__date,.search-course-item__time{font-weight:500}
}
/* ---- a long description on a phone ----
Scrolling a description to its end and then swiping again scrolled the schedule behind it.
The description keeps the swipe to itself, and while it is open on a touch screen the page
behind it does not scroll at all. */
.search-course-item__more-information-inner{overscroll-behavior:contain}
html.sc-desc-lock,html.sc-desc-lock body{overflow:hidden}
/* ---- a form's Send button while the form is incomplete ----
The shared yellow button rule is marked important, so it outranked the grey this state is
meant to have: an inactive Send looked exactly like an active one and a press on it seemed
to do nothing. It is grey again until the form can go. */
.l-body .cf-form input[type=submit]:disabled{
background-color:#d9d9d9 !important;border-color:#d9d9d9 !important;color:#6f6f6f !important;cursor:not-allowed}
/* ---- the page for an address that does not exist ----
Centred like the official site's own page, with a road barrier drawn in the site's yellow and
black stripe above the message: the road ends here. The front page is the one filled button,
the other main pages sit beside it outlined. */
.notfound .l-section-h{padding:64px 0 80px;text-align:center}
.notfound-art{display:block;width:220px;max-width:70%;height:auto;margin:0 auto 26px;color:#1a1a17}
.notfound-code{margin:0 0 4px;font-size:15px;font-weight:700;letter-spacing:.2em;color:#8e8207}
.notfound-title{margin:0 0 14px;font-size:38px;font-weight:500;line-height:1.2;color:#1a1a17;text-wrap:balance}
.notfound-lead{max-width:34em;margin:0 auto 28px;font-size:18px;line-height:1.55;color:#555;text-wrap:pretty}
.notfound-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 26px;padding:0;list-style:none;max-width:44em}
.notfound-links li{margin:0}
.notfound-links a{display:inline-block;min-height:44px;padding:11px 20px;box-sizing:border-box;border:2px solid #1a1a17;
border-radius:4px;color:#1a1a17;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.04em;
text-transform:uppercase;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.notfound-links a.is-home{background:#fcef4c;border-color:#fcef4c}
.no-touch .notfound-links a:hover,.notfound-links a:focus-visible{background:#1a1a17;border-color:#1a1a17;color:#fcef4c}
.notfound-links a:focus-visible{outline:2px solid #1a1a17;outline-offset:2px}
.notfound-hint{margin:0;font-size:15px;color:#6a6a62}
@media screen and (max-width:767px){
.notfound .l-section-h{padding:40px 16px 56px}
.notfound-art{width:180px}
.notfound-title{font-size:30px}
.notfound-lead{font-size:17px}
}
/* ---- back from the bank ----
Where the bank returns a customer after paying for a course. Centred like the page for a
missing address: the same yellow badge with a check that confirms a cookie choice, the thank
you, what to do if the confirmation letter does not come, and the Facebook and Instagram
buttons. */
.thanks .l-section-h{padding:60px 0 80px;text-align:center}
.thanks-badge{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 22px;
border-radius:50%;background:#fcef4c;color:#1a1a17;box-shadow:0 0 0 10px rgba(252,239,76,.28)}
.thanks-badge svg{width:40px;height:40px;display:block}
.thanks-title{max-width:18em;margin:0 auto 18px;font-size:36px;font-weight:500;line-height:1.25;color:#1a1a17;text-wrap:balance}
.thanks-lead{max-width:34em;margin:0 auto 10px;font-size:18px;line-height:1.5;color:#333;text-wrap:pretty}
.thanks-list{display:inline-block;max-width:34em;margin:0 auto 22px;padding:0;list-style:none;text-align:left}
.thanks-list li{position:relative;margin:0 0 6px;padding-left:20px;font-size:16px;line-height:1.5;color:#444}
.thanks-list li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:#fcef4c;
box-shadow:0 0 0 1px #d9ca24}
.thanks-list a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.thanks-bye{margin:0 0 34px;font-size:21px;font-weight:600;color:#1a1a17}
.thanks-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;max-width:32em;
margin:0 auto;padding-top:26px;border-top:1px solid #e4e3dc}
.thanks-or{font-size:14px;color:#6a6a62}
.thanks-btn{display:inline-block;min-height:44px;padding:11px 20px;box-sizing:border-box;border:2px solid #1a1a17;border-radius:4px;
color:#1a1a17;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
transition:background-color .15s,color .15s,border-color .15s}
.no-touch .thanks-btn:hover,.thanks-btn:focus-visible{background:#1a1a17;color:#fcef4c}
.thanks-btn:focus-visible{outline:2px solid #1a1a17;outline-offset:2px}
@media screen and (max-width:767px){
.thanks .l-section-h{padding:40px 16px 56px}
.thanks-title{font-size:28px}
.thanks-lead{font-size:17px}
}