dialog.std,dialog.std * {box-sizing: border-box;}
dialog.focus{z-index:101;}
dialog.std { background:#f5f5f5; border:none; padding:0;display:block;position:fixed;margin:0 auto;height: auto;width:380px;max-width:100%;z-index:100;box-shadow:0 0 40px rgba(0,0,0,0.3); font: 400 14px Lato,sans-serif; color: #787878;top:50px;}
dialog.std.size-m {width:720px;max-width:100%;}
@media(max-width:720px){dialog.std.size-m{top:0;}}
/*@media(max-width:720px){dialog.std.size-fs{position:fixed!important;top:0!important;bottom:0;right:0;left:0!important;height:100vh!important;width:100vw!important;}}*/
dialog.std.size-fs{position:fixed!important;top:0!important;bottom:0;right:0;left:0!important;height:100vh!important;width:100vw!important;}
dialog.std.size-l {width:980px;max-width:100%;}
@media(max-width:980px){dialog.std.size-m{top:0;}}
dialog.std h6 { background: /*#0ab2cf*/#799eb3; height: /*40px*/28px;; margin: 0; padding: 0 /*40px*/28px 0 0; text-align: center; font: 700 /*15px/40px*/14px/28px Lato,sans-serif; color: #fff;}
dialog.std h6 button[name=close] {display: inline-block;border: none;background: transparent;border-left: 1px solid #688799;width: /*40px*/28px;height: /*40px*/28px;right: 0;top: 0;position: absolute;color: #fff;text-align: center;font: 400 18px/28px/*20px/40px*/ sans-serif;cursor:pointer;padding:0;min-width:0;}
dialog.std h6 button[name=close]:hover,dialog.std h6 button[name=close]:active,dialog.std h6 button[name=close]:focus{background-color: rgba(0,0,0,0.1);}
dialog.std > div,dialog.std > form {padding:17px;}

dialog.std select,dialog.std textarea,dialog.std input[type=text] {width: 100%;box-sizing: border-box;height: 35px;line-height: 33px;padding: 0 1em;border: 1px solid #cacaca;background: #fff;transition:border-color 0.4s;}
dialog.std select:focus,dialog.std textarea:focus,dialog.std input[type=text]:focus,dialog.std select:active,dialog.std textarea:active,dialog.std input[type=text]:active{border-color:#979797;}
dialog.std textarea{height:auto;line-height:1.4;resize: none;padding:0.4em 1em;}
dialog.std fieldset {border:none;margin:0;padding:0;}
dialog.std fieldset.buttons{text-align:right;}
dialog.std fieldset.buttons.buttons-center{text-align:center;}
dialog.std fieldset.buttons .button-left{float:left;}

dialog.std button, dialog.std[type=submit], dialog.std[type=reset], dialog.std[type=button] {/*background: #0ab2cf;font: 700 16px/38px Lato,sans-serif;color: #fff;height: 38px; padding: 0 60px; border: none; transition: background 0.3s;*/
min-width: 109px;height: 31px;border: 1px solid #cfcfcf;background: #fdfdfd;border-radius: 3px;color: #8d8d8d;font: 700 1.167rem/29px Lato,sans-serif;text-align: center;padding: 0 1em;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border: none; transition: background 0.3s;
cursor:pointer;border-color: #dde2eb;background: #8badc0;color: #fdfdfd;}
dialog.std label { display: block; margin: 0 0 17px; font: 400 14px Lato,sans-serif; color: #787878; }
dialog.std label > input, dialog.std label > textarea, dialog.std label > select { margin-top: 0.4em; }
dialog.std input:active, dialog.std select:active, dialog.std textarea:active,dialog.std a:active,dialog.std input:focus, dialog.std select:focus, dialog.std textarea:focus, dialog.std a:focus {outline:none;box-shadow:none;}
dialog.std button:active, dialog.std button:focus, dialog.std button:hover {background:#50788e;outline:none;box-shadow:none;color:#fdfdfd;}
dialog.std fieldset.options {margin-bottom:12px;}
dialog.std fieldset.options label {margin-bottom: 5px;}

dialog.std .cke_chrome { border: 1px solid #cacaca; box-shadow: none;}
dialog.std div#cke_notes {background: transparent;}
dialog.std .cke_inner {background: transparent;}
dialog.std .cke_top {padding: 0; background: transparent;}
dialog.std .cke_toolgroup {margin: 0;border: none;background: transparent;}

div.dialog-overlay {position:fixed;left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,0.4);z-index:100;margin: 0;padding: 40px 0;overflow:auto;}
div.dialog-overlay:first-child{z-index:101;}
div.dialog-overlay > dialog {display:block;position:relative;margin:0 auto;height: auto; top:0;}

dialog.dictionary { position:absolute;width:250px; border: 1px solid #dbdbdb;border-radius:4px; background:/*#f3f3f3*/#f5f5f5;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);z-index: 10;padding: 0;margin:0;}
dialog.dictionary > menu {background: #799eb3;padding:0;margin:-1px -1px 0 -1px;border:none;border-bottom:1px solid #688799;height:28px;border-radius:4px 4px 0 0;}
dialog.dictionary > menu > button {width:28px;height:28px;margin:0;padding:0;border:none;border-right:1px solid #688799;text-align:center;background:none;font:400 20px/28px sans-serif;color:#fbfbfc;}
dialog.dictionary > menu > button:hover,dialog.dictionary > menu > button:active,dialog.dictionary > menu > button:focus{outline:none;box-shadow:none;}
dialog.dictionary > menu > button[name]:empty::before{content: " ";display:block; width:24px; height:24px;margin:2px;background: url(../images/lesson2/menu-dictionary-window.png) no-repeat;}
dialog.dictionary > menu > button[name=play]:empty::before{background-position:-24px 0;}
dialog.dictionary > menu > button[name=wordquiz-add]:empty::before{background-position:-72px 0;}
dialog.dictionary > menu > button[name=wordquiz-remove]:empty::before{background-position:-96px 0;}
dialog.dictionary > menu > button[name=dictionary]:empty::before{background-position:-120px 0;}
dialog.dictionary > menu > button[name=error]:empty::before{background-position:-144px 0;}
dialog.dictionary > menu > button[name=x]:empty::before{background-position:-48px 0;}

dialog.dictionary > menu button[name=close] {float:right;border-right:none;border-left:1px solid #688799;}
dialog.dictionary > div {padding: 22px 28px;margin:0;border:none;}
dialog.dictionary > div+div {border-top: 1px solid #dbdbdb;}
dialog.dictionary > div img {max-width:100%;border:1px solid #e3e3e3;margin: 0 0 10px;}
dialog.dictionary p {margin:0;padding:0;text-align:left;}
dialog.dictionary p.word {color: #272727;font: 600 22px "Titillium Web",sans-serif;/*margin: 5px 0 3px;*/margin: 0 0 -3px;}
dialog.dictionary p.translation {color: #49699a;font: 600 22px "Titillium Web",sans-serif;/*margin: 5px 0 3px;*/margin: 5px 0 -3px;}
dialog.dictionary p.translation:before {content:url(../images/lesson2/dictionary-mark.png);margin: 0 5px 0 0;vertical-align: -2px;}
dialog.dictionary p.grammar {color: #000;font: italic 400 14px "Titillium Web",sans-serif;}
dialog.dictionary p.example {color: #49699a;font: 400 14px "Titillium Web",sans-serif;}

/*
dialog.dictionary-large {position:absolute;border: 1px solid #dbdbdb;border-radius:4px;padding:15px 30px;background: #fff;width: 920px;max-width:100%;z-index: 10;margin:40px auto;box-shadow: 0 0 50px rgba(0,0,0,0.5);}
dialog.dictionary-large button[name=close] {position: absolute; right: 10px; top: 10px; border: none; background: none;width: 36px; height: 36px; border-radius: 50%; text-align: center; color: #ccc; font: bold 20px/36px sans-serif; padding: 0;margin:0;}
dialog.dictionary-large button[name=close]:hover,dialog.dictionary-large button[name=close]:active,dialog.dictionary-large button[name=close]:focus {background: rgba(0, 0, 0, 0.03); }
*/
dialog.dictionary-large h3 {font: 24px Dosis,Verdana,sans-serif;color:#434343;font-weight:500;margin-bottom:3px;}
dialog.dictionary-large h3.translation{color:#0c7f94;margin-top:19px;margin-bottom:-2px;}
dialog.dictionary-large h3.translation .te-menu-icon-bookmark{vertical-align: baseline;}
dialog.dictionary-large p.example {font: 20px Dosis,Verdana,sans-serif;color:#434343;font-weight:400;}
dialog.dictionary-large p.grammar {font: 16px Dosis,Verdana,sans-serif;color:#757575;font-weight:500;margin:0;}
dialog.dictionary-large p.synonyms {font: 16px Dosis,Verdana,sans-serif;color:#0ab2d0;font-weight:500;margin:10px 0 0;}
dialog.dictionary-large p.synonyms a{color:inherit;}
dialog.dictionary-large p.synonyms+p.synonyms{margin-top:0;}
dialog.dictionary-large p.categories {font: italic 15px Dosis,Verdana,sans-serif;color:#0ab2d0;font-weight:500;margin:10px 0 0;}
dialog.dictionary-large p.categories a,dialog.dictionary-large p.categories a:hover {color:inherit;font:inherit;text-decoration:inherit;}
dialog.dictionary-large img.img {margin:35px 0 15px 15px;}
dialog.dictionary-large table.grammar {width:100%;border:1px solid #c1c1c1;margin:0 0 25px;font: 14px Lato,Verdans,sans-serif;color: #434343;font-weight: 400;table-layout:fixed;}
dialog.dictionary-large table.grammar caption {border:1px solid #c1c1c1;border-bottom:0;padding:12px 16px;margin:0;background:#f1f1f1;font: 16px Dosis,Verdana,sans-serif;color: #353535;font-weight: 500;text-transform:uppercase;}
dialog.dictionary-large table.grammar caption label {margin:0;font:inherit;}
dialog.dictionary-large table.grammar.selected caption{background:#d9d9d9;}
dialog.dictionary-large table.grammar td,dialog.dictionary-large table.grammar th{border:1px solid #c1c1c1;border-left:none;border-right:none;min-height:31px;padding:12px 16px;vertical-align:middle;}
dialog.dictionary-large table.grammar th.subheader{background:#d9d9d9;font: 14px Dosis,Verdana,sans-serif;color:#353535;font-weight:500;text-transform:uppercase;min-height:0;padding:8px 16px;}