@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=cyrillic'); @font-face{font-family:'Arial Narrow';src:url('../fields/aglettericacondl-regular-webfont.eot');src:url('../fields/aglettericacondl-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fields/aglettericacondl-regular-webfont.woff') format('woff'), url('../fields/aglettericacondl-regular-webfont.ttf') format('truetype'), url('../fields/aglettericacondl-regular-webfont.svg#aglettericacondlregular') format('svg');font-weight:normal;font-style:normal;} #za-main{background:#FFFFFF url('../images/page.jpeg') scroll;margin:0 auto;font-size:12pt;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:justify;position:relative;width:100%;min-height:100%;left:0;top:0;cursor:default;overflow:hidden;} table, ul.za-hmenu{font-size:12px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:justify;} h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{margin:0;padding:0;} .za-button{border-collapse:separate;-webkit-background-origin:border !important;-moz-background-origin:border !important;background-origin:border-box !important;background:#ddd;border-radius:1px;border:1px solid #BFBFBF;padding:0 20px;margin:0 auto;height:28px;} .za-postcontent, .za-postheadericons, .za-postfootericons, .za-blockcontent, ul.za-vmenu a{text-align:left;} .za-postcontent, .za-postcontent li, .za-postcontent table{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;line-height:150%;} .za-postcontent p{margin:12px 0;} .za-postcontent h1, .za-postcontent h1 a, .za-postcontent h1 a:link, .za-postcontent h1 a:visited, .za-postcontent h1 a:hover, .za-postcontent h2, .za-postcontent h2 a, .za-postcontent h2 a:link, .za-postcontent h2 a:visited, .za-postcontent h2 a:hover, .za-postcontent h3, .za-postcontent h3 a, .za-postcontent h3 a:link, .za-postcontent h3 a:visited, .za-postcontent h3 a:hover, .za-postcontent h4, .za-postcontent h4 a, .za-postcontent h4 a:link, .za-postcontent h4 a:visited, .za-postcontent h4 a:hover, .za-postcontent h5, .za-postcontent h5 a, .za-postcontent h5 a:link, .za-postcontent h5 a:visited, .za-postcontent h5 a:hover, .za-postcontent h6, .za-postcontent h6 a, .za-postcontent h6 a:link, .za-postcontent h6 a:visited, .za-postcontent h6 a:hover, .za-blockheader .t, .za-blockheader .t a, .za-blockheader .t a:link, .za-blockheader .t a:visited, .za-blockheader .t a:hover, .za-vmenublockheader .t, .za-vmenublockheader .t a, .za-vmenublockheader .t a:link, .za-vmenublockheader .t a:visited, .za-vmenublockheader .t a:hover, .za-headline, .za-headline a, .za-headline a:link, .za-headline a:visited, .za-headline a:hover, .za-slogan, .za-slogan a, .za-slogan a:link, .za-slogan a:visited, .za-slogan a:hover, .za-postheader, .za-postheader a, .za-postheader a:link, .za-postheader a:visited, .za-postheader a:hover{font-size:28px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-align:left;} .za-postcontent a, .za-postcontent a:link{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:none;color:#3387CC;} .za-postcontent a:visited, .za-postcontent a.visited{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:underline;color:#3389D5;} .za-postcontent a:hover, .za-postcontent a.hover{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:underline;color:#60A2D7;} .za-postcontent h1, .rsform h1{color:#9C9C9C;margin:10px 0;font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-blockcontent h1{margin:10px 0;font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postcontent h1 a, .za-postcontent h1 a:link, .za-postcontent h1 a:hover, .za-postcontent h1 a:visited, .za-blockcontent h1 a, .za-blockcontent h1 a:link, .za-blockcontent h1 a:hover, .za-blockcontent h1 a:visited{font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postcontent h2{color:#3387CC;margin:10px 0 20px;font-size:16px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-blockcontent h2, h2{margin:10px 0 20px;font-size:32px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postcontent h2 a, .za-postcontent h2 a:link, .za-postcontent h2 a:hover, .za-postcontent h2 a:visited, .za-blockcontent h2 a, .za-blockcontent h2 a:link, .za-blockcontent h2 a:hover, .za-blockcontent h2 a:visited{font-size:16px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postcontent h3{color:#89B5E6;margin:20px 0 10px;font-size:15px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-blockcontent h3{margin:20px 0 10px;font-size:22px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postcontent h3 a, .za-postcontent h3 a:link, .za-postcontent h3 a:hover, .za-postcontent h3 a:visited, .za-blockcontent h3 a, .za-blockcontent h3 a:link, .za-blockcontent h3 a:hover, .za-blockcontent h3 a:visited{font-size:15px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postcontent h4{color:#3982D5;margin:10px 0;font-size:14px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} .za-blockcontent h4{margin:10px 0;font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} .za-postcontent h4 a, .za-postcontent h4 a:link, .za-postcontent h4 a:hover, .za-postcontent h4 a:visited, .za-blockcontent h4 a, .za-blockcontent h4 a:link, .za-blockcontent h4 a:hover, .za-blockcontent h4 a:visited{font-size:14px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} .za-postcontent h5{color:#292929;font-size:36px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;line-height:125%;} .za-blockcontent h5{font-size:36px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;line-height:125%;} .za-postcontent h5 a, .za-postcontent h5 a:link, .za-postcontent h5 a:hover, .za-postcontent h5 a:visited, .za-blockcontent h5 a, .za-blockcontent h5 a:link, .za-blockcontent h5 a:hover, .za-blockcontent h5 a:visited{font-size:36px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;line-height:125%;} .za-postcontent h6{color:#616161;font-size:14px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-align:left;} .za-blockcontent h6{font-size:14px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-align:left;} .za-postcontent h6 a, .za-postcontent h6 a:link, .za-postcontent h6 a:hover, .za-postcontent h6 a:visited, .za-blockcontent h6 a, .za-blockcontent h6 a:link, .za-blockcontent h6 a:hover, .za-blockcontent h6 a:visited{font-size:14px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-align:left;} h1, h2, h3, h4, h5, h6{font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} header, footer, article, nav, #za-hmenu-bg, .za-sheet, .za-hmenu a, .za-vmenu a, .za-slidenavigator > a, .za-checkbox:before, .za-radiobutton:before{-webkit-background-origin:border !important;-moz-background-origin:border !important;background-origin:border-box !important;} header, footer, article, nav, #za-hmenu-bg, .za-sheet, .za-slidenavigator > a, .za-checkbox:before, .za-radiobutton:before{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} ul{list-style-type:none;} ol{list-style-position:inside;} html, body{height:100%;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} body{padding:0;margin:0;min-width:1000px;color:#404040;} .za-header:before, #za-header-bg:before, .za-layout-cell:before, .za-layout-wrapper:before, .za-footer:before, .za-nav:before, #za-hmenu-bg:before, .za-sheet:before{width:100%;content:" ";display:table;border-collapse:collapse;border-spacing:0;} .za-header:after, #za-header-bg:after, .za-layout-cell:after, .za-layout-wrapper:after, .za-footer:after, .za-nav:after, #za-hmenu-bg:after, .za-sheet:after, .cleared, .clearfix:after{clear:both;font:0/0 serif;display:block;content:" ";} form{padding:0 !important;} table.position{position:relative;width:100%;table-layout:fixed;} li h1, .za-postcontent li h1, .za-blockcontent li h1{margin:1px;} li h2, .za-postcontent li h2, .za-blockcontent li h2{margin:1px;} li h3, .za-postcontent li h3, .za-blockcontent li h3{margin:1px;} li h4, .za-postcontent li h4, .za-blockcontent li h4{margin:1px;} li h5, .za-postcontent li h5, .za-blockcontent li h5{margin:1px;} li h6, .za-postcontent li h6, .za-blockcontent li h6{margin:1px;} li p, .za-postcontent li p, .za-blockcontent li p{margin:1px;} .za-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;} .za-slider-inner{position:relative;overflow:hidden;width:100%;height:100%;} .za-slidenavigator > a{display:inline-block;vertical-align:middle;outline-style:none;font-size:1px;} .za-slidenavigator > a:last-child{margin-right:0 !important;} .za-positioncontrol-1789122742{display:block;width: 80%; height: 250px; margin: 0 auto;z-index:101;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} .za-positioncontrol-196393844{display:block;left:38.63%;margin-left:-150px;position:absolute;top:61px;width:389px;height:50px;z-index:102;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} .za-positioncontrol-1223590438{display:block;left:97.15%;margin-left:-256px;position:absolute;top:63px;width:264px;height:50px;z-index:103;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} .za-footer .layout-item-0{border-spacing:15px 0px;border-collapse:separate;} .za-footer .layout-item-1{padding:20px 20px 7px 20px;} .ie7 .za-post .za-layout-cell{border:none !important;padding:0 !important;} .ie6 .za-post .za-layout-cell{border:none !important;padding:0 !important;} .za-header{margin:0 auto;background-repeat:no-repeat;height:257px;position:relative;} .custom-responsive .za-header{/*background-image:url('../images/header2r.jpg');background-position:center top;*/} .default-responsive .za-header, .default-responsive #za-header-bg{} .za-header-inner{position:relative;width:1000px;z-index:auto !important;margin:0 auto;} .za-header>div.za-nostyle, .za-header>div.za-block, .za-header>div.za-post{position:absolute;z-index:101;} .za-nav{background:#fff;padding:5px 0;position:relative;margin:0;top:0;width:100%;z-index:100;text-align:right;} ul.za-hmenu a, ul.za-hmenu a:link, ul.za-hmenu a:visited, ul.za-hmenu a:hover{outline:none;position:relative;z-index:11;} ul.za-hmenu, ul.za-hmenu ul{display:block;margin:0;padding:0;border:0;list-style-type:none;} ul.za-hmenu li{position:relative;z-index:5;display:block;float:left;background:none;margin:0;padding:0;border:0;} ul.za-hmenu li:hover{z-index:10000;white-space:normal;} ul.za-hmenu:after, ul.za-hmenu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both;} ul.za-hmenu, ul.za-hmenu ul{min-height:0;} ul.za-hmenu{display:inline-block;vertical-align:middle;} .za-nav:before, .za-nav-inner:before{content:' ';} nav.za-nav{border-bottom-right-radius:0;border-bottom-left-radius:0;} .desktop .za-nav-inner{width:1000px;padding-left:0;padding-right:0;} .za-nav-inner{text-align:right;margin:0 auto;} .za-hmenu-extra1{position:relative;display:block;float:left;width:auto;height:auto;background-position:center;} .za-hmenu-extra2{ position: relative; display: block; float: none; width: auto; height: auto; background-position: center; } #mod_improved_ajax_login-384{ padding: 5px 5px 0 0; } .za-hmenu{float:right;} .za-menuitemcontainer{margin:0 auto;} ul.za-hmenu>li{margin-left:5px;} ul.za-hmenu>li:first-child{margin-left:4px;} ul.za-hmenu>li:last-child, ul.za-hmenu>li.last-child{margin-right:4px;} ul.za-hmenu>li>a, .jbzoo-filter .controls input, .jbzoo .add-to-cart, .submission button.button-green, #btl .btl-panel > #btl-panel-profile, .jbzoo .jbbutton{background:#004a94;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:bold;padding:0 40px;margin:0 auto;position:relative;display:block;height:35px;cursor:pointer;text-decoration:none;color:#fff;line-height:35px;text-align:center;min-width:inherit;border:none;} .jbzoo label.jbfilter-label{background:transparent;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:bold;margin:0 auto;position:relative;display:block;height:35px;cursor:pointer;text-decoration:none;color:#000000;line-height:35px;text-align:center;min-width:inherit;border:none;text-shadow:none;} .za-hmenu>li>a, .za-hmenu>li>a:link, .za-hmenu>li>a:visited, .za-hmenu>li>a.active, .za-hmenu>li>a:hover{background:#004a94;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:none;text-align:left;font-weight:bold;} ul.za-hmenu>li>a.active{background:#0158af;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:0 40px;margin:0 auto;color:#fff;text-decoration:none;} ul.za-hmenu>li>a:visited, ul.za-hmenu>li>a:hover, ul.za-hmenu>li:hover>a{text-decoration:none;} ul.za-hmenu>li>a:hover, .desktop ul.za-hmenu>li:hover>a, .jbzoo-filter .controls input:hover, .submission button.button-green:hover, .jbzoo .add-to-cart:hover{background:#0265c9;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;padding:0 40px;margin:0 auto;min-width:inherit;border:none;} ul.za-hmenu>li>a:hover, .desktop ul.za-hmenu>li:hover>a{color:#fff;text-decoration:none;} ul.za-hmenu li li a{background:#BFBFBF;border:1px solid #949494;padding:0 8px;margin:0 auto;} ul.za-hmenu li li{float:none;width:auto;margin-top:0;margin-bottom:0;} .desktop ul.za-hmenu li li ul>li:first-child{margin-top:0;} ul.za-hmenu li li ul>li:last-child{margin-bottom:0;} .za-hmenu ul a{display:block;white-space:nowrap;height:23px;min-width:7em;border:1px solid transparent;text-align:left;line-height:23px;color:#262626;font-size:12px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-decoration:none;margin:0;} .za-hmenu li li a{border-top-width:0 !important;} .za-hmenu li li:hover>a{border-top-width:1px !important;} .za-hmenu ul>li:first-child>a{border-top-width:1px !important;} .za-hmenu ul a:link, .za-hmenu ul a:visited, .za-hmenu ul a.active, .za-hmenu ul a:hover{background:#004a94;text-align:left;line-height:23px;color:#fff;font-size:12px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-decoration:none;margin:0;} ul.za-hmenu ul li a:hover, .desktop ul.za-hmenu ul li:hover>a{background:#ABABAB;border:1px solid #6CA2E0;margin:0 auto;} .za-hmenu ul a:hover{color:#112E45;} .za-hmenu ul li a.za-hmenu-before-hovered{border-bottom-width:0 !important;} .desktop .za-hmenu ul li:hover>a{color:#112E45;} ul.za-hmenu ul:before{background:#3982D5;margin:0 auto;display:block;position:absolute;content:' ';z-index:1;} .desktop ul.za-hmenu li:hover>ul{visibility:visible;top:100%;} .desktop ul.za-hmenu li li:hover>ul{top:0;left:100%;} ul.za-hmenu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0;background-image:url('../images/spacer.gif');} .desktop ul.za-hmenu>li>ul{padding:10px 30px 30px 30px;margin:-10px 0 0 -30px;} .desktop ul.za-hmenu ul ul{padding:30px 30px 30px 10px;margin:-30px 0 0 -10px;} .desktop ul.za-hmenu ul.za-hmenu-left-to-right{right:auto;left:0;margin:-10px 0 0 -30px;} .desktop ul.za-hmenu ul.za-hmenu-right-to-left{left:auto;right:0;margin:-10px -30px 0 0;} .desktop ul.za-hmenu li li:hover>ul.za-hmenu-left-to-right{right:auto;left:100%;} .desktop ul.za-hmenu li li:hover>ul.za-hmenu-right-to-left{left:auto;right:100%;} .desktop ul.za-hmenu ul ul.za-hmenu-left-to-right{right:auto;left:0;padding:30px 30px 30px 10px;margin:-30px 0 0 -10px;} .desktop ul.za-hmenu ul ul.za-hmenu-right-to-left{left:auto;right:0;padding:30px 10px 30px 30px;margin:-30px -10px 0 0;} .desktop ul.za-hmenu li ul>li:first-child{margin-top:0;} .desktop ul.za-hmenu li ul>li:last-child{margin-bottom:0;} .desktop ul.za-hmenu ul ul:before{border-radius:0;top:30px;bottom:30px;right:30px;left:10px;} .desktop ul.za-hmenu>li>ul:before{top:10px;right:30px;bottom:30px;left:30px;} .desktop ul.za-hmenu>li>ul.za-hmenu-left-to-right:before{right:30px;left:30px;} .desktop ul.za-hmenu>li>ul.za-hmenu-right-to-left:before{right:30px;left:30px;} .desktop ul.za-hmenu ul ul.za-hmenu-left-to-right:before{right:30px;left:10px;} .desktop ul.za-hmenu ul ul.za-hmenu-right-to-left:before{right:10px;left:30px;} .za-sheet{background:#FFFFFF;margin:0 auto;position:relative;cursor:auto;width:100%;z-index:auto !important;} .za-layout-wrapper{position:relative;margin:0 auto 0 auto;z-index:auto !important;} .za-content-layout{display:table;width:100%;table-layout:fixed;} .za-content-layout-row{display:table-row;} .za-content-stacktests{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:space-around;margin:20px;} .za-stacktests-cell{ flex-basis: 280px; margin: 20px 10px; padding: 1em 0; } .za-stacktests-cell .za-blockcontent h3{margin: 0;} .za-layout-cell{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell;vertical-align:top;} .za-postcontent .za-content-layout{border-collapse:collapse;} .za-vmenublock{margin:10px;} div.za-vmenublock img{margin:0;} .za-vmenublockheader{padding:10px 3px;margin:0 auto;} .za-vmenublockheader .t, .za-vmenublockheader .t a, .za-vmenublockheader .t a:link, .za-vmenublockheader .t a:visited, .za-vmenublockheader .t a:hover{color:#000000;font-size:16px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-align:center;margin-left:10px;margin-right:10px;} .za-vmenublockcontent{border:1px solid rgba(222, 222, 222, 0.6);padding:3px;margin:0 auto;} ul.za-vmenu, ul.za-vmenu ul{list-style:none;display:block;} ul.za-vmenu, ul.za-vmenu li{display:block;margin:0;padding:0;width:auto;line-height:0;} ul.za-vmenu{margin-top:0;margin-bottom:0;} ul.za-vmenu ul{display:none;margin:0;padding:0;position:relative;} ul.za-vmenu ul.active{display:block;} ul.za-vmenu>li>a{padding:0 10px;margin:0 auto;font-size:12px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-decoration:none;color:#808080;min-height:28px;line-height:28px;} ul.za-vmenu a{display:block;cursor:pointer;z-index:1;position:relative;} ul.za-vmenu li{position:relative;} ul.za-vmenu>li{margin-top:0;} ul.za-vmenu>li>ul{padding:0;margin-top:0;margin-bottom:0;} ul.za-vmenu>li:first-child{margin-top:0;} ul.za-vmenu>li>a:hover, ul.za-vmenu>li>a.active:hover{padding:0 10px;margin:0 auto;} ul.za-vmenu a:hover, ul.za-vmenu a.active:hover{color:#424242;} ul.za-vmenu>li>a.active:hover>span.border-top, ul.za-vmenu>li>a.active:hover>span.border-bottom{background-color:transparent;} ul.za-vmenu>li>a.active{padding:0 10px;margin:0 auto;color:#3387CC;} ul.za-vmenu>li>ul:before{margin:0 auto;display:block;position:absolute;content:' ';top:0;right:0;bottom:0;left:0;} ul.za-vmenu li li a{margin:0 auto;position:relative;} ul.za-vmenu ul li{margin:0;padding:0;} ul.za-vmenu li li{position:relative;margin-top:0;} ul.za-vmenu ul a{display:block;position:relative;min-height:20px;overflow:visible;padding:0;padding-left:25px;padding-right:0;z-index:0;line-height:20px;color:#808080;font-size:11px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;margin-left:0;margin-right:0;} ul.za-vmenu ul a:visited, ul.za-vmenu ul a.active:hover, ul.za-vmenu ul a:hover, ul.za-vmenu ul a.active{line-height:20px;color:#808080;font-size:11px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;margin-left:0;margin-right:0;} ul.za-vmenu ul ul a{padding-left:50px;} ul.za-vmenu ul ul ul a{padding-left:75px;} ul.za-vmenu ul ul ul ul a{padding-left:100px;} ul.za-vmenu ul ul ul ul ul a{padding-left:125px;} ul.za-vmenu ul>li>a:hover, ul.za-vmenu ul>li>a.active:hover{background:#9ABFEA;margin:0 auto;} ul.za-vmenu ul li a:hover, ul.za-vmenu ul li a.active:hover{color:#1B497E;} ul.za-vmenu ul a:hover:after{background-position:center;} ul.za-vmenu ul a.active:hover:after{background-position:center;} ul.za-vmenu ul a.active:after{background-position:bottom;} ul.za-vmenu ul>li>a.active{background:#C7C7C7;margin:0 auto;} ul.za-vmenu ul a.active, ul.za-vmenu ul a:hover, ul.za-vmenu ul a.active:hover{color:#4F4F4F;} .za-block{margin:10px;} div.za-block img{border:none;margin:0;} .za-blockheader{padding:10px 7px;margin:0 auto;} .za-blockheader .t, .za-blockheader .t a, .za-blockheader .t a:link, .za-blockheader .t a:visited, .za-blockheader .t a:hover{color:#000000;font-size:16px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;text-align:center;margin-left:10px;margin-right:10px;} .za-blockcontent{border:1px solid rgba(222, 222, 222, 0.5);padding:7px;margin:0 auto;color:#404040;font-size:12px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} .za-content-stacktests .za-blockcontent{ border: 1px solid rgb(45, 125, 201); padding: 20px 0px; height: 100%; } .za-blockcontent table, .za-blockcontent li, .za-blockcontent a, .za-blockcontent a:link, .za-blockcontent a:visited, .za-blockcontent a:hover{color:#404040;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} .za-blockcontent a, .za-blockcontent a:link{color:#3387CC;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:underline;} .za-blockcontent a:visited, .za-blockcontent a.visited{color:#3389D5;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:underline;} .za-blockcontent a:hover, .za-blockcontent a.hover{color:#60A2D7;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:none;} .za-block ul>li:before{content:url('../images/blockbullets.png');margin-right:6px;bottom:2px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;margin-left:-13px;} .opera .za-block ul>li:before{bottom:0;} .za-block li{font-size:12px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:none;line-height:125%;color:#696969;} .za-block ul>li, .za-block ol{padding:0;} .za-block ul>li{padding-left:13px;} .za-breadcrumbs{margin:0 auto;} a.za-button, a.za-button:link, a:link.za-button:link, body a.za-button:link, a.za-button:visited, body a.za-button:visited, input.za-button, button.za-button{text-decoration:none;font-size:12px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;position:relative;display:inline-block;vertical-align:middle;white-space:nowrap;text-align:center;color:#404040;margin:0 5px 0 0 !important;overflow:visible;cursor:pointer;text-indent:0;line-height:28px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .za-button img{margin:0;vertical-align:middle;} .firefox2 .za-button{display:block;float:left;} input, select, textarea, a.za-search-button span{vertical-align:middle;font-size:12px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;} .za-block select{width:96%;} input.za-button{float:none !important;-webkit-appearance:none;} .za-button.active, .za-button.active:hover{background:#6CA2E0;background:-webkit-linear-gradient(top, #8DB7E7 0, #4E8FDA 100%) no-repeat;background:-moz-linear-gradient(top, #8DB7E7 0, #4E8FDA 100%) no-repeat;background:-o-linear-gradient(top, #8DB7E7 0, #4E8FDA 100%) no-repeat;background:-ms-linear-gradient(top, #8DB7E7 0, #4E8FDA 100%) no-repeat;background:linear-gradient(to bottom, #8DB7E7 0, #4E8FDA 100%) no-repeat;-svg-background:linear-gradient(top, #8DB7E7 0, #4E8FDA 100%) no-repeat;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border:1px solid #6CA2E0;padding:0 20px;margin:0 auto;} .za-button.active, .za-button.active:hover{color:#FFFFFF !important;} .za-button.hover, .za-button:hover{background:#ddd;border-radius:1px;border:1px solid #9ABFEA;padding:0 20px;margin:0 auto;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea{background:#F9FAFB;border:1px solid rgba(96, 162, 215, 0.2);margin:0 auto;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea{width:auto;padding:8px 0;color:#184162 !important;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-shadow:none;} input.za-error, textarea.za-error{background:#F9FAFB;border:1px solid #E2341D;margin:0 auto;} input.za-error, textarea.za-error{color:#184162 !important;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} form.za-search input[type="text"]{background:#F9FAFB;border-radius:0;border:1px solid #CCD6E0;margin:0 auto;width:100%;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#184162 !important;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} form.za-search{background-image:none;border:0;display:block;position:relative;top:0;padding:0;margin:5px;float:right;width:300px;line-height:0;z-index:1;} form.za-search input, a.za-search-button{-webkit-appearance:none;top:0;right:0;} form.za-search>input, a.za-search-button{bottom:0;left:0;vertical-align:middle;} form.za-search input[type="submit"], input.za-search-button, a.za-search-button{background:#eee;border-radius:0;margin:0 auto;} form.za-search input[type="submit"], input.za-search-button, a.za-search-button{position:absolute;left:auto;display:block;border:0;top:7px;bottom:1px;right:7px;padding:0 6px;color:#1E538F !important;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;cursor:pointer;height:30px;} a.za-search-button span.za-search-button-text, a.za-search-button:after{vertical-align:middle;} a.za-search-button:after{display:inline-block;content:' ';height:100%;} a.za-search-button, a.za-search-button span, a.za-search-button:visited, a.za-search-button.visited, a.za-search-button:hover, a.za-search-button.hover{text-decoration:none;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;} a.za-search-button{line-height:100% !important;} label.za-checkbox:before{background:#F9FAFB;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border-width:0;margin:0 auto;width:16px;height:16px;} label.za-checkbox{cursor:pointer;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;line-height:16px;display:inline-block;color:#194466 !important;} .za-checkbox>input[type="checkbox"]{margin:0 5px 0 0;} label.za-checkbox.active:before{background:#BFBFBF;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border-width:0;margin:0 auto;width:16px;height:16px;display:inline-block;} label.za-checkbox.hovered:before{background:#DEDEDE;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border-width:0;margin:0 auto;width:16px;height:16px;display:inline-block;} label.za-radiobutton:before{background:#F9FAFB;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-width:0;margin:0 auto;width:12px;height:12px;} label.za-radiobutton{cursor:pointer;font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:normal;line-height:12px;display:inline-block;color:#194466 !important;} .za-radiobutton>input[type="radio"]{vertical-align:baseline;margin:0 5px 0 0;} label.za-radiobutton.active:before{background:#BFBFBF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-width:0;margin:0 auto;width:12px;height:12px;display:inline-block;} label.za-radiobutton.hovered:before{background:#DEDEDE;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-width:0;margin:0 auto;width:12px;height:12px;display:inline-block;} .za-comments{border-top:1px dotted #ABABAB;margin:0 auto;margin-top:25px;} .za-comments h2{color:#292929;} .za-comment-inner{background:#E2E8EE;background:transparent;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px;margin:0 auto;margin-left:94px;} .za-comment-avatar{float:left;width:80px;height:80px;padding:1px;background:#fff;border:1px solid #E2E8EE;} .za-comment-avatar>img{margin:0 !important;border:none !important;} .za-comment-content{padding:10px 0;color:#163D69;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;} .za-comment{margin-top:6px;} .za-comment:first-child{margin-top:0;} .za-comment-header{color:#292929;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;line-height:100%;} .za-comment-header a, .za-comment-header a:link, .za-comment-header a:visited, .za-comment-header a.visited, .za-comment-header a:hover, .za-comment-header a.hovered{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;line-height:100%;} .za-comment-header a, .za-comment-header a:link{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#878787;} .za-comment-header a:visited, .za-comment-header a.visited{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#878787;} .za-comment-header a:hover, .za-comment-header a.hovered{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#878787;} .za-comment-content a, .za-comment-content a:link, .za-comment-content a:visited, .za-comment-content a.visited, .za-comment-content a:hover, .za-comment-content a.hovered{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;} .za-comment-content a, .za-comment-content a:link{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#2A6FA7;} .za-comment-content a:visited, .za-comment-content a.visited{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#1D518B;} .za-comment-content a:hover, .za-comment-content a.hovered{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#2A6FA7;} .za-pager{padding:5px;} .za-pager>*:last-child{margin-right:0 !important;} .za-pager>span{cursor:default;} .za-pager>*{background:#DEDEDE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #DEDEDE;padding:7px;margin:0 4px 0 auto;line-height:normal;position:relative;display:inline-block;margin-left:0;} .za-pager a:link, .za-pager a:visited, .za-pager .active{line-height:normal;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:none;color:#212121;} .za-pager .active{background:#B6BFC9;border:1px solid #DEDEDE;padding:7px;margin:0 4px 0 auto;color:#FFFFFF;} .za-pager .more{background:#DEDEDE;border:1px solid #DEDEDE;margin:0 4px 0 auto;} .za-pager a.more:link, .za-pager a.more:visited{color:#0D2335;} .za-pager a:hover{background:#BFBFBF;border:1px solid #DEDEDE;padding:7px;margin:0 4px 0 auto;} .za-pager a:hover, .za-pager a.more:hover{color:#262626;} .za-pager>*:after{margin:0 0 0 auto;display:inline-block;position:absolute;content:' ';top:0;width:0;height:100%;right:0;text-decoration:none;} .za-pager>*:last-child:after{display:none;} .za-commentsform{background:#E2E8EE;background:transparent;padding:10px;margin:0 auto;margin-top:25px;color:#292929;} .za-commentsform h2{padding-bottom:10px;margin:0;color:#292929;} .za-commentsform label{display:inline-block;line-height:25px;} .za-commentsform input:not([type=submit]), .za-commentsform textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;max-width:100%;} .za-commentsform .form-submit{margin-top:10px;} .za-post{padding:0;} a img{border:0;} .za-article img, img.za-article, .za-block img, .za-footer img{margin:0 10px 0 0;} .za-metadata-icons img{border:none;vertical-align:middle;margin:2px;} .za-article table, table.za-article{border-collapse:collapse;margin:1px;} .za-post .za-content-layout-br{height:0;} .za-article th, .za-article td{padding:2px;vertical-align:top;} .za-article th{text-align:center;vertical-align:middle;padding:7px;} pre{overflow:auto;padding:0.1em;} .preview-cms-logo{border:0;margin:1em 1em 0 0;float:left;} .image-caption-wrapper{padding:0 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .image-caption-wrapper img{margin:0 !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .image-caption-wrapper div.za-collage{margin:0 !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .image-caption-wrapper p{font-size:80%;text-align:right;margin:0;} .za-postheader{color:#757575;margin:10px 0 0 10px;font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;border-bottom:1px solid #757575;} .za-postheader a, .za-postheader a:link, .za-postheader a:visited, .za-postheader a.visited, .za-postheader a:hover, .za-postheader a.hovered{font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;text-align:left;} .za-postheader a, .za-postheader a:link{font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;text-decoration:none;text-align:left;color:#2E7AB8;} .za-postheader a:visited, .za-postheader a.visited{font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;text-decoration:none;text-align:left;color:#8C8C8C;} .za-postheader a:hover, .za-postheader a.hovered{font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;text-decoration:none;text-align:left;color:#60A2D7;} .za-postheadericons, .za-postheadericons a, .za-postheadericons a:link, .za-postheadericons a:visited, .za-postheadericons a:hover{font-size:11px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;color:#878787;} .za-postheadericons{padding:1px;} .za-postheadericons a, .za-postheadericons a:link{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:underline;color:#1F5593;} .za-postheadericons a:visited, .za-postheadericons a.visited{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:underline;color:#1F5593;} .za-postheadericons a:hover, .za-postheadericons a.hover{font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;text-decoration:none;color:#1C1C1C;} .za-postpdficon:before{content:url('../images/system/pdf_button.png');margin-right:6px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;bottom:auto;} .opera .za-postpdficon:before{bottom:0;} .za-postprinticon:before{content:url('../images/system/printButton.png');margin-right:6px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;bottom:auto;} .opera .za-postprinticon:before{bottom:0;} li.print-icon{position:absolute;right:50;top:50;} .za-postemailicon:before{content:url('../images/system/emailButton.png');margin-right:6px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;bottom:auto;} .opera .za-postemailicon:before{bottom:0;} .za-postcontent ul>li:before, .za-post ul>li:before, .za-textblock ul>li:before{margin-right:0;bottom:2px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;} .opera .za-postcontent ul>li:before, .opera .za-post ul>li:before, .opera .za-textblock ul>li:before{bottom:0;} .za-postcontent li, .za-post li, .za-textblock li{font-size:12pt;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;line-height:200%;color:#141414;margin:0 0 0 4px;} .za-postcontent ul>li, .za-post ul>li, .za-textblock ul>li, .za-postcontent ol, .za-post ol, .za-textblock ol{padding:0;} .za-postcontent ul>li, .za-post ul>li, .za-textblock ul>li{padding-left:31px;} .za-postcontent ul>li:before, .za-post ul>li:before, .za-textblock ul>li:before{margin-left:-31px;} .za-postcontent ol, .za-post ol, .za-textblock ol, .za-postcontent ul, .za-post ul, .za-textblock ul{margin:1em 0 1em 4px;} .za-postcontent ul.uk-list , .za-post ul.uk-list{margin:0 !important;} .za-postcontent li ol, .za-post li ol, .za-textblock li ol, .za-postcontent li ul, .za-post li ul, .za-textblock li ul{margin:0.5em 0 0.5em 4px;} .za-postcontent li, .za-post li, .za-textblock li{margin:0 0 0 0;} .za-postcontent ol>li, .za-post ol>li, .za-textblock ol>li{overflow:visible;} .za-postcontent ul>li, .za-post ul>li, .za-textblock ul>li{overflow-x:visible;overflow-y:hidden;} blockquote{background:#D9E7F7 url('../images/postquote.png') no-repeat scroll;border:1px solid #BFBFBF;padding:6px 6px 6px 43px;margin:10px 10px 10px 50px;color:#363636;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:italic;text-align:left;overflow:auto;clear:both;} blockquote a, .za-postcontent blockquote a, .za-blockcontent blockquote a, .za-footer blockquote a, blockquote a:link, .za-postcontent blockquote a:link, .za-blockcontent blockquote a:link, .za-footer blockquote a:link, blockquote a:visited, .za-postcontent blockquote a:visited, .za-blockcontent blockquote a:visited, .za-footer blockquote a:visited, blockquote a:hover, .za-postcontent blockquote a:hover, .za-blockcontent blockquote a:hover, .za-footer blockquote a:hover{color:#363636;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;font-weight:normal;font-style:italic;text-align:left;} blockquote p, .za-postcontent blockquote p, .za-blockcontent blockquote p, .za-footer blockquote p{margin:0;margin:2px 0 2px 15px;} .za-footer{background:#1B497E;margin:0 auto;position:relative;color:#DBDBDB;font-family:Arial, Helvetica, Sans-Serif;text-align:left;padding:0;} .za-footer a, .za-footer a:link, .za-footer a:visited, .za-footer a:hover, .za-footer td, .za-footer th, .za-footer caption{color:#DBDBDB;font-family:Arial, Helvetica, Sans-Serif;} .za-footer p{padding:0;text-align:left;} .za-footer a, .za-footer a:link{color:#E2ECF9;font-family:Arial, Helvetica, Sans-Serif;text-decoration:none;line-height:2.2;font-size:12px;} .za-footer a:visited{color:#E2ECF9;font-family:Arial, Helvetica, Sans-Serif;text-decoration:underline;} .za-footer a:hover{color:#DBDBDB;font-family:Arial, Helvetica, Sans-Serif;text-decoration:underline;} .za-footer h1{color:#949494;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} .za-footer h2{color:#ABABAB;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} .za-footer h3{color:#60A2D7;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;line-height:2.2;} .za-footer h4{color:#9ABFEA;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} .za-footer h5{color:#9ABFEA;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} .za-footer h6{color:#9ABFEA;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} .za-footer img{border:none;margin:5px;} .za-footer-inner{margin:0 auto;width:1000px;padding-right:0;padding-left:0;} .za-rss-tag-icon{background:url('../images/footerrssicon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-rss-tag-icon:empty{vertical-align:middle;} .za-facebook-tag-icon{background:url('../images/footerfacebookicon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-facebook-tag-icon:empty{vertical-align:middle;} .za-twitter-tag-icon{background:url('../images/footertwittericon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-twitter-tag-icon:empty{vertical-align:middle;} .za-tumblr-tag-icon{background:url('../images/tumblricon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-tumblr-tag-icon:empty{vertical-align:middle;} .za-pinterest-tag-icon{background:url('../images/pinteresticon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-pinterest-tag-icon:empty{vertical-align:middle;} .za-vimeo-tag-icon{background:url('../images/vimeoicon.png') no-repeat scroll;margin:0 auto;min-height:33px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-vimeo-tag-icon:empty{vertical-align:middle;} .za-youtube-tag-icon{background:url('../images/youtubeicon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-youtube-tag-icon:empty{vertical-align:middle;} .za-linkedin-tag-icon{background:url('../images/linkedinicon.png') no-repeat scroll;margin:0 auto;min-height:32px;min-width:32px;display:inline-block;text-indent:35px;background-position:left center;vertical-align:middle;} .za-linkedin-tag-icon:empty{vertical-align:middle;} .za-footer li{font-size:13px;font-family:Open Sans, Geneva, Arial, Helvetica, Sans-Serif;line-height:125%;color:#DAE9F6;} .za-page-footer, .za-page-footer a, .za-page-footer a:link, .za-page-footer a:visited, .za-page-footer a:hover{font-family:Arial;font-size:10px;letter-spacing:normal;word-spacing:normal;font-style:normal;font-weight:normal;text-decoration:underline;color:#CDDFF4;} .za-page-footer{position:relative;z-index:auto !important;padding:1em;text-align:center !important;text-decoration:none;color:#FFFFFF;height:30px;} .za-lightbox-wrapper{background:#333;background:rgba(0, 0, 0, .8);bottom:0;left:0;padding:0 100px;position:fixed;right:0;text-align:center;top:0;z-index:1000000;} .za-lightbox, .za-lightbox-wrapper .za-lightbox-image{cursor:pointer;} .za-lightbox-wrapper .za-lightbox-image{border:6px solid #fff;border-radius:3px;display:none;max-width:100%;vertical-align:middle;} .za-lightbox-wrapper .za-lightbox-image.active{display:inline-block;} .za-lightbox-wrapper .lightbox-error{background:#fff;border:1px solid #b4b4b4;border-radius:10px;box-shadow:0 2px 5px #333;height:80px;opacity:.95;padding:20px;position:fixed;width:300px;z-index:100;} .za-lightbox-wrapper .loading{background:#fff url('../images/preloader-01.gif') center center no-repeat;border:1px solid #b4b4b4;border-radius:10px;box-shadow:0 2px 5px #333;height:32px;opacity:.5;padding:10px;position:fixed;width:32px;z-index:10100;} .za-lightbox-wrapper .arrow{cursor:pointer;height:100px;opacity:.5;filter:alpha(opacity=50);position:fixed;width:82px;z-index:10003;} .za-lightbox-wrapper .arrow.left{left:9px;} .za-lightbox-wrapper .arrow.right{right:9px;} .za-lightbox-wrapper .arrow:hover{opacity:1;filter:alpha(opacity=100);} .za-lightbox-wrapper .arrow.disabled{display:none;} .za-lightbox-wrapper .arrow-t, .za-lightbox-wrapper .arrow-b{background-color:#fff;border-radius:3px;height:6px;left:26px;position:relative;width:30px;} .za-lightbox-wrapper .arrow-t{top:38px;} .za-lightbox-wrapper .arrow-b{top:50px;} .za-lightbox-wrapper .close{cursor:pointer;height:22px;opacity:.5;filter:alpha(opacity=50);position:fixed;right:39px;top:30px;width:22px;z-index:10003;} .za-lightbox-wrapper .close:hover{opacity:1;filter:alpha(opacity=100);} .za-lightbox-wrapper .close .cw, .za-lightbox-wrapper .close .ccw{background-color:#fff;border-radius:3px;height:6px;position:absolute;left:-4px;top:8px;width:30px;} .za-lightbox-wrapper .cw{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);} .za-lightbox-wrapper .ccw{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} .za-lightbox-wrapper .close-alt, .za-lightbox-wrapper .arrow-right-alt, .za-lightbox-wrapper .arrow-left-alt{color:#fff;display:none;font-size:2.5em;line-height:100%;} .ie8 .za-lightbox-wrapper .close-alt, .ie8 .za-lightbox-wrapper .arrow-right-alt, .ie8 .za-lightbox-wrapper .arrow-left-alt{display:block;} .ie8 .za-lightbox-wrapper .cw, .ie8 .za-lightbox-wrapper .ccw{display:none;} .za-content-layout .za-sidebar1{margin:0 auto;width:260px;} .za-content-layout .za-content{margin:0 auto;padding:0 .5em;} .za-content-layout .za-sidebar2{margin:0 auto;width:20%;} fieldset{border:none;} fieldset dl{display:block;margin:0;padding:0;background:none;} fieldset dt{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:12em;height:2em;margin:0;padding:0;float:left;clear:both;background:none;line-height:2em;overflow:hidden;} fieldset dd{display:block;min-height:2em;margin:0 0 0 12em;padding:0;background:none;line-height:2em;} fieldset label{display:inline-block;width:12em;} fieldset textarea{vertical-align:text-top;} .img-fulltext-left, .img-intro-left{float:left;display:block;border:none;padding:0;margin:0 0.3em 0.3em 0;margin-top:0;} .img-fulltext-right, .img-intro-right{float:right;display:block;border:none;padding:0;margin:0 0 0.3em 0.3em;margin-top:0;} ul.pagenav{clear:both;list-style:none; display: flex; justify-content: space-around;margin:0;padding:0;} ul.pagenav li, ul.pagenav li:before{display:block;background:none;margin:0;padding:0;content:normal;} ul.pagenav li.pagenav-prev{float:left;} ul.pagenav li.pagenav-next{margin:0 0 0 50%;} ul.pagenav a{color:#246ab2;text-decoration: none; display: flex; flex-direction: column;} ul.pagenav svg{width: 35px;stroke:#246ab2;} ul.pagenav .hasTooltip{border:1px solid #246ab2;background:#C5DCF3; padding:5px 15px; } div.item-page dl.tabs{display:block;margin:0;padding:0;} div.item-page dl.tabs:before{box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:left;width:1em;height:2em;overflow:hidden;} div.item-page dl.tabs dt{box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:left;height:2em;overflow:hidden;border-left:1px solid black;border-top:1px solid black;} div.item-page dl.tabs dt h3{margin:0;padding:0 1em;line-height:2em;font-size:100%;overflow:hidden;} div.item-page dl.tabs dt h3 a{text-decoration:none;} div.item-page dl.tabs:after{box-sizing:border-box;-moz-box-sizing:border-box;display:block;border-left:1px solid black;content:" ";overflow:hidden;height:2em;} div.item-page div.current{clear:both;border:1px solid black;} div.item-page div.current dd.tabs{margin:0;padding:0;} div.item-page .panel{border:1px solid black;margin-top:-1px;} div.item-page .panel h3{margin:0;padding:0;} div.item-page .panel h3 a{display:block;padding:6px;text-decoration:none;} div.item-page .panel h3.pane-toggler-down a{border-bottom:1px solid black;} div.item-page .panel .pane-slider{margin:0;padding:0;} div.item-page div.pagination ul{clear:both;list-style:none;display:block;margin:0;padding:0;} div.item-page div.pagination li{display:block;width:50%;margin:0;padding:0;text-align:center;float:left;white-space:nowrap;} div.item-page div.pagination:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .edit.item-page select + div{width:100% !important;} .edit.item-page div > ul{border:1px solid #B9C2CB;} .edit.item-page .search-field{overflow:visible;} .edit.item-page .search-field > input{width:100% !important;} .edit.item-page ul > li:before{content:normal;} .edit.item-page fieldset{border:1px solid black;} .edit.item-page fieldset legend{padding:7px;font-weight:bold;} #editor-xtd-buttons{float:left;padding:0;} .toggle-editor{float:right;} #searchForm .phrases-box{display:block;float:left;} #searchForm .ordering-box{text-align:right;} #searchForm .phrases-box label, #searchForm .ordering-box label, #searchForm .only label{display:inline-block;width:auto;height:2em;margin:0;padding:0 0.3em;} #mod-finder-searchform label{display:block;} #mod-finder-searchform input.inputbox{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;max-width:240px;} #login-form fieldset label{width:100%;} #login-form #form-login-username label, #login-form #form-login-password label{display:block;} #login-form #form-login-username input, #login-form #form-login-password input{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;max-width:300px;} .breadcrumbs img{margin:0;padding:0;border:none;outline:none;} dl.stats-module{padding:0.3em 0 0.3em 0.3em;margin:0;} dl.stats-module dt{float:left;display:block;line-height:1.5em;min-height:1.5em;width:10em;padding:0.3em 0.3em 0 0;margin:0;font-weight:bold;} dl.stats-module dd{display:block;line-height:1.5em;min-height:1.5em;margin:0 0 0 10em;} div.mod-languages ul{margin:0;padding:0;list-style:none;} div.mod-languages li{background:none;margin:0 0.3em;padding:0;} div.mod-languages ul.lang-inline li{display:inline;} div.mod-languages ul.lang-block li{display:block;} div.mod-languages img{border:none;margin:0;padding:0;} div.clr{clear:both;} #system-message ul li{background-image:none;} ul.actions, ul.actions li, ul.actions li img{display:inline;margin:0;padding:0;border:none;} ul.actions li{background:none;list-style:none;} .items-row{display:table;width:100%;table-layout:fixed;border-collapse:collapse;margin-top:15px;} .items-row .item{display:table-cell;vertical-align:top;} .items-row .row-separator{display:none;} div.pagination p.counter{display:inline-block;margin:0 0.3em 0 0;padding:0;background:none;} div.pagination ul, div.pagination ul li, div.pagination ul > li:before{display:inline-block;list-style:none;margin:0;padding:0 0.3em;background:none;content:normal;} div.tip-wrap{background:#fff;border:1px solid #aaa;} div.tip-wrap div.tip{padding:0.3em;} div.tip-wrap div.tip-title{font-weight:bold;} table.category{width:100%;} table.category thead th img{padding:0 0 0 0.3em;margin:0;border:none;} span.hasTip a img{padding:0;margin:0;border:none;} div.categories-list ul li span.item-title, div.cat-children ul li span.item-title{display:block;margin:0 0 0.3em 0;} div.categories-list ul li div.category-desc, div.cat-children ul li div.category-desc{margin:0 0 0.3em 0;} div.categories-list dl, div.cat-children dl{display:block;padding-left:0;padding-right:0;margin-left:0;margin-right:0;background:none;} div.categories-list dl dt, div.cat-children dl dt, div.categories-list dl dd, div.cat-children dl dd{display:inline-block;padding:0;margin:0;background:none;} div.img_caption p.img_caption{padding:0.3em 0;margin:0;} form .search label, form .finder label{display:none;} #search-searchword{margin-bottom:5px;} .cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3{float:left;clear:right;} .cols-2 .column-1{width:50%;} .cols-2 .column-2{width:50%;} .cols-3 .column-1{width:33%;} .cols-3 .column-2{width:33%;} .cols-3 .column-3{width:34%;} .row-separator{clear:both;float:none;font-size:1px;display:block;} ul.categories-module li h1, ul.categories-module li h2, ul.categories-module li h3, ul.categories-module li h4, ul.categories-module li h5, ul.categories-module li h6{display:inline;} .only, .phrases{border:solid 1px #ccc;margin:10px 0 0 0px;padding:15px;line-height:1.3em;} div.tags{display:inline;} .tag-category ul > li:before{content:normal;} ul.list-striped > li:before{content:normal;} .list-striped{border-top:1px solid #ddd;} .list-striped li, .list-striped dd{border-bottom:1px solid #ddd;} .accordion{margin-bottom:18px;} .accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .accordion-heading{border-bottom:0;} .accordion-heading .accordion-toggle{display:block;padding:8px 15px;} .accordion-toggle{cursor:pointer;} .accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;} .accordion-body.in:hover{overflow:visible;} .collapse.in{height:auto;} .collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease;} .element{font-size:10px;} .za-logo-text{margin-top:-10px} .za-vmenublockheader .t{white-space:nowrap;} .jbzoo{margin:10px;} .jbzoo .subcategories .width25{height:20px !important;border:none;} .jbzoo .subcategories .column{margin-bottom:0;} .jbzoo h2 span{float:left;margin-right:3px;} .za-postcontent .jbzoo h2 a{font-size:14px;} .jbzoo .module-items{} .jbzoo .width50{width:47.5%;} .jbzoo .module-items .column{margin-bottom:0;} .jbzoo .item-title a{font-size:12px;text-decoration:none;line-height:2;} .jbzoo .subcategories{border:3px double #eee;padding-bottom:40px;background:#cde5f7;} .jbzoo .submission, .jbzoo .jbzoo-item-full{padding:10px;} .jbzoo .jbprice-wrapper .price-value.active{font-weight:normal;} .jbzoo .jbzoo-button, .jbzoo .jbzoo-button:hover, .jbzoo ul li.element-itemlink a, .jbzoo span.element-itemlink a, .rsform-submit-button{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:bold;padding:0 40px;position:relative;height:35px;cursor:pointer;text-decoration:none;color:#fff;line-height:35px;text-align:center;min-width:inherit;border:none;text-shadow:none;} .jbzoo ul li.element-itemlink a{margin:0 auto;display:block;} .jbzoo span.element-itemlink a{padding:10px 40px;font-size:12px;} .jbzoo .jbzoo-button, .jbzoo ul li.element-itemlink a, .jbzoo span.element-itemlink a, .rsform-submit-button{background:#A9D622;} .jbzoo .jbbutton:hover{background:#004a94;color:#fff !important;} .jbzoo-filter .controls input, .jbzoo-filter .controls input:hover, .jbzoo .jbbutton{width:100%;padding:0;text-shadow:none;color:#fff !important;margin-bottom:4px !important;} .jbzoo .controls input, .jbzoo .jbbutton{margin-top:4px;} .responsive .jbzoo .width50{width:100%;} .jbzoo .jbzoo-button:hover, .jbzoo ul li.element-itemlink a:hover, .jbzoo span.element-itemlink a:hover, .rsform-submit-button:hover{background:#73A71D;} .formResponsive .formHorizontal .rsform-block{margin:5px;float:left;} @media screen and (max-width:650px){.formResponsive .formHorizontal .rsform-block{float:none;} form.za-search{width:100%;} .za-top-extra, .za-mob-serch, .za-mob-baner{display:none !important;} } .formResponsive{margin-left:10%;margin-right:10%;} .rsform{margin:10px;border:1px solid #eee;} .rsform h1{text-align:center;} .rsform-submit-button{margin-top:6px;} #btl .btl-panel{display:inherit;} #btl .btl-panel > span{display:inline-block;} .jbzoo .element-jbprice strong{float:left;margin-right:5px;} .jbzoo .product-props .element-textarea{font-size:10px;overflow-y:inherit;} .jbzoo .comments-count{display:none;} .breadcrumbs{padding:10px;font-size:13px;} .za-metadata-icons{text-align:left;} .jbzoo-props .jbzoo-props-list li{margin-top:3px;margin-left:5px;} .jbzoo-props .jbzoo-props-list li a{text-decoration:none;} .jbzoo .jbzoo-item-teaser ul.item-metadata{float:right;width:60%;} .jbzoo .jbzoo-item-teaser .jbprice-row .description{font-size:9px;} .jbzoo .jbzoo-item-teaser article .jbprice-row .price-value:before{content:url('../images/wimes.png');margin-right:6px;bottom:2px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;margin-left:-13px;} .jbzoo .jbzoo-item-teaser p .jbprice-row .price-value:before{content:url('../images/skype.png');margin-right:6px;bottom:2px;position:relative;display:inline-block;vertical-align:middle;font-size:0;line-height:0;margin-left:-13px;} .jbzoo .jbzoo-item-teaser .jbprice-row .price-value{font-size:110%;} .jbzoo .jbzoo-item-teaser ul.item-metadata{margin:0;} .jbzoo .items .jbzoo-item.jbzoo-item-teaser{margin:0 0 35px 0;} .jbzoo .items .column.first{margin-right:35px;} .jbzoo .items .jbzoo-item.jbzoo-item-teaser .element.element-itemname.first{padding-top:8px;} .jbzoo .items .jbzoo-item.jbzoo-item-teaser .teaser-decsriptions{height:75px;overflow:hidden;} .jbzoo .jbzoo-item-teaser .jbprice-wrapper-1 .jbprice-row{padding:5px 0 12px 0;float:right;} @media only screen and (min-width:1020px) and (max-width:1230px){.jbzoo .width50{width:47%;} } @media only screen and (min-width:1000px) and (max-width:1020px){.jbzoo .width50{width:46.5%;} } #s5_inquirybox{position:relative;} #s5_inquiryboxopen{right:0;left:50%;position:absolute;top:50%;margin:0 0 0 -170px;height:400px;} #s5_inquiryboxwrap textarea{height:130px;} .message.error{margin-bottom:10px;padding:5px;} .infoContent{text-align:center;} .morph-button > button{font-size:15px;text-transform:none;line-height:43px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .morph-button-fixed > button, .morph-button-fixed{height:43px;} ul.za-hmenu.za-top-menu{margin-top:10px;} ul.za-hmenu.za-top-menu li{margin-right:5px;} .za-top-extra{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #004a94;width:350px;float:right;} .za-uchitel{padding:8px 25px;float:left;} .za-uchitel a, .za-hmenu-extra2 #btl .btl-panel > span{text-decoration:none;background:transparent !important;text-transform:uppercase;font-size:14px;color:#5A5A5A !important;font-weight:normal;line-height:20px;height:20px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;margin:0px;box-shadow:none;} #btl .btl-panel > span{padding:8px 25px;} #btl .btl-panel > span:hover{font-weight:normal;} #btl{position:initial;} input.btl-buttonsubmit, button.btl-buttonsubmit{color:rgb(255, 255, 255) !important;line-height:35px;text-align:center;background:#004a94 !important;border-radius:2px;padding:0px 40px;margin:0px auto;} .za-telleph{float:left;margin-left:280px;margin-top:5px;} .responsive .za-telleph{float:none;margin-left:0;} .za-poisk{float:right;width:300px;} .search{padding:7px;} .jbzoo .subcategory{padding:0;margin:10px;} .formResponsive .rsform-block-vopros textarea, .formResponsive .rsform-block-celi textarea{width:100%;} .formResponsive .formHorizontal .formControls{margin-left:20px;} .formResponsive .rsform-block-email{float:right;margin:0;} .formResponsive .rsform-block-captcha{float:none;width:300px;} .besplatno_vopros{text-align:center;margin:20px 0 20px 80px;display:inline-block;} .za-besplbutton{padding:10px 20px;width:180px;float:left;height:35px;border:2px solid #3389D5;} .za-besplbutton a{text-decoration:none;color:#3389D5;font-size:15px;} .za-kart{margin-left:10px;line-height:2;border:2px solid #59a248;} .za-kart a{color:#59a248;} .block1 { width: 20%; padding: 5px; padding-right: 20px; border: solid 0px black; float: left; } .block1 img { display: block; width: 100px; /* Оригинальная ширина изображения */ height: auto; /* Сохраняем пропорции изображения */ } @media (max-width: 768px) { /* Для экранов шириной до 768px */ .block1 { width: 100px; /* Контейнер адаптируется по ширине */ float: none; /* Контент выстраивается вертикально */ text-align: center; /* Центрируем содержимое */ } .block1 img { width: 100px; /* Сохраняем оригинальный размер картинки */ height: auto; /* Пропорции остаются неизменными */ } } .block2{width:35%;padding:5px;border:solid 0px black;float:left;} .block3{width:35%;padding:5px;border:solid 0px black;float:right;} .responsive .block1,.responsive .block2,.responsive .block3{width:100%;padding:0;margin-left:3%;float:none;} /*���� 3 ������. ��砫�*/ .parentbutton { display: flex; justify-content: space-between; } .responsive .za-kart{margin-left:0px;margin-top:10px;} .jbzoo .jbcart-item-name{white-space:inherit;} .jbzoo-item-kartochki.jbzoo-item-full .element-textarea, .jbzoo-item-kartochki.jbzoo-item-teaser .element-textarea{font-size:14px;} li.etalage_small_thumbs{overflow-x:hidden !important;} li.etalage_small_thumbs ul>li{padding-left:10px !important;} .responsive table span{font-size:16px !important;} .responsive .besplatno_vopros{margin:1% 10%;} .jbzoo-gallery-pro ul>li{padding-left:5px !important;} .jbzoo .vozpred .jbprice-value-label{display:none;} .jbzoo .item-buttons .element-textarea{font-size:13px;word-spacing:-1px;line-height:1.5;font-family:Arial !important;} .jbzoo .item-buttons .element-text{font-size:15px;font-family:Arial !important;font-weight:bold;} .jbzoo ul>li{padding-left:0 !important;} .jbzoo ul>li:before{margin-left:0 !important;} .jbzoo.jbzoo-app-kartochki .subcategory h2 a{font-size:16px;} .jbzoo.jbzoo-app-kartochki .subcategories{border:none;background:transparent;} .jbzoo .jbzoo-item-kartochki.jbzoo-item-teaser h4 a{font-size:18px !important;} .jbzoo .jbzoo-item-kartochki.jbzoo-item-quickview h1 a{font-size:20px !important;} .su-form-wrapper .submit-button input{padding:0 20px;} .item-price_zak a{color:#fff !important;font-size:15px;text-decoration:none !important;} .fancybox-skin #fl-form span{color:#f70020 !important;} .responsive .jbzoo-gallery-pro{width:100%;overflow:hidden;} .dg-wrapper{width:205px;} .dg-wrapper a{width:202px;height:202px;} .za-dgallery h3{text-align:center;font-size:24px;color:#004a94 !important;} ul.category-module>li:before{bottom:0;position:relative;display:table-cell;vertical-align:middle;} .za-kabinet-menu ul>li img{bottom:0;position:relative;padding-right:10px;vertical-align:middle;} /*ul.category-module>li:first-child:before{content:url('../images/h3.png');} ul.category-module>li:nth-child(2):before{content:url('../images/hek.png');} ul.category-module>li:nth-child(3):before{content:url('../images/h4.png');} ul.category-module>li:nth-child(4):before{content:url('../images/h8.png');} ul.category-module>li:nth-child(5):before{content:url('../images/h15.png');} ul.category-module>li:nth-child(6):before{content:url('../images/h11.png');} ul.category-module>li:nth-child(7):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(8):before{content:url('../images/h2.png');} ul.category-module>li:nth-child(9):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(10):before{content:url('../images/h16.png');} ul.category-module>li:nth-child(11):before{content:url('../images/h12.png');} ul.category-module>li:nth-child(12):before{content:url('../images/h19.png');} ul.category-module>li:nth-child(13):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(14):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(15):before{content:url('../images/h12.png');} ul.category-module>li:nth-child(16):before{content:url('../images/h19.png');} ul.category-module>li:nth-child(17):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(18):before{content:url('../images/h2.png');} ul.category-module>li:nth-child(19):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(20):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(21):before{content:url('../images/h12.png');} ul.category-module>li:nth-child(22):before{content:url('../images/h19.png');} ul.category-module>li:nth-child(23):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(24):before{content:url('../images/h2.png');} ul.category-module>li:nth-child(25):before{content:url('../images/h17.png');} ul.category-module>li:nth-child(26):before{content:url('../images/h3.png');} ul.category-module>li:nth-child(27):before{content:url('../images/h4.png');}*/ ul.category-module>li>a{display:table-cell;line-height:1.5;vertical-align:middle;padding-left:10px;} .za-kabinet-menu{background:rgba(0,0,0,0.6);position:fixed;bottom:0;padding:20px 0;z-index:99999;width:100%;} .za-kabinet-menu .menu{display:-webkit-flex;-webkit-justify-content:space-around;-webkit-flex-wrap:wrap;display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;} .za-kabinet-menu ul>li>a{line-height:1.5;vertical-align:middle;color:#fff;font-size:16px;text-decoration:none;font-family:Open Sans;} .za-kabinet-menu .fa:before{margin-right:10px;font-size:18px;font-family:'FontAwesome';} .za-kabinet-menu li span{color:#fff;font-size:15px;} .za-kabinet-menu #form-subscription input:first-child{background:transparent;border:2px solid #fff;color:#fff;padding:5px 10px;} @media screen and (max-width:700px){.za-kabinet-menu{padding:20px 5px;} .za-kabinet-menu ul>li>a{font-size:15px;} } ul.category-module>li{display:block;margin-bottom:10px;padding-left:0;padding-bottom:10px;border-bottom:1px solid rgba(222, 222, 222, 0.5);} .jbzoo .jbzoo-item-related h5{line-height:0.5;} .jbzoo .jbzoo-item-related h5 a{font-size:18px;} .jbzoo .element-jbrelatedauto h3{font-size:23px;} .jbzoo .category .description-teaser{display:none;} .jbzoo .jbcurrency-value, .jbzoo .jbcurrency-symbol{font-size:22px !important;font-weight:normal !important;color:#444 !important;} .jbzoo.jbzoo-view-category .uk-article-meta{font-size:22px;text-align:center;color:#201e1e;} .jbzoo.jbzoo-view-category .uk-article-meta span{color:#999;font-size:20px;} .jbzoo.jbzoo-view-category .uk-article-meta .cena-right{margin-top:10px;} .za-article .jbzoo span, .za-article .jbzoo p{font-size:14px !important;} .za-izuchat ul>li:before{content:none !important;} .za-izuchat ul>li{padding-left:0 !important;} .za-izuchat img{float:left;margin-right:10px !important;} .clearfix{display:block !important;} .jbzoo .item-price_zak{margin-left:4px;} .za-drop-down[data-toggle="zadropdown"]{position:relative;display:block;color:#2663C0;} .za-drop-down .fa-chevron-down{position:relative;display:block;font-size:0.7em;color:#2663C0;top:3px;margin:0;right:0;width:30px;float:right;text-align:center;cursor:default;} a.za-button:hover .fa-chevron-down{color:#2663C0;} .za-drop-down .fa-chevron-down.za-open{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-moz-transition:-moz-transform 0.6s;-o-transition:-o-transform 0.6s;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;} .za-drop-down .fa-chevron-down.za-close{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:-moz-transform 0.6s;-o-transition:-o-transform 0.6s;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;} .za-drop-down .zacan-submenu{max-height:0;overflow:hidden;list-style:none;padding:0;margin:0;-moz-transition:-moz-transform 0.6s;-o-transition:-o-transform 0.6s;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;} .za-post .zashow, .za-post .zahide{} .za-post .zashow{display:block;} .za-post .zahide{display:none;} a.za-drdown{display:inline-block;} .uk-list>li:before{content:none !important;} .jbzoo-item-stati.jbzoo-item-teaser [class*=uk-align-]{margin-bottom:0;} .jbzoo-item-stati.jbzoo-item-teaser h4 a{color:#757575;font-size:26px;} .jbzoo-item-stati.jbzoo-item-teaser h4{border-bottom:1px solid #757575;} .jbzoo-item-stati.jbzoo-item-teaser .statii-decsriptions{font-size:16px;} .jbzoo-app-statii .uk-panel-box{padding:0;} .jbzoo-app-statii .uk-grid+.uk-grid{margin-top:0;} .jbzoo-item-stati.jbzoo-item-teaser .uk-thumbnail{border:none;box-shadow:none;} .za_stacktest h3{text-align:center;font-size:25px;font-family:Arial Narrow;} .za-block.za_stacktest{margin:0!important;width:100%!important;} .za-block.za_stacktest ul>li:before{content:none;} .za-block.za_stacktest ul>li{padding:0 !important;} .za-block.za_stacktest .za-blockcontent, .za-stacktest-new{margin:7px !important;padding:0 !important;border:1px solid #ddd;height:550px;background:#F7F7F7;position:relative;} .wa-stacktest{overflow:hidden;padding-top:80px;top:0;right:0;left:0;bottom:0;position:absolute;background: #AEE1FF;} .za-airis .jbzoo img{border:1px solid #ddd;} .za-airis .jbzoo a{font-size:16px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;} .za-airis .jbzoo .jbprice-value-label{display:none;} .za-airis .jbzoo .items .item-title{text-align:left;} .za-airis .jbzoo .jbcurrency-symbol, .za-airis .jbzoo .jbcurrency-value{font-size:22px;} .stacktest-button,.fancybox-container .continue_link, .fancybox-container .showcart{cursor:pointer;outline:none;font-size:14px;padding:8px 20px;margin-bottom:5px;background:#004a94;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:3px solid #004a94;font-weight:bold;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;color:#fff;line-height:1.2 !important;height:auto !important;} a.stacktest-button,.fancybox-container a.continue_link, .fancybox-container a.showcart{color:#fff !important;text-decoration:none !important;} .stacktest-button:after,.fancybox-container .continue_link:after, .fancybox-container .showcart:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .stacktest-button:hover,.stacktest-button:active, .fancybox-container .continue_link:hover, .fancybox-container .showcart:hover , .fancybox-container .continue_link:active, .fancybox-container .showcart:active{border:3px solid #004a94;color:#004a94;background:none;} a.stacktest-button:hover,.fancybox-container .continue_link:hover, .fancybox-container .showcart:hover{color:#004a94 !important;text-decoration:none;} .jbzoo.jbzoo-app-kartochki .item-image.uk-divider{line-height:6;overflow:hidden;} .jbzoo.jbzoo-app-kartochki .item-image.uk-divider .uk-margin a{margin-left:30%;background:#004a94;padding:10px;color:#fff;text-transform:uppercase;-webkit-border-radius:4px;border-radius:4px;} @media only screen and (min-width:1000px){.za-block.za-economslova{width:30% !important;} } .za-blockheader h3.t{font-weight:normal;} .za-blockheader h3.t strong{font-size:18px;font-weight:bold;} table.statistics thead tr,table.order-table thead tr{background:#004680;color:#fff;} table.statistics td:nth-child(2),table.statistics td:nth-child(4),table.order-table td:nth-child(2),table.order-table td:nth-child(4){background:#BFBFBF;} table.statistics td:nth-child(3),table.statistics td:nth-child(5){background:#E5E5E5;} table.statistics thead th, table.statistics td,table.order-table th, table.order-table td{padding:5px 0;} .za-kabinet-menu ul>li:before{content:none;} .za-nostyle.za-anglii-kart{float:left;margin:1.1%;height:480px;width:47%;border:2px solid #004a94;border-radius:4px;-webkit-border-radius:4px;overflow:hidden;} @media screen and (max-width:840px){.za-nostyle.za-anglii-kart{float:none;height:auto;width:90%;} } .custom.za-anglii-kart{margin:20px;} .za-anglkartochki .za-postheader{border-bottom:none;} .za-anglkartochki .za-postcontent{padding:0 10px;margin:9px 15px 9px 9px;border:2px solid #004a94;border-radius:4px;-webkit-border-radius:4px;} .jbzoo .subcategory-kartochki-dlya-izucheniya-anglijskogo-yazyka-sleng{} .za-vnutri-tr img{width:100% !important;} .jbzoo .subcategory-image .uk-thumbnail{width:100% !important;height:100% !important;} .order-edit{padding:20px;display:none;} #order-table{width:100%;border:1px solid black;border-collapse:collapse;text-align:center;} .order_cupon{float:left;width:50%;} #form-order .control-group{margin:10px 0;} .text_delivery{font-size:10px;} #system-message{padding:0 5px 0 0;} @media screen and (max-width:380px){#form-order .controls-buttons{text-align:center;} .order-table thead tr{font-size:85%;} #system-message ul li{font-size:90%;} .order-edit{padding:2px;} #cboxWrapper{height:450px !important;} a.za-modall{top:55% !important;} } .za-post-stat{text-align:center;color:#757575;font-size:26px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:normal;font-style:normal;border-bottom:1px solid #757575;} .za-post-statcontent{text-align:center;font-size:1.5em;font-weight:bold;} h2.test-title{text-align:left;color:#000;line-height:90px;margin:0 0 0 20px;font-size:18px;font-family:'Arial Narrow', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;font-weight:bold;font-style:normal;} table.statistics i.fa-times{font-size:17px;color:red;} img.img-title{float:left;height:100px !important;} .fancybox-container .message{text-align:center;} .fancybox-container .showcart{float:none !important;margin:10px;} .proverim_test{display:-webkit-flex;display:flex;justify-content:space-around;flex-wrap:wrap;-webkit-justify-content:space-around;-webkit-flex-wrap:wrap;margin:20px 0;width:100%;} .provtest_left, .provtest_right{border:2px solid #004a94;padding:20px 40px;margin:20px;-webkit-border-radius:10px;border-radius:10px;background:#ffead3;text-transform:uppercase;font-size:18px;text-align:center;color:#1B497E;flex-grow:1;} .provtest_left a, .provtest_right a{color:#1B497E !important;text-decoration:none !important;} .vse_compl{border:3px solid #004a94;color:#004a94;background:none;padding:10px 20px;margin:20px;} .pisma_1{border:2px solid #004a94;padding:5px 20px;margin:20px;-webkit-border-radius:5px;border-radius:5px;background:#ffd7aa;font-size:12px;text-align:center;color:#1B497E;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:bold;} .pisma_2{border:2px solid #004a94;padding:5px 20px;margin:20px;-webkit-border-radius:5px;border-radius:5px;background:#ffead3;font-size:12px;text-align:center;color:#1B497E;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:bold;} .pisma_1 img{margin:0;} .vse_compl a{color:#004a94 !important;} .za-article table{width:100% !important;} .item-page table{ max-width: 100% !important; word-break: break-word;} .stacktest-wish i:focus, a.stacktest-wish:focus{outline:none} #colorbox{background-color:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-background-clip:padding-box;background-clip:padding-box;} #cboxTitle{border:none !important;} #cboxLoadedContent{overflow:hidden !important;} #cboxZaClose{position:absolute;width:0.4em;height:1.8em;background:#004a94;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:12px;margin-left:18px;opacity:1;padding:0;border:none;top:10px;right:30px;} #cboxZaClose:after{content:"";position:absolute;top:0;left:0;width:0.4em;height:1.8em;background:#004a94;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} #cboxZaClose:hover{background:red;} #cboxZaClose:hover:after{background:red;} .za-youtub .su-youtube{display:inline-block;} .za-youtub{text-align:center;} .responsive .za-youtub .za-responsive-embed iframe{height:auto !important;position:relative !important;} .za-youtub iframe{width:180px !important;height:auto !important;} .za-tablenew tr td{border:1px solid #ccc;} .za-postcontent ul>li.ya-share2__item , .za-post ul>li.ya-share2__item , .za-textblock ul>li.ya-share2__item{padding-left:0;} .zatable_img img{width:170px;} .zatable_img .su-lightbox{float:left;margin:7px 3px;cursor:zoom-in;cursor:-webkit-zoom-in;} .etalage img{max-width:100% !important;height:auto !important;} .foooter-login .btl-panel .btl-modal{background:#004a94 !important;margin-top:5px !important;color:#fff !important;} @media screen and (min-width:600px) and (max-width:1400px){.za-block.za-plavato{position:fixed;right:0;bottom:0;width:200px;padding:20px;border:5px solid #004a94;background:rgba(255,255,255,0.6);z-index:1;} } .table_edit tr td:nth-child(1){width:23%;} .table_edit tr td:nth-child(2){width:23%;} .table_edit tr td:nth-child(3){width:23%;} .table_edit tr td:nth-child(4){width:31%;} .a_title{text-align:right;font-size:14pt;font-family:trebuchet ms;font-weight:normal;line-height:20pt;border-radius:5px;background-color:#f9eddd;padding:10px;margin-bottom:18px;} .item_article{border-radius:4px;box-shadow:3px 3px 3px rgba(160, 160, 160, 0.7);clear: both;margin:auto;padding:10px 15px;background-color:#f9eddd;border:1px solid #a0a0a0;text-align:left;margin-bottom:15px;color: #404040;} .drugie_article{display: flex; justify-content:center; margin: 15px 0;} .item_article.item_article_align_left{text-align:center;} .item_article.item_article_align_right{color: #404040; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; orphans: 2; widows: 2; text-align: left;} .item_article.item_width_full{max-width:inherit;} .a_rule{font-size:12pt;font-family:arial, helvetica, sans-serif;padding:1.5em 2em;background-color:#f5f5f5;border-radius:10px;display:block;margin:10px 0;} .za-content p, .za-content p span{font-size:12pt;font-family:'Open Sans' !important;line-height:1.7;} .su-spoiler-style-modern-light.accord_cont{border:1px solid #ECECEC;} .su-spoiler-style-modern-light.accord_cont > .su-spoiler-title{background:#ECECEC;} .su-spoiler-style-modern-light.accord_cont > .su-spoiler-title:hover{background-color:#f7f7f7;} .page-header h1{margin-bottom:15px;} .toefl_hide .su-spoiler-style-modern-light{border:transparent;} .toefl_hide .su-spoiler-style-modern-light> .su-spoiler-title{background:transparent;} .toefl_hide .su-spoiler-style-modern-light> .su-spoiler-title h3{color:#5d6ffc;font-family:Open Sans;} .toefl_hidet .su-spoiler-style-modern-light> .su-spoiler-title:hover{background-color:transparent;} .toefl_hide .su-spoiler-style-modern-light> .su-spoiler-content{border-top:transparent;} .za-blockcontent .toefl_face, .za-blockcontent .toefl_text{text-align:center;} .za-blockcontent .toefl_face img{border:2px solid #004a94;margin:25px 0 20px 0;width:100px;border-radius:50%;} .za-blockcontent .toefl_text, .su-testimonial-text.su-content-wrap{text-align:center;line-height:24px;font-size:12px;} .za-blockcontent .toefl_name{color:#004a94;margin-bottom:25px;text-align:right;font-size:17px;font-weight:bold;} .su-testimonial-cite{text-align:right} .su-testimonial-cite .su-testimonial-name{color:#004a94;font-size:17px;margin-bottom:15px;font-weight:bold;} .za-content img{margin-right:15px} .ramka_text{border:1px solid #004a94;padding:15px;} .ramka_text_img{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} #za-formwrapper172 .morph-button-modal-2 > button:hover{background:#0265c9 !important;} .za_table_pril{padding:20px;border-radius:0 10px 0 10px;background:#f9fafb;} .za_table_pr>tbody>tr>td{border:1pt solid #9abfea;padding:8px 5px;text-align:left;width: 25% !important;} .za_table_pr>tbody>tr>td p{font-size:16px !important;text-align: left !important;} .za_table_pr{border-collapse:collapse;} .za_table_five>tbody>tr>td{border:1pt solid #9abfea;padding:8px 5px;text-align:center;width: 20% !important;} .za_table_five>tbody>tr>td p{font-size:16px !important;} .za_table_five{border-collapse:collapse;} @media screen and (max-width:340px){.za_table_pr>tbody>tr>td{padding:8px 0px;}} .za_table_travel{ border:1px solid #9abfea;border-collapse:collapse;} .za_table_travel>tbody>tr>td{border:1pt solid #9abfea;padding:8px 5px !important;text-align:center;} .za_table_travel>tbody>tr>td:first-child{width: 10% !important;} .za_table_travel>tbody>tr>td:nth-child(n+2){width: 45% !important;} .za_table_travel>tbody>tr>td p{font-size:16px !important;} .za_table_nepr{ width: 100%; border-collapse: collapse; border:1px solid #ff9900;} /*.za_table_nepr>tbody>tr:first-child{ background:#ffcc99;} .za_table_nepr>tbody>tr:first-child p{font-size: 11pt; font-weight:bold;}*/ .za_table_nepr>tbody>tr>td{border:1pt solid #ff9900;padding:5px !important;text-align:center;width: 25% !important;} .za_table_nepr>tbody>tr>td p, .za_table_nepr_blue>tbody>tr>td p, .za_table_nepr_blue>tbody>tr>td{font-size:16px !important;} .za_table_nepr_blue>tbody>tr>td{border:1pt solid #9abfea;padding:0px !important;text-align:center;width: auto !important;} .za_table_nepr_blue{width: 100%; border-collapse: collapse; border:1px solid #9abfea;} .za_tabl_ege{ border:1px solid #9abfea;border-collapse:collapse;width: 100% !important;} .za_tabl_ege>tbody>tr>td p{font-size: 1vw;} .za_tabl_ege>tbody>tr>td{border:1pt solid #9abfea;padding:8px 5px !important;text-align:center;word-break: break-word;} .za_tabl_ege>tbody>tr>td:first-child{width: 5% !important;} .za_tabl_ege>tbody>tr>td:nth-child(3){width: 8% !important;} .za_tabl_ege>tbody>tr>td:nth-child(2){width: 18% !important;} .za_tabl_ege>tbody>tr>td:nth-child(n+4){width: 23% !important;} .responsive .za_table_pr span{font-size: inherit !important;} .snip1579{position:relative;overflow:hidden;max-width:250px;width:100%;text-align:center;font-size:16px;padding:25px;border:1px solid rgba(222, 222, 222, 0.5);border-radius:4px;height:335px;float:left;margin:10px;} .glavnay_snip{display:-webkit-flex;-webkit-justify-content: space-around;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;justify-content: space-around;align-items:center;} .snip1579 *{-webkit-transition:all 0.35s;transition:all 0.35s;-webkit-box-sizing:border-box;box-sizing:border-box;} .snip1579 img{max-width:100%;vertical-align:top;margin:0;transition:all 0.35s !important;} .snip1579 figcaption{position:absolute;height:120px;left:25px;right:25px;bottom:25px;overflow:hidden;padding:15px 0;background-color:rgba(0, 0, 0, 0.75);} .snip1579 h2{font-family:'Arial Narrow';text-transform:uppercase;font-weight:700;line-height:40px;color:#fff;letter-spacing:3px;text-align:center;font-size:28px;} .snip1579 a{position:absolute;top:0;bottom:0;left:0;right:0;} .snip1579:hover figcaption{height:calc(40%);} .snip1579:hover img{-webkit-transform:scale(1.3) rotate(5deg);transform:scale(1.3) rotate(5deg);} .jbzoo-item-repetitory.jbzoo-item-teaser .uk-align-right{margin-left:0 !important} .jbzoo-item-repetitory.jbzoo-item-teaser .uk-align-left{margin-right:0 !important} .jbzoo-item-repetitory.jbzoo-item-teaser ul.uk-list { margin: 0 0 15px 0 !important;} .jbzoo-item-repetitory.jbzoo-item-teaser .element-itemlink a { padding: 10px 30px; background: #004a94; font-weight: bold; color: #fff; border-radius: 3px;} .jbzoo-item-repetitory.jbzoo-item-teaser .element-itemlink a:hover { background: #0265c9 !important; text-decoration: none;} .jbzoo-item-repetitory.jbzoo-item-teaser .element { margin-bottom: 10px;} .jbzoo-item-repetitory.jbzoo-item-teaser h4.item-title a{ font-size: 20px; font-family: Open Sans; font-weight:bold;} .jbzoo-item-repetitory.jbzoo-item-teaser .item-price .element-text{ width: max-content; margin: 0; padding: 5px 20px; background: #CDE5F7;} .jbzoo-app-prepodavateli .subcategory-column .uk-panel-box{padding: 0; background:none;} .jbzoo-app-prepodavateli .subcategories .uk-grid{margin: 0;} .jbzoo-app-prepodavateli .subcategories .subcategory{padding: 10px !important; height: 20px !important;} .jbzoo-app-prepodavateli .subcategories .subcategory-items{ display: none;} .jbzoo-app-prepodavateli .subcategories {padding: 0;border:none;} .jbzoo-item-repetitory.jbzoo-item-teaser .element-itemcategory a{ padding: 5px 10px; background: #fff; border: 1px solid;line-height: 2.7;white-space: nowrap;} .jbzoo-item-repetitory.jbzoo-item-teaser .element-itemcategory{margin-bottom:15px} .jbzoo.jbfilter-wrapper .jbfilter-buttons .za-button{ width: 100%; zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 30px; background: #004a94; font-weight: bold; color: #fff; border-radius: 3px; border: none; height: auto; line-height: 1;} .jbzoo.jbfilter-wrapper .jbfilter-buttons .za-button:hover{background: #0265c9; } .subcategories .subcategory-column .subcategory{margin:0 !important;padding:5px 10px;} .subcategories .subcategory-column .subcategory h2{margin:0 !important;} .za-drop-down .zashow, .za-drop-down .zahide { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;} .za-drop-down .zahide { max-height: 0;-webkit-transition: max-height 0.9s ease-out; transition: max-height 0.9s ease-out;} .za-drop-down .zashow { display: block; max-height: 9999px;-webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: max-height 3s ease-in-out; transition: max-height 3s ease-in-out;} .za-post .za-drop-down .zahide { display: block;} .jbzoo-app-kartochki .uk-width-medium-1-3.za-cennik{border: 1px solid #ddd;padding: 30px; border-radius: 4px;} .jbzoo-app-kartochki .uk-thumbnail { border: none; background: transparent; box-shadow: none;} .jbzoo-item-kartochki.jbzoo-item-teaser .uk-grid{} .jbzoo-item-kartochki .item-image.uk-divider .jbzoo-gallery-pro li{overflow: hidden;} .jbzoo-item-kartochki.jbzoo-item-full .item-image.uk-divider a:nth-child(n+2), .jbzoo-item-kartochki .item-image.uk-divider .jbzoo-gallery-pro li:nth-child(n+2){width: 20%;margin-right: 10px !important; margin-bottom: 10px !important; } /*.jbzoo-item-kartochki.jbzoo-item-full .item-image.uk-divider:nth-child(n+2){width: 20%; }*/ .jbzoo-item-kartochki.jbzoo-item-full .item-image.uk-divider a img, .jbzoo-item-kartochki.jbzoo-item-teaser .item-image.uk-divider img,.jbzoo-item-kartochki .item-related img{ width: 100%; height: auto;} .za-social .uk-width-medium-1-1,.jbzoo-item-kartochki.jbzoo-item-teaser .uk-list li.element{ margin-bottom: 10px;} .za-social{ margin-bottom: 20px !important;} .za-social .uk-width-medium-1-1 span { margin: 0 5px; display: inline-block; vertical-align: middle;} .za-social .uk-width-medium-1-1 span.first{ margin: 0 5px 0 0;} .jbzoo-item-kartochki.jbzoo-item-full .uk-list li.element-text,.jbzoo-item-kartochki.jbzoo-item-full a.za-drdown, .vozpred .uk-list-line li{ font-size:14px;} .vozpred .jsPriceButtons .uk-button-success, .vozpred a{ color:#fff !important; width: 100%; padding: 7px 0px;background: #0158af;vertical-align: middle; line-height: 28px; min-height: 30px; font-size: 1rem; text-decoration: none !important; text-align: center; border: 1px solid rgba(0,0,0,.2); border-radius: 4px;display: inline-block;margin-bottom: 10px} .vozpred .jsPriceButtons .uk-button-success:hover, .vozpred a:hover{ background:#0265c9;} .jbzoo-item-kartochki.jbzoo-item-teaser .jbprice-value-label, .jbzoo-item-kartochki .item-related .jbprice-value-label{display: none;} .jbzoo .items .jbzoo-item.jbzoo-item-kartochki.jbzoo-item-teaser{margin: 0;} .jbzoo-item-kartochki .item-related h4{ font-size: 22px;} .jbzoo.jbzoo-app-kartochki .uk-panel-box{border: none !important} .jbzoo.jbzoo-app-kartochki .tab-container #tab-gallery div strong:after{content:' - '} .jbzoo.jbzoo-app-kartochki .tab-container span { font-size: 12pt !important;} .za-blockshadow-ab{position:relative;width:100%;padding:10px 0;margin:0;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} .za-blockshadow-ab:before,.za-blockshadow-ab:after{content:"";position:absolute;z-index:-2;bottom:15px;left:10px;width:50%;height:20%;max-width:300px;-webkit-box-shadow:0 15px 8px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 8px rgba(0,0,0,0.7);box-shadow:0 15px 8px rgba(0,0,0,0.7);-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)} .za-blockshadow-ab > :first-child:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset} .za-blockshadow-ab:after{right:10px;left:auto;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)} .za-postit{margin:10px;padding:20px;position:relative;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset} .za-postit:before,.za-postit:after{content:"";position:absolute;z-index:-2} .za-postit:before{top:10px;bottom:10px;left:0;right:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);box-shadow:0 0 15px rgba(0,0,0,0.6);-moz-border-radius:10px / 100px;border-radius:10px / 100px} .clearfix-curl{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 40px #f0e5e0 inset;-moz-box-shadow:0 0 40px #f0e5e0 inset;box-shadow:0 0 40px #f0e5e0 inset;background:#FFF9F7;left:3px} .clearfix-curl:after{width:0} .clearfix-curl:before{pointer-events:none;position:absolute;content:'';width:35px;height:35px;bottom:0;left:0;background:#fff;background:-webkit-linear-gradient(45deg,white 45%,#aaa 50%,#ccc 56%,white 80%);background:linear-gradient(45deg,white 45%,#aaa 50%,#ccc 56%,white 80%);box-shadow:5px -5px 5px rgba(0,0,0,0.1);-webkit-transition-property:width,height;transition-property:width,height;z-index:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} .za-blockshadow-a{position:relative;width:100%;padding:10px 0;margin:0;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);text-align:right} .za-blockshadow-a:before{content:"";position:absolute;z-index:-2;bottom:14px;left:10px;width:50%;height:20%;max-width:300px;-webkit-box-shadow:0 15px 8px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 8px rgba(0,0,0,0.7);box-shadow:0 15px 8px rgba(0,0,0,0.7);-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)} .za-blockshadow-a > :first-child:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset} .za-blockshadow-a:after{content:"";position:absolute;z-index:1;width: 10px;height:10px; background:#004a94;left:-5px;top:-5px; border-radius: 100%; animation: pulse 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;} .za-blockshadow-a1{position:relative;width:100%;padding:10px 0;margin:0;background:#ffd7aa;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);text-align:center} .za-blockshadow-a1:before{content:"";position:absolute;z-index:-2;bottom:14px;left:10px;width:50%;height:20%;max-width:300px;-webkit-box-shadow:0 15px 8px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 8px rgba(0,0,0,0.7);box-shadow:0 15px 8px rgba(0,0,0,0.7);-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)} .za-blockshadow-a1 > :first-child:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#ffd7aa;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset} .za-blockshadow-a1:after{content:"";position:absolute;z-index:1;width: 10px;height:10px; background:#004a94;left:-5px;top:-5px; border-radius: 100%; animation: pulse 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;} @keyframes pulse { 0% { transform: scale(0.6); box-shadow: 0 0 0 0 #004a94; } 50% { transform: scale(1); box-shadow: 0 0 0 .8em transparent; } 99% { transform: scale(0.6); } } .za-blockshadow-b{position:relative;width:100%;padding:10px;margin:0;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} .za-blockshadow-b:before,.za-blockshadow-b:after{content:"";position:absolute;z-index:-2;bottom:24px;left:10px;width:50%;height:20%;max-width:300px;-webkit-box-shadow:0 15px 8px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 8px rgba(0,0,0,0.7);box-shadow:0 15px 8px rgba(0,0,0,0.7);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} .za-blockshadow-b > :first-child:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset} .za-blockshadow-b:after{right:10px;left:auto;bottom:14px;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)} .za-blockshadow-b h3 a, .za-blockshadow-a h3 a{ font-size: 0.8em !important; text-decoration: none; padding: 0 5px; } .za-blockshadow-b1{position:relative;width:100%;padding:10px 0;margin:0;background:#ffd7aa;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} .za-blockshadow-b1:before,.za-blockshadow-b1:after{content:"";position:absolute;z-index:-2;bottom:24px;left:10px;width:50%;height:20%;max-width:300px;-webkit-box-shadow:0 15px 8px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 8px rgba(0,0,0,0.7);box-shadow:0 15px 8px rgba(0,0,0,0.7);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} .za-blockshadow-b1 > :first-child:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#ffd7aa;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset} .za-blockshadow-b1:after{right:10px;left:auto;bottom:14px;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)} .blocks_esse{ display: flex; justify-content: space-between; flex-wrap: wrap;} .za-kart-new{display:-webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;justify-content: space-between;-webkit-flex-direction:column;flex-direction:column;height:100%;} .za-kart-new .item-metadata {flex-grow:1} .za-kart-new .item-metadata ul li { font-size:14px} div.line img{margin: 0 !important;} div.line{display:-webkit-flex;-webkit-justify-content: space-between;display: flex; justify-content: space-around;flex-wrap:wrap;} .flex_glavnii{ display: flex; justify-content: space-around;flex-wrap: wrap;flex-direction:column; padding: 2em 5em; } .flex_container{ display: flex; justify-content: space-between;flex-wrap: wrap;font-size: 15px;align-items: center;} .flex_container div { flex-basis:60%; } @media screen and (max-width: 460px){ .wa-stacktest { padding: 70px 0; min-height: 80vh; } .wa-stacktest h1 { padding: 2em 0; color: #246AB2; font-family: 'Roboto'; } .stacktest ul { margin: 0 auto !important; } .controlls { width: 300px; margin: 4em auto; } .za-footer { background: #246AB2;} /* #topcontrol{ opacity:0 !important; }*/ .button--sonar, .button--help { background: transparent; border: 2px solid; } .playtoggle { background: transparent; border: 2px solid rgba(78, 195, 19, 1);} .playtoggle:after { top: 12px; left: 16px; } .playtoggle.playing:after{ top: 12px; left: 14px; } .button--stop{ color: #75CCFF; } } .za-table-background{ width: 100%; background: #f5f5f5; /* -webkit-border-radius: 10px; border-radius: 10px;*/ border-collapse: collapse;border: 2px solid #f5f5f5; } .za-table-background td { padding: 5px 15px; width: 50%; } .za-table-background tr:nth-child(2n) {background: #fff;} .za-table-background tr:nth-child(2n) td:first-child{border-right:2px solid #f5f5f5;} .za-table-background tr:nth-child(2n+1) td:first-child{border-right:2px solid #fff;} .za_table_zebra{border:1px solid #000;border-collapse: collapse;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;} .za_table_zebra td {padding: 5px; width: 20% !important; word-break: normal; border: 1px dotted #000;} .za_table_zebra tr:nth-child(2n){background: #ececec;} .za_table_zebra td:first-child{width: 2% !important; text-align: center;} .table4 td:first-child{width: 3% !important; text-align: center; font-size:14px;font-weight:bold;} .table4 td:nth-child(2) {width: 25% !important;} .table4 td:nth-child(3) {width: 25% !important;} .table4 td:nth-child(4) {width: 47% !important;} .za_table_zebra_test { border:1px solid #000; border-collapse: collapse; } .za_table_zebra_test td:first-child { width: 8% !important; text-align: center; font-weight: bold; /* pervaya yacheika */ } .za_table_zebra_test td { padding: 5px; width:72% !important; word-break: normal; border: 1px dotted #000; /* tsentralnaya yacheika */ } .za_table_zebra_test td:last-child { font-weight: bold; } .za_table_zebra_test tr:nth-child(2n) { background: #ececec; /* chetnye stroki drugim tsvetom */ } /* Мобильная версия ---- Мобильная версия --- Мобильная версия */ @media (max-width: 720px) { .za_table_zebra_test td:first-child { width: 8% !important; text-align: center; color: #000; font-weight: bold; /* pervaya yacheika */ } .za_table_zebra_test td:last-child { font-weight: normal; } .za_table_zebra_test th:nth-child(2), .za_table_zebra_test td:nth-child(2) { font-weight: normal; color: #000 !important; } } /* Tablitsa iz interneta Begin */ .table-zebra-1 { width:100%; border: 1px solid black; border-collapse: collapse;} .table-zebra-1 th, td { border: 1px dotted #000; padding: 5px; text-align: left;} .table-zebra-1 tr:nth-child(2n){background: #ececec;} .table-zebra-1 td:first-child {width: 8%; text-align: center;} .table-zebra-1 td:nth-child(2) {width: 46%;} .table-zebra-1 td:nth-child(3) {width: 46%;} /* Tablitsa 2 columns */ .table-zebra-2 { width:auto; border: 1px solid black; border-collapse: collapse;margin-left:auto; margin-right:auto;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;} .table-zebra-2 th, td { border: 1px dotted #000; padding: 0.6em; text-align: left; font-size:1.4em;} .table-zebra-2 tr:nth-child(2n){background: #ececec;} .table-zebra-2 td:first-child {width: 40%; font-weight:bold; color:green;} .table-zebra-2 td:nth-child(2) {width: 60%;} /* Tablitsa 2 columns are equal */ .table-zebra-equal { width:auto; border: 1px solid black; border-collapse: collapse;margin-left:auto; margin-right:auto;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;} .table-zebra-equal th, td { border: 1px dotted #000; padding: 0.6em; text-align: left; font-size:1.4em;} .table-zebra-equal tr:first-child { font-weight:bold;} .table-zebra-equal tr:nth-child(2n){background: #ececec;} .table-zebra-equal td:first-child {width: 50%;} .table-zebra-equal td:nth-child(2) {width: 50%;} /* Tablitsa 3 columns */ .table-zebra-3 { width:auto; border: 1px solid black; border-collapse: collapse;margin-left:auto; margin-right:auto;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;} .table-zebra-3 th, td { border: 1px dotted #000; padding: 0.6em; text-align: left; font-size:1.4em;} .table-zebra-3 tr:nth-child(2n){background: #ececec;} .table-zebra-3 td:first-child {width: 34%; font-weight:bold;} .table-zebra-3 td:nth-child(2) {width: 33%;} .table-zebra-3 td:nth-child(3) {width: 33%;} /* Tablitsa iz interneta End*/ .za-table_community{background:#f5f5f5;width: 100%;border: 1px solid #9abfea;border-collapse:collapse;} .za-table_community td { padding: 0.5em; width: 25%; border: 1px solid #9abfea;} .za-table_community tbody{ vertical-align: text-bottom;} .za-table_community tbody p{ font-size:1em; word-break: break-word;} .table50 td, .table50 td:first-child { width: 50% !important; text-align: left;} .za-table_razn tr:nth-child(2n), .za-table_razn tr:nth-child(2n) p{background: #ececec !important;} .za_donate{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; } /* Tablitsa color*/ .table-color{width:auto; border: 1px solid black; border-collapse: collapse;} .table-color tr:first-child{background: #AD61FF; color:#fff;} .table-color tr:nth-child(2){background: #cba2f9;} .table-color tr:nth-child(3){background: #FFF4C5;} .table-color tr:nth-child(4){background: #FFEC8F;} .table-color tr:nth-child(5){background: #FFE35D;} .table-color tr:nth-child(6){background: #FCDE00;} /* Tablitsa color 2*/ .table-color-2{width:auto; border: 1px solid black; border-collapse: collapse;} .table-color-2 tr:first-child{background: #AD61FF; color:#fff;} .table-color-2 tr:nth-child(2){background: #cba2f9;} .table-color-2 tr:nth-child(3){background: #FCDE00;} .table-color-2 tr:nth-child(4){background: #FFF4C5;} .table-color-2 tr:nth-child(5){background: #FFEC8F;} .table-color-2 tr:nth-child(6){background: #FFE35D;} .table-color-2 tr:nth-child(7){background: #FCDE00;} .table-color-2 tr:nth-child(9){background: #FCDE00;} .table-color-2 tr:nth-child(10){background: #FCDE00;} .za_donate iframe{ flex-basis:50%; } .responsive .za_donate iframe{ flex-basis:100%; } .za_player{display: flex; align-items: center;justify-content: center;font-size: 17px;} .jPlayer{ text-shadow:none !important; } .za_zvuk.jPlayer{ width: 25px;margin-bottom: 0; display: inline-block; vertical-align: middle;} .za_zvuk.jPlayer a{color:#008000 !important; } .za_zvuk.jPlayer a:hover{color:#0265C9 !important; } .color_zel{ background:#bbffc6 !important; } .za_zvuk .controls{border: none !important; background: transparent !important;height: 14px !important; line-height: 14px !important;} .za_zvuk .right-volume, .za_zvuk .volumeblock, .za_zvuk .jpprogress-block{display: none !important;} .za_zvuk .controlset .play, .za_zvuk .controlset .pause{font-size: 14px !important;width: 25px !important; } .za_zvuk .controlset .play:hover, .za_zvuk .controlset .pause:hover{background:transparent !important; } .reclam_dzorz{text-align:center;} .za-nostyle.chitat_takze{display: flex;margin:25px 0;} .chitat_takze h3{font-size:20px;margin-right: 20px;} h4.newsflash-title{font-family: Open Sans;margin-bottom: 1.4em;} h4.newsflash-title a{color:#0000ee;text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 14px; font-weight: 600; line-height: 1;} h4.newsflash-title a:hover{text-decoration: underline;} /*h4.newsflash-title:before{content:'-';color:#0000ee;}*/ .reklam_dzorz{ margin: 1em auto; text-align: center;} img.za_image_100{width: 100%;} .za-nostyle.za_yandex{ margin: 20px 0; } #pwebcontact337_box { margin: 20px auto;} .pweb-form-blue form.pwebcontact-form button, .pweb-form-blue form.pwebcontact-form .btn{background: #004a94 !important; color: #fff !important; border: 1px solid #fff !important;box-shadow: none !important;border-radius: 4px !important;font-weight: 700 !important; } .pweb-form-blue form.pwebcontact-form button:hover,.pweb-form-blue form.pwebcontact-form .btn:hover { background: #0265c9 !important;} /*-----------������ ࠧ�륭------------*/ a.button01 { position: relative; display: inline-block; font-size: 100%; font-weight: 700; color: #fff; text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px; text-decoration: none; user-select: none; padding: .3em .7em; outline: none; border-radius: 7px; background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px); box-shadow: inset -2px -2px rgba(0,0,0,.3), inset 2px 2px rgba(255,255,255,.3); transition: background-position 999999s, color 999999s, text-shadow 999999s; } a.button01:hover, a.button12:focus { text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat; background-size: 1000% 100%; } a.button12:hover { background-position: 0 0; } a.button01:focus { color: rgba(255,255,255,0); text-shadow: rgba(1,117,177,0) -1px 1px, rgba(1,117,177,0) 1px 1px, rgba(1,117,177,0) 1px -1px, rgba(1,117,177,0) -1px -1px; background-position: 900% 0; transition: background-position linear 600s, color .5s, text-shadow .5s; } a.button01:after { content: "���ࣧ��\2026"; position: absolute; top: 0; left: 0; padding: .3em .7em; color: rgba(0,0,0,0); text-shadow: none; transition: 999999s; } a.button01:focus:after { color: #fff; text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; transition: .5s; } .bank_argument img{ margin-right: 10px; } a.button12 { position: relative; display: inline-block; font-size: 100%; font-weight: 700; color: #fff; text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px; text-decoration: none; user-select: none; padding: .3em .7em; outline: none; border-radius: 7px; background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px); box-shadow: inset -2px -2px rgba(0, 0, 0, .3), inset 2px 2px rgba(255, 255, 255, .3); transition: background-position 999999s, color 999999s, text-shadow 999999s; } a.button12:hover, a.button12:focus { text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat; background-size: 1000% 100%; } a.button12:hover { background-position: 0 0; } a.button12:focus { color: rgba(255, 255, 255, 0); text-shadow: rgba(1, 117, 177, 0) -1px 1px, rgba(1, 117, 177, 0) 1px 1px, rgba(1, 117, 177, 0) 1px -1px, rgba(1, 117, 177, 0) -1px -1px; background-position: 900% 0; transition: background-position linear 600s, color .5s, text-shadow .5s; } a.button12:after { content: "загрузка\2026"; position: absolute; top: 0; left: 0; padding: .3em .7em; color: rgba(0, 0, 0, 0); text-shadow: none; transition: 999999s; } a.button12:focus:after { color: #fff; text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; transition: .5s; } .su-accordion , .su-accordion .su-spoiler, .su-spoiler{ margin-bottom: 0 !important; } div.item-page div.current{ border:none !important; } .za_strelka.fa{ font-size: 1.5em; vertical-align: middle; margin: 0 5px; } .za_prevnext{ display: flex; justify-content: space-around; } .prosto_zvuk.jPlayer{ width: 25px; margin: 0 auto; display: inline-block; vertical-align: middle; } .prosto_zvuk .controls{ background: transparent !important; border:none !important; } .prosto_zvuk .right-volume,.prosto_zvuk .volumeblock,.prosto_zvuk .jpprogress-block{ display: none !important; } .prosto_zvuk .controls .play:hover, .prosto_zvuk .controls .pause:hover{ background: transparent !important; } .prosto_zvuk .controls a{ color:#000; width: 25px !important; } .prosto_zvuk .controls a:hover{ color:#737373; } .text_pesni .su-spoiler-title h3{ font-weight: normal !important; font-size: 8px; font-family: 'Open Sans' !important; } .text_pesni .su-spoiler-title, .text_pesni .su-spoiler-content{ padding: 0 !important; } .text_pesni .su-spoiler-icon{ display: none !important; } .za_oblozka{ display:flex; justify-content:center; align-items: flex-end; } .oblozka_text{ margin-left: 4em; } .za_pagers{ display: flex; flex-wrap: wrap; background-color: #DEDEDE; border-bottom: 4px solid #979799; } .za_pagers a{ border-bottom: 4px solid #979799; text-decoration: none; color: #FF1493; text-align: center; width: 35px; height: 25px; line-height: 25px; font-size: 1.2em; margin-bottom: -4px; } .za_pagers a:hover{ background-color: #aaa; color:#000; border-bottom: 4px solid #000; } .za-parentbutton{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } .za-parentbutton button{ line-height: 1.7; font-size: 12pt; } .tag-category a{ color:-webkit-link !important; } .article-info-term{ display: none; } .hits{ font-weight: bold; } .pwebcontact_toggler.pweb-toggler-blue{ background: #004a94 !important; color: #fff !important; border: 1px solid #fff; font-size: 15px; text-transform: none; line-height: 43px; padding: 0; border-radius: 4px; width: 100%; height: 100%; -webkit-transition: opacity 0.1s 0.5s; transition: opacity 0.1s 0.5s; letter-spacing: 1px; font-weight: 700; text-align: center; } .pwebcontact_toggler.pweb-toggler-blue:hover{ background: #0265c9 !important; } .table_blue{ border-collapse: collapse; border: 1px solid #9abfea !important; width: 100% !important; } .table_blue>tbody>tr>td{ border: 1px solid #9abfea !important; padding-left: 5px !important; } .table_five>tbody>tr>td{ width: 20% !important; } .table_five>tbody>tr>td:first-child{width: 9% !important; text-align: center; padding: 0 !important;word-break: normal !important;} .responsive .table_five>tbody>tr>td:first-child{width: 13% !important;} .table_five>tbody>tr>td p{ margin: 2px 0 0 0 !important; display: inline-block; vertical-align: middle; } .table_five>tbody>tr>td:first-child p{ margin: 2px 0 0 0 !important; display: inline-block; vertical-align: middle; } /*.table_five>tbody>tr>td:last-child{width: 35% !important;}*/ .za_stack img{ width: 100%; } iframe { margin-right: 10px; } .customzatrenazer img.google_android{ width: 70%; } .cards-list{ max-width: fit-content; width: 50%; /* text-align: center; */ margin-left: auto; margin-right: auto; } .card-info-bl{ display: flex; background: #d4eff4; border: 1px solid #c2d1d1; padding: 24px; position: relative; margin-bottom: 10px; border-radius: 5px; } .card-info-img{ display: block; width: 217px; height: 122px; border: 3px solid #0089b5; border-radius: 5px; float: left; overflow: hidden; position: relative; } .card-info-img img{ max-width: 100%; } .card-info-content{ margin-left: 2em; display: flex; flex-direction: column; justify-content: space-between; } .card-title{ letter-spacing: 1.5px; } a.full-access-btn{ text-decoration: none; color: #fff !important; } a.fa:before{ margin-right: 5px; } .full-access-btn{ background: #EB6800; align-self: end; padding: 10px; } .choose-premium{ margin-left: auto; margin-right: auto; background-color: #85ced9; width: 70%; padding: 2em; } .choose-premium h2 { font-size: 40px; line-height: 48px; text-align: center !important; } .content-premium{ text-align: center; } .your-binding{ } .plan-block{ display: flex; justify-content: space-evenly; margin: 2em 0; } .plan-month-plan{ display: flex; flex-direction: column; padding: 3em 1em; width: 240px; background-color: #fff; border-top: 12px solid #004a94; border-radius: 8px; position: relative; justify-content: space-between; } .plan-month-plan h6{ font-size: 24px; line-height: 28px; font-weight: 300; margin: 0 0 20px; } .premium-price{ font-size: 40px; line-height: 47px; font-weight: 300; color: #052636; display: block; margin-bottom: 13px; } .premium-price small { font-size: 24px; line-height: 28px; } a.button-select{ } button.billing-select{ background: #004a94 !important; color: #fff !important; border: 1px solid #fff; font-size: 15px; text-transform: none; line-height: 43px; padding: 0; border-radius: 4px; width: 90%; transition: opacity 0.1s 0.5s; letter-spacing: 1px; font-weight: 700; text-align: center; margin: 2em 0; cursor: pointer; } .table_fraz{ display: flex; justify-content: space-around; width: 40%; flex-wrap: wrap; margin: 0 auto; } .table_glag{ border-radius: 4px; box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.7); clear: both; margin: auto 3px; padding: 10px 15px; background-color: #f9eddd; border: 1px solid #a0a0a0; text-align: left; margin-bottom: 15px; color: #404040; flex: 1 1 auto; } /*-----------������ ࠧ�륭------------*/ #ariQuizContainer .aq-question-panel{ padding: 0 !important; margin: 0 !important; } #ariQuizContainer .aq-question-title{ display: none !important; } #ariQuizContainer .aq-question-content { padding: 0 !important; } /*------------Animals2------------*/ /*------------Animals2------------*/ /*------------Animals2------------*/ /*------------Animals2------------*/ /* -------Animals2--Description box Begin----------------- */ asdf 1 #animals-2-description-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #ffffff; width: 100%; margin: 20px auto; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); color: #555; box-sizing: border-box; /* Учет padding для равномерных отступов */ } #animals-2-description-container h1 { text-align: center; color: #333; font-size: 2em; margin-top: 0; margin-bottom: 20px; } #animals-2-description-container p { font-size: 1.1em; line-height: 1.7; text-align: justify; color: #333; } #animals-2-description-container .highlight { font-weight: bold; color: #2a52be; /* Синий текст */ background-color: transparent; /* Убираем фоновый цвет */ } #animals-2-description-container .pdf-link { color: #d9534f; font-weight: bold; text-decoration: none; } #animals-2-description-container .pdf-link:hover { text-decoration: underline; } /* ниже: для Рюрика уменьшить фото */ .author-image { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); flex-shrink: 0; } @media (max-width: 768px) { #animals-2-description-container { flex-direction: column; text-align: left; } .author-image { margin-top: 10px; } } /* -------Animals2--Description box End------------------- */ /* -------Rurik--Description box Begin - asdf 3 ---------- */ #rurik-1-description-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #ffffff; width: 100%; margin: 20px auto; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); color: #555; box-sizing: border-box; /* Учет padding для равномерных отступов */ } /* NEW. Обёртка для контента (изображение + текст) */ #rurik-1-description-container .content-wrapper { display: flex; align-items: flex-start; gap: 20px; } #rurik-1-description-container h1 { text-align: left; color: #333; font-size: 2em; margin: 0 0 10px 0; } /* NEW. Текстовая часть */ #rurik-1-description-container .text-content { flex: 1; display: flex; flex-direction: column; } /* Основной текст */ #rurik-1-description-container p { font-size: 1.1em; line-height: 1.7; text-align: justify; color: #333; margin: 0; } #rurik-1-description-container .text-content .highlight { font-weight: bold; color: #2a52be; /* Синий текст */ background-color: transparent; /* Убираем фоновый цвет */ } #rurik-1-description-container .text-content .pdf-link { color: #d9534f; font-weight: bold; text-decoration: none; } #rurik-1-description-container .text-content .pdf-link:hover { text-decoration: underline; } /* Фото */ #rurik-1-description-container .author-image { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); flex-shrink: 0; /* NEW */ align-self: flex-start; /* Выравниваем по верхнему краю текста */ margin-top: 1.7em; /* Компенсируем высоту заголовка */ } @media (max-width: 768px) { #rurik-1-description-container .content-wrapper { flex-direction: column; } #rurik-1-description-container .author-image { margin: 0 auto 15px auto; order: -1; } } /* -------Rurik--Description box End --------------------- */ /* ------------------------------------------------------- */ /* -------Animals2-Vocabulary-Table(4 col)Zebra Begin----- */ .table-container-vocabulary { width: 70%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; } .table-vocabulary { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; margin-left: 0; } .table-vocabulary td { border: 1px solid #ddd; padding: 8px; white-space: nowrap; vertical-align: top; } .table-vocabulary tr:nth-child(odd) { background-color: #f2f2f2; } .table-vocabulary .col-5 { width: 6%; /* Adjusted for one more character */ font-weight: bold; } .table-vocabulary .col-20 { width: 21%; /* Adjusted for one more character */ } .table-vocabulary .col-25 { width: 26%; /* Adjusted for one more character */ } .table-vocabulary .col-flex { width: 47%; /* Adjusted for content balance */ white-space: normal; word-wrap: break-word; } .noun { color: brown; font-weight: bold; } .table-vocabulary .verb { color: #0000ff; font-weight: bold; } .adjective { color: green; font-weight: bold; } @media (max-width: 768px) { .table-container-vocabulary { width: 100%; /* Full width on mobile */ } /* .table-vocabulary td { font-size: 12px; } делает основной шрифт гораздо меньше, чем цветной */ } /* -------Animals2-Vocabulary-Table(4 col)Zebra End------- */ /* ------------------------------------------------------- */ /* -------Animals2--Table (3 col) Zebra Begin------------- */ /* Table: Full Width, Color-Coded Words for Specific Words */ .table-container-animals2-1 { width: 100%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; } .table-animals2-1 { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; /* Заменяем fixed на auto - ширина ячейки динамическая */ } .table-animals2-1 td { border: 1px solid #ddd; padding: 8px; white-space: normal; vertical-align: top; } .table-animals2-1 tr:nth-child(odd) { background-color: #f2f2f2; } .table-animals2-1 .col-5 { width: 6%; text-align: center; white-space: nowrap; /* Предотвращает перенос текста */ min-width: 40px; /* Устанавливает минимальную ширину для десктопа */ } .table-animals2-1 .col-english { color: #000000; width: 47%; } .table-animals2-1 .col-russian { width: 47%; } .noun { color: brown; font-weight: bold; } .table-animals2-1 .verb { color: #0000ff; font-weight: bold; } .adjective { color: green; font-weight: bold; } @media (max-width: 768px) { .table-container-animals2-1 { width: 100%; /* Full width on mobile */ } .table-animals2-1 .col-5 { width: auto; /* Автоматическая ширина на мобильных устройствах */ min-width: 20px; /* Задаем min ширину для первой колонки */ text-align: center; /* Выравнивание по центру */ white-space: nowrap; /* Запрещаем перенос текста */ } .table-animals2-1 td { padding: 6px; /* Уменьшаем отступы для экономии места */ } /* .table-animals2-1 td { font-size: 12px; } делает основной шрифт гораздо меньше, чем цветной */ } /* -------Animals2--Table (3 col) Zebra Begin End--------- */ /* ------------------------------------------------------- */ /* -------ill OR sick--Table (3 col) Zebra Begin------------- */ .table-col-321 .container-ill { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; min-width: 320px; max-width: 100%; padding: 0 1px; box-sizing: content-box; } .table-col-321 table { border-collapse: collapse; width: 100%; margin: 1px 0; } .table-col-321 thead { background-color: #0074D9; color: white !important; font-weight: bold !important; } .table-col-321 tr:nth-child(even) { background-color: #ebebea; } .table-col-321 table td, .table-col-321 table th { padding: 10px !important; border: 1px solid #cbbdbd; } .table-col-321 table th { text-align: center; color: white !important; font-weight: bold !important; } /* Назначаем ширину столбцов */ .table-col-321 table th:nth-child(1), .table-col-321 table td:nth-child(1) { padding: 5px; width: 20%; /* ширину столбца 1 */ } .table-col-321 table th:nth-child(2), .table-col-321 table td:nth-child(2) { width: 40%; /* ширину столбца 2 */ } .table-col-321 table th:nth-child(3), .table-col-321 table td:nth-child(3) { width: 40%; /* ширину столбца 3 */ } /* -------ill OR sick--Table (3 col) Zebra Begin End--------- */ /* ------------------------------------------------------- */ /* ------------------------------------------------------- */ /* -------Animals2--Arrows1 Back Next Begin ----------------*/ .navigation-arrows { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; font-family: Arial, sans-serif; } .arrow-container { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border: 2px solid #4CAF50; /* Зеленая рамка */ border-radius: 50px; background-color: #A5D6A7; /* Светло-зеленая заливка */ color: #ffffff; /* Белый текст */ font-size: 16px; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; text-decoration: none; } .arrow-container:hover { background-color: #66BB6A; /* Более насыщенный зеленый при наведении */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); transform: scale(1.05); } .arrow-icon { display: inline-block; margin: 0 10px; } .arrow-back .arrow-icon { transform: rotate(180deg); /* Поворот стрелки для кнопки "Back" */ } @media (max-width: 768px) { .arrow-container { font-size: 14px; padding: 8px 15px; } } /* -------Animals2--Arrows1 Back Next End ------------------*/ /* ------------------------------------------------------- */ /* -------Animals2--Arrows2 Back Next Begin ----------------*/ .navigation-arrows2 { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; font-family: Arial, sans-serif; } .arrow-container2 { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border: 2px solid #888; /* Зеленая рамка */ border-radius: 50px; background-color: #ccc; /* Светло-серая заливка */ color: #ffffff; /* Белый текст */ font-size: 16px; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; text-decoration: none; } .arrow-container2:hover { background-color: #888; /* Более насыщенный зеленый при наведении */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); transform: scale(1.05); } .arrow-icon2 { display: inline-block; margin: 0 10px; } .arrow-back2 .arrow-icon2 { transform: rotate(180deg); /* Поворот стрелки для кнопки "Back" */ } @media (max-width: 768px) { .arrow-container2 { font-size: 14px; padding: 8px 15px; } } /* -------Animals2--Arrows2 Back Next End ------------------*/ /* ------------------------------------------------------- */ /* --------- Arrows EGE Begin ----------------- */ .ege-navigation-arrows2 { display: flex; justify-content: space-around; /* Равномерное распределение кнопок */ align-items: center; margin: 20px 0; font-family: Arial, sans-serif; gap: 20px; /* Расстояние между кнопками */ } .ege-arrow-container2 { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border: 2px solid #26b00c; /* Тёмно-серая рамка */ border-radius: 50px; background-color: #99eb89; /* Светло-серая заливка */ color: #ffffff; /* Белый текст */ font-size: 16px; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; text-decoration: none; } .ege-arrow-container2:hover { background-color: #26b00c; /* Тёмно-серый при наведении */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); transform: scale(1.05); } @media (max-width: 768px) { .ege-arrow-container2 { font-size: 14px; padding: 8px 15px; } } /* --------- Arrows EGE End ----------------- */ /* ------------------------------------------ */ /* --------- Грамматика 3 часть 1 Begin ----------- */ .ege-container1 .correct1 { color: green !important; font-weight: bold; } .ege-container1 .incorrect { text-decoration: line-through; color: red !important; } .ege-container1 .correct-answer1 { color: green !important; font-weight: bold; margin-left: 10px; } .ege-container1 .explanation { font-style: italic; color: #555; font-size: 10pt; margin-top: 5px; display: none; } .ege-container1 input { color: black !important; font-size: 12pt; font-weight: normal; border: 1px solid #ccc; padding: 4px; width: auto; } .ege-container1 table { width: 100%; } .ege-container1 td { vertical-align: top; padding: 8px; } /* --------- Грамматика 3 часть 1 End ----------- */ /* -------------------------------------------------------- */ /* -----------Table (5.1 col) Zebra Desktop Begin --------- */ .table-container-col-5 { width: 100%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; } .table-col-5 { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; margin-left: 0; } /* Основные стили для таблицы (десктоп-версия) */ .table-col-5 table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 16px; border: 1px solid #ddd; table-layout: fixed; } .table-col-5 thead { background-color: #0074D9; color: white; } .table-col-5 thead th { padding: 10px; border: 1px solid #fff; text-align: center; font-size: 16px; } /* Определяем фиксированную ширину для столбцов */ .table-col-5 thead th:nth-child(1), .table-col-5 tbody td:nth-child(1) { width: 6%; } .table-col-5 thead th:nth-child(2), .table-col-5 tbody td:nth-child(2) { width: 15%; } .table-col-5 thead th:nth-child(3), .table-col-5 tbody td:nth-child(3) { width: 15%; } .table-col-5 thead th:nth-child(4), .table-col-5 tbody td:nth-child(4) { width: 44%; } .table-col-5 thead th:nth-child(5), .table-col-5 tbody td:nth-child(5) { width: 20%; } .table-col-5 tbody tr:nth-child(odd) { background-color: #ffffff; } .table-col-5 tbody tr:nth-child(even) { background-color: #f2f2f2; } .table-col-5 tbody td { padding: 10px; border: 1px solid #ddd; font-size: 16px; vertical-align: top; text-align: left; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; line-height: 1.4; } .table-col-5 tbody td:first-child { text-align: center; font-weight: bold; white-space: nowrap; } .verb { color: #0074D9; /* столбец-3 Цвет фразовых глаголов - Светло-синий */ font-weight: bold; } .eng-1 { color: green; /* столбец-2 Verb */ font-weight: bold; } .rus-e { display: block; margin-top: 5px; color: #000000; /* Черный цвет для русского текста russian-example */ } .eng-h { color: #0520eb; font-weight: normal; /* english-highlight */ } .trans-1 { font-family: Arial, sans-serif; font-size: 12px; font-style: italic; font-weight: normal; color: #808080; } .trans-2 { color: #808080; /* Серый цвет для общего перевода */ font-weight: normal; font-style: italic; } .trans-h { color: #0520eb; /* Светло-синий - для перевода фразового глагола */ font-weight: normal; } /* Скрываем таблицу на мобильных устройствах */ @media screen and (max-width: 768px) { .table-container-col-5 table { display: none; } } /* -----------Table (5.1 col) Zebra End ------------------ */ /* -----------Table (5.1 col) Zebra Mob Begin ------------ */ .table-col-5m { display: none; /* Hide DeskTop table on mobile */ } @media screen and (max-width: 768px) { .table-col-5m { display: block; padding: 0; } .table-col-5m_card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; } .table-col-5m_card.playing { background-color: #e0e0e0; /* Серый фон при воспроизведении */ } .table-col-5m_n { font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #0074D9; display: flex; align-items: center; /* Number */ } .table-col-5m_n .microphone-icon { width: 20px; height: 20px; margin-left: 8px; background: url('microphone-icon.svg') no-repeat center center; background-size: contain; } .table-col-5m_row { display: flex; margin-bottom: 8px; } .table-col-5m_l { flex: 0 0 30%; font-weight: bold; color: black; /* Label */ } .table-col-5m_v { flex: 1; word-break: break-word; white-space: normal; font-family: inherit; color: black; font-weight: normal; /* Value */ } .table-col-5m_v-verb { font-weight: bold; color: #0074D9; } .table-col-5m_v-ex { color: #0000ff; font-weight: bold; /* Example */ } .table-col-5m_v-t { color: #808080; font-weight: bold; font-style: italic; /* Value-translation */ } } /* -----------Table (5.1 col) Zebra Mob End ---------------- */ /* -----------Table (5 col) Zebra Mob2 Begin --------------- */ /* Скрытие десктопной таблицы на мобильных устройствах */ @media screen and (max-width: 768px) { .table-col-5 { display: none; } } /* Стили для мобильной версии */ .mobile-version { display: none; } @media screen and (max-width: 768px) { .mobile-version { display: block; padding: 0; } .mobile-version__card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; } .mobile-version__card.playing { background-color: #e0e0e0; /* Серый фон при воспроизведении */ } .mobile-version__number { font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #0074D9; display: flex; align-items: center; } .mobile-version__number .microphone-icon { width: 20px; height: 20px; margin-left: 8px; background: url('microphone-icon.svg') no-repeat center center; background-size: contain; } .mobile-version__row { display: flex; margin-bottom: 8px; } .mobile-version__label { flex: 0 0 30%; font-weight: bold; color: black; } .mobile-version__value { flex: 1; word-break: break-word; white-space: normal; } .mobile-version__value--phrase { font-weight: bold; color: #0074D9; } .mobile-version__value--example { color: #0000ff; font-weight: bold; } .mobile-version__value--translation { color: #808080; font-weight: bold; font-style: italic; } } /* -----------Table (5 col) Zebra Mob2 End --------------- */ /* -----------PDF Icon hide in Mob Begin ----------------- */ /* Скрытие десктопной таблицы на мобильных устройствах */ @media screen and (max-width: 768px) { .pdf-icon-hide { display: none; } } /* -----------PDF Icon hide in Mob End ------------------- */ /* -----------Нажмите на карточку- in Mob Begin ---------- */ #press-but-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f9f9f9; width: 95%; margin: 20px auto; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); color: #555; box-sizing: border-box; text-align: center; } #press-but-container p { font-size: 1.2em; line-height: 1.7; color: #333; margin: 0; } /* -----------Нажмите на карточку- in Mob End ------------ */ /* -----------Table (5.2 col) Zebra Desktop Begin -------- */ .table-container-col-52 { width: 100%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; } .table-col-52 { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; margin-left: 0; } /* Основные стили для таблицы (десктоп-версия) */ .table-col-52 table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 16px; border: 1px solid #ddd; table-layout: fixed; } .table-col-52 thead { background-color: #0074D9; color: white; } .table-col-52 thead th { padding: 10px; border: 1px solid #fff; text-align: center; font-size: 16px; } /* Определяем фиксированную ширину для столбцов */ .table-col-52 thead th:nth-child(1), .table-col-52 tbody td:nth-child(1) { width: 6%; } .table-col-52 thead th:nth-child(2), .table-col-52 tbody td:nth-child(2) { width: 23%; } .table-col-52 thead th:nth-child(3), .table-col-52 tbody td:nth-child(3) { width: 23%; } .table-col-52 thead th:nth-child(4), .table-col-52 tbody td:nth-child(4) { width: 23%; } .table-col-52 thead th:nth-child(5), .table-col-52 tbody td:nth-child(5) { width: 25%; } .table-col-52 tbody tr:nth-child(odd) { background-color: #ffffff; } .table-col-52 tbody tr:nth-child(even) { background-color: #f2f2f2; } .table-col-52 tbody td { padding: 10px; border: 1px solid #ddd; font-size: 16px; vertical-align: top; text-align: left; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; line-height: 1.4; } .table-col-52 tbody td:first-child { text-align: center; font-weight: bold; white-space: nowrap; } /* -----------Table (5.2 col) Zebra End ------------------ */ /* -----------Table (5.3 col) Zebra Begin ---------------- */ /* Десктоп версия ---- Десктоп версия ----- Десктоп версия */ .table-col-53 .container { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; min-width: 320px; max-width: 100%; padding: 0 1px; box-sizing: content-box; } .table-col-53 table { border-collapse: collapse; width: 100%; margin: 1px 0; } .table-col-53 thead { background-color: #0074D9; color: white; } .table-col-53 tr:nth-child(even) { background-color: #ebebea; } .table-col-53 table td, .table-col-53 table th { padding: 10px; border: 1px solid #cbbdbd; } .table-col-53 table th { text-align: center; } /* Назначаем ширину столбцов */ @media (min-width: 720px) { .table-col-53 table th:nth-child(1), .table-col-53 table td:nth-child(1) { padding: 5px; width: 6%; /* ширину столбца 1 */ } .table-col-53 table th:nth-child(2), .table-col-53 table td:nth-child(2) { width: 15%; /* ширину столбца 2 */ } .table-col-53 table td:nth-child(2) { color: green; font-weight: bold; width: 15%; /* ширину столбца 2 */ } .table-col-53 table th:nth-child(3), .table-col-53 table td:nth-child(3) { font-weight: bold; width: 15%; /* ширину столбца 3 */ } .table-col-53 table td:nth-child(3) { color: #0074D9; } .table-col-53 table th:nth-child(4), .table-col-53 table td:nth-child(4) { width: 44%; /* ширину столбца 4 */ } .table-col-53 table th:nth-child(5), .table-col-53 table td:nth-child(5) { width: 20%; /* ширину столбца 5 */ } .table-col-53 table td:nth-child(5) { font-style: italic; } } .verb2 { display: contents; color: #0000ff; font-weight: norm; } .rus2-e { display: contents; color: #000000; /* Черный цвет для русского текста russian-example */ } .eng2-h { display: contents; color: #0520eb; /* english-highlight */ } .trans2-h { display: contents; color: #0520eb; /* Светло-синий - для перевода фразового глагола */ } /* Мобильная версия ---- Мобильная версия --- Мобильная версия */ @media (max-width: 720px) { .table-col-53 .container table thead { display: none; } .table-col-53 .container table tr { display: block; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; /* Преобразуем строчные ряды таблицы в блочные элементы. Теперь таблица имеет совсем другой вид – ячейки встали в столбик */ /* Описание Контейнера Cards */ } .table-col-53 .container table tr.playing { background-color: #e0e0e0; /* Серый фон при воспроизведении */ } .table-col-53 table td { display: flex; justify-content: flex-start; font-size: 14px; /* Назначим ячейку флекс-контейнером, а данные ячеек раскидаем по правому и левому краю вдоль главной оси */ } .table-col-53 table td, .table-col-53 table th { padding: 3px; border: 0px; /* убираем рамку-сетку */ } .table-col-53 table td::before { content: attr(data-label); flex: 0 0 30%; font-weight: bold; margin-right: 1px; } /* Определяем стили текста для столбцов */ table thead th:nth-child(1), table tbody td:nth-child(1) { font-weight: bold; color: #0074D9; } table thead th:nth-child(2), table tbody td:nth-child(2) { color: green; font-weight: bold; } table thead th:nth-child(3), table tbody td:nth-child(3) { font-weight: bold; } .trans-12 { color: #999999; font-weight: bold; font-style: italic; } } /* -----------Table (5.3 col) Zebra End ------------------ */ /* -----------Table (3.2 col) Zebra Begin ---------------- */ /* Десктоп версия --- Проверка 6 --- Десктоп версия */ .table-col-32 .container { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; min-width: 320px; max-width: 100%; padding: 0 1px; box-sizing: content-box; /* Применение
и тд */ } .table-col-32 table { border-collapse: collapse; width: 100%; margin: 1px 0; } .table-col-32 thead { background-color: #0074D9; color: white; } .table-col-32 tr:nth-child(even) { background-color: #ebebea; } .table-col-32 table td, .table-col-32 table th { padding: 10px; border: 1px solid #cbbdbd; } .table-col-32 table th { text-align: center; } /* Назначаем ширину столбцов */ @media (min-width: 720px) { .table-col-32 table th:nth-child(1), .table-col-32 table td:nth-child(1) { padding: 5px; width: 6%; /* ширину столбца 1 */ } .table-col-32 table th:nth-child(2), .table-col-32 table td:nth-child(2) { width: 47%; /* ширину столбца 2 */ } .table-col-32 table th:nth-child(3), .table-col-32 table td:nth-child(3) { width: 47%; /* ширину столбца 3 */ } } .verb2 { display: contents; color: #0000ff; font-weight: norm; } .rus2-e { display: contents; color: #000000; /* Черный цвет для русского текста russian-example */ } .eng2-h { display: contents; color: #0520eb; /* english-highlight */ } .trans2-h { display: contents; color: #0520eb; /* Светло-синий - для перевода фразового глагола */ } /* Мобильная версия ---- Мобильная версия --- Мобильная версия */ @media (max-width: 720px) { .table-col-32 .container table thead { display: none; } .table-col-32 .container table tr { display: block; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; /* Преобразуем строчные ряды таблицы в блочные элементы. Теперь таблица имеет совсем другой вид – ячейки встали в столбик */ /* Описание Контейнера Cards */ } .table-col-32 .container table tr.playing { background-color: #e0e0e0; /* Серый фон при воспроизведении */ } .table-col-32 table td { display: flex; justify-content: flex-start; font-size: 14px; /* Назначим ячейку флекс-контейнером, а данные ячеек раскидаем по правому и левому краю вдоль главной оси */ } .table-col-32 table td, .table-col-32 table th { padding: 3px; border: 0px; /* убираем рамку-сетку */ } .table-col-32 table td::before { content: attr(data-label); flex: 0 0 15%; font-weight: normal; margin-right: 1px; } /* Определяем стили текста для столбцов */ table thead th:nth-child(1), table tbody td:nth-child(1) { font-weight: bold; color: #0074D9; } table thead th:nth-child(2), table tbody td:nth-child(2) { font-weight: normal; } table thead th:nth-child(3), table tbody td:nth-child(3) { font-weight: normal; } .trans-12 { color: #999999; font-weight: bold; font-style: italic; } } /* -----------Table (3.2 col) Zebra End ------------------ */ /* ------------------------------------------------------- */ /* -----------Test Голицынский Begin ------------------ */ .golitsynskiy1 body { font-family: Arial, sans-serif; line-height: 1.6; background-color: #f9f9f9; margin: 0; padding: 20px; box-sizing: border-box; overflow-x: hidden; } .golitsynskiy1 .test-container { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px; max-width: 90%; width: 100%; margin: auto; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .golitsynskiy1 h1 { text-align: center; color: #333; font-size: 22px; } .golitsynskiy1 .question { margin-bottom: 15px; font-size: 16px; word-wrap: break-word; } .golitsynskiy1 input[type="text"] { border: 1px solid #ccc; border-radius: 4px; padding: 5px; width: 100px; max-width: 25%; margin: 0 3px; text-align: center; font-size: 16px; } .golitsynskiy1 .check-button { display: block; width: 100%; padding: 10px; background: #4caf50; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; text-align: center; } .golitsynskiy1 .check-button:hover { background: #45a049; } .golitsynskiy1 .correct { color: green; font-weight: bold; } .golitsynskiy1 .incorrect { color: red; font-weight: bold; text-decoration: line-through; } .golitsynskiy1 .unattempted { color: blue; font-weight: bold; } .golitsynskiy1 .explanation { font-size: 14px; color: #555; margin-top: 5px; display: none; } /* -----------Test Голицынский End ------------------- */ /* ------------ серые Кнопки с номерами Тестов (Begin) ----------- */ .golitsynskiy1-button body { margin: 0; padding: 0; font-family: Arial, sans-serif; } .golitsynskiy1-button .custom-button-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); gap: 5px; padding: 10px; width: 100%; box-sizing: border-box; } .golitsynskiy1-button .custom-button a { display: block; width: 100%; padding: 10px 0; text-align: center; background-color: #ccc; color: #fff; /* Белый цвет текста */ font-size: 16px; font-weight: bold; text-decoration: none; border-radius: 5px; border: 1px solid #bbb; transition: background-color 0.2s, color 0.2s; } .golitsynskiy1-button .custom-button a:hover { background-color: #aaa; color: #fff; /* Белый цвет текста при наведении */ } .golitsynskiy1-button .custom-button a:active { background-color: #888; } /* ------------ серые Кнопки с номерами Тестов (End) ----------- */ /* ------------ Кнопки Голицынский back-next (Begin) ----------- */ .golitsynskiy1-button-arrow .navigation-arrows { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; width: 100%; max-width: 100%; padding: 0 10px; box-sizing: border-box; } .golitsynskiy1-button-arrow .arrow-container { display: flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: white; background: linear-gradient(135deg, #4CAF50, #2E7D32); border: none; transition: all 0.3s ease-in-out; cursor: pointer; outline: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); min-width: 80px; text-align: center; } .golitsynskiy1-button-arrow .arrow-container:hover { background: linear-gradient(135deg, #66BB6A, #388E3C); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); transform: translateY(-2px); } .golitsynskiy1-button-arrow .arrow-back { flex: 1; max-width: 12%; text-align: left; } .golitsynskiy1-button-arrow .arrow-next { flex: 1; max-width: 12%; text-align: right; } .golitsynskiy1-button-arrow .arrow-middle { flex: none; width: 120px; padding: 14px 30px; background: linear-gradient(135deg, #81C784, #388E3C); margin: 0 10px; } .golitsynskiy1-button-arrow .arrow-middle:hover { background: linear-gradient(135deg, #A5D6A7, #2E7D32); } @media (max-width: 768px) { .golitsynskiy1-button-arrow .navigation-arrows { gap: 8px; padding: 0 5px; } .golitsynskiy1-button-arrow .arrow-back, .golitsynskiy1-button-arrow .arrow-next { max-width: 10%; /* Уменьшаем, чтобы Next не вылазил */ padding: 10px 5px; font-size: 12px; } .golitsynskiy1-button-arrow .arrow-middle { width: 70px; padding: 10px 20px; font-size: 14px; margin: 0 6px; } } /* ------------ Кнопки Голицынский back-next (End) ----------- */ /* ------------ Лонгман 2025-05 красивости (Begin) ----------- */ .cat-vocab-table { touch-action: manipulation; margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; width: 90%; max-width: 840px; margin: 30px auto; background: #f9f9f9;/* светло-серый */ padding: 20px; border-radius: 16px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .cat-vocab-table table { width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; table-layout: fixed; } .cat-vocab-table colgroup col:nth-child(1) { width: 50%; } .cat-vocab-table colgroup col:nth-child(2) { width: 50%; } .cat-vocab-table h2 { text-align: center; margin-bottom: 20px; color: #333; /* почти чёрный */ font-size: 22px; } .cat-vocab-table th { text-align: center; color: white !important; font-weight: bold !important; padding: 10px; border: 1px solid #cbbdbd; /* серо-розовый */ font-size: 18px; background-color: #0074D9; /* синий */ } .cat-vocab-table td { padding: 10px; border: 1px solid #eee; /* светло-серый */ vertical-align: middle; font-size: 18px; word-break: break-word; } .cat-vocab-table tr:nth-child(even) td { background-color: #f8f8f8; /* светло-серый */ } .cat-vocab-table td input[type="text"] { width: 90% !important; padding: 10px 14px; font-size: 17px; border-radius: 8px; border: 2px solid #ccc; /* серый */ box-sizing: border-box; transition: border-color 0.3s; margin: 0; display: inline-block; } .cat-vocab-table td input[type="text"]:focus { border-color: #1a73e8; /* синий */ outline: none; } .cat-vocab-table button { margin-top: 20px; padding: 12px 24px; font-size: 18px; border: none; border-radius: 8px; background-color: #1a73e8; /* синий */ color: white; cursor: pointer; display: block; margin-left: auto; margin-right: auto; transition: background-color 0.3s, transform 0.2s; } .cat-vocab-table button:hover { background-color: #155cc1; /* синий */ transform: scale(1.02); } /* ---------------------------------------- */ /* ------------ Лонгман 2025-05 красивости (End) ----------- */ /* ------------ QUIZ 2 Begin ------------------------*/ /* ======== Таблица: 3 колонки №, Английский, Русский ======== */ /* просто всю таблицу обёрнуть в
...
--- */ .table-3col-n-eng-rus .styled-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; margin: 20px 0; font-size: 16px; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); table-layout: auto; } .table-3col-n-eng-rus .styled-table th, .table-3col-n-eng-rus .styled-table td { padding: 12px; border: 1px solid #ddd; /* серый */ white-space: normal; word-wrap: break-word; hyphens: auto; text-align: left; } .table-3col-n-eng-rus .styled-table thead { background-color: #0074D9; /* синий */ color: white !important; font-weight: bold !important; } .table-3col-n-eng-rus .styled-table table th { text-align: center; color: white !important; font-weight: bold !important; } .table-3col-n-eng-rus .styled-table td { font-size: 16px; background-color: white; } .table-3col-n-eng-rus .styled-table tr:nth-child(even) td { background-color: #f8f8f8; /* блекло белый */ } .table-3col-n-eng-rus .styled-table th:first-child, .table-3col-n-eng-rus .styled-table td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; text-align: center; } .table-3col-n-eng-rus .styled-table th:last-child, .table-3col-n-eng-rus .styled-table td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } /* Общие классы внутри таблицы */ .table-3col-n-eng-rus .blue { color: #0000ff; /* ярко синий */ } .table-3col-n-eng-rus .bold { font-weight: bold; } .table-3col-n-eng-rus .prefix-blue { color: #0000ff; font-weight: bold; } .table-3col-n-eng-rus .hyphenate { hyphens: auto; white-space: normal; word-wrap: break-word; } .table-3col-n-eng-rus .table-container { width: 100%; margin: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 10px; } /* Мобильная адаптация */ @media screen and (max-width: 768px) { .table-3col-n-eng-rus .styled-table { table-layout: fixed; } .table-3col-n-eng-rus .styled-table thead { background-color: #0074D9; /* синий */ color: white !important; font-weight: bold !important; } .table-3col-n-eng-rus .styled-table th, .table-3col-n-eng-rus .styled-table td { font-size: 14px; padding: 10px; } .table-3col-n-eng-rus .styled-table th { text-align: center; color: white !important; font-weight: bold !important; } .table-3col-n-eng-rus .styled-table th:nth-child(1), .table-3col-n-eng-rus .styled-table td:nth-child(1) { width: 10%; } .table-3col-n-eng-rus .styled-table th:nth-child(2), .table-3col-n-eng-rus .styled-table td:nth-child(2) { width: 30%; color: black !important; } .table-3col-n-eng-rus .styled-table th:nth-child(3), .table-3col-n-eng-rus .styled-table td:nth-child(3) { width: 25%; } .table-3col-n-eng-rus .styled-table th:nth-child(4), .table-3col-n-eng-rus .styled-table td:nth-child(4) { width: 35%; } } /* ======== Таблица: №, Английский, Русский ======== */ /* ========= Rurik-quiz ========== */ .translation-table { /* раньше: html, body */ font-family: 'Segoe UI', sans-serif; background: #fff; /* сам блок остаётся белым */ padding: 20px; margin: 20px auto; /* центрирование + внешний отступ */ max-width: 750px; border-radius: 16px; box-shadow: 0 0 10px rgba(0,0,0,.1); } /* Заголовок */ .translation-table h2 { text-align: center; margin-bottom: 20px; color: #333; } /* Вопрос + поле ввода */ .translation-table .block { margin-bottom: 20px; } .translation-table .question { font-size: 18px; margin-bottom: 8px; } .translation-table .block input[type="text"]{ width: 100%; font-size: 16px; padding: 14px 12px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 6px; box-shadow: inset 0 0 3px rgba(0,0,0,.05); background: #fff; } .translation-table .block input:focus{ outline: none; border-color: #1a73e8; background: #eef6ff; } /* Кнопка проверки */ .translation-table button{ display: block; margin: 20px auto 0; padding: 12px 24px; font-size: 18px; border: none; border-radius: 8px; cursor: pointer; background:#1a73e8; color:#fff; transition: background-color .3s, transform .2s; } .translation-table button:hover{ background:#155cc1; transform: scale(1.02); } /* Подсветка результата */ .translation-table .correct { color: green; font-weight: bold; } .translation-table .incorrect { color: red; text-decoration: line-through; } .translation-table .missing { color: blue; text-decoration: underline; } .translation-table .missing-red { color: red; font-style: italic; } .translation-table .show-answer { color:#888; font-style: italic; } .translation-table .result { margin-top:5px; padding:5px; border-radius:3px; } /* ========= /Rurik-quiz ========= */ /* ========= /Rurik-Меню внизу ========= */ .ts40 { font-family: Arial, sans-serif; } .ts40 .custom-button-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 10px; padding: 10px; width: 100%; box-sizing: border-box; } .ts40 .custom-button a { display: block; width: 100%; padding: 10px 0; text-align: center; background-color: #ccc; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; border-radius: 20px; border: 1px solid #bbb; transition: background-color 0.2s, color 0.2s; } .ts40 .custom-button a:hover { background-color: #aaa; color: #fff; } .ts40 .custom-button a:active { background-color: #888; } /* ========= /Rurik-Меню внизу ========= */ /* ------------ QUIZ 2 End --------------------------*/
№ Eng Rus
101 Rurik 830 lived for 49 years. Рюрик 830 г. прожил 49 лет.