/*!
* Vocable page
*/
.vocable-page{background-image:url(/images/vocable/bg-vocable.jpg);background-size:cover;background-position:center;min-height:600px;}.vocable-page.menulist-page{padding-top:25px;padding-bottom:25px;}.vocable-page.menulist-page .menu-holder{background-color:#fff;border-radius:6px;width:auto;min-height:400px;margin-top:4px;margin-bottom:12px;padding:20px;}.vocable-page.menulist-page .menu-holder .header-holder{background-size:cover;background-repeat:no-repeat;background-image:url(/images/vocable/banner_glosor.jpg);min-height:160px;padding:15px 20px;}.vocable-page.menulist-page .menu-holder .header-holder h1{font-size:48px;color:#fff;}.vocable-page.menulist-page .menu-holder .header-holder p{font-size:20px;font-weight:bold;color:#000;}.vocable-page.menulist-page .menu-holder .info-holder{background-color:#eee;padding:10px 10px;margin-top:12px;}.vocable-page.menulist-page .menu-holder .info-holder p{font-size:14px;color:#000;margin-bottom:3px;line-height:18px;}.vocable-page.menulist-page .menu-holder .info-holder p img{width:18px;height:18px;margin-top:-3px;}.vocable-page.menulist-page .menu-holder .subheader-holder{background-color:#76b8a6;padding:4px 20px;margin-top:12px;}.vocable-page.menulist-page .menu-holder .subheader-holder h4{color:#fff;font-size:20px;margin-bottom:0;}.vocable-page.menulist-page .menu-holder .content-holder{padding:6px 0 2px;}.vocable-page.menulist-page .menu-holder .vocable-holder{margin-top:2px;}.vocable-page.menulist-page .menu-holder .vocable-holder .vocable-button{background:linear-gradient(to right,#ff9800 35%,#ffbe5e 100%);border-bottom:2px solid #bb6f00;border-right:2px solid #bb6f00;border-radius:4px;padding:4px 20px;margin-top:2px;cursor:pointer;user-select:none;}.vocable-page.menulist-page .menu-holder .vocable-holder .vocable-button .language-holder h4{color:#fff;font-size:18px;line-height:22px;margin-bottom:0;}.vocable-page.menulist-page .menu-holder .vocable-holder .vocable-button .language-holder img{height:18px;margin-left:5px;margin-right:5px;}.vocable-page.menulist-page .menu-holder .vocable-holder .vocable-button span{color:#000;font-size:14px;font-weight:600;}.vocable-page.menulist-page .menu-holder .vocable-holder .vocable-button span:hover{color:#fff;}.vocable-page.menulist-page .menu-holder .vocable-holder .excercises-list .excercise-item{padding:4px 20px;border-bottom:1px solid #c9c9c9;cursor:pointer;}.vocable-page.menulist-page .menu-holder .vocable-holder .excercises-list .excercise-item:hover{background-color:#eee;}.vocable-page.menulist-page .menu-holder .vocable-holder .excercises-list .excercise-item span{display:block;width:100%;}.vocable-page.menu-page{padding-top:10px;padding-bottom:10px;}.vocable-page.menu-page hr{color:#c5c5c5;border:0;height:3px;background-color:#c5c5c5;margin-top:8px;margin-bottom:12px;}.vocable-page.menu-page .menu-holder{background-color:#fff;border-radius:12px;padding:30px 25px;}.vocable-page.menu-page .menu-holder h4{color:#f93;font-size:20px;font-weight:600;margin-top:20px;margin-bottom:5px;}.vocable-page.menu-page .menu-holder .vocable-language-holder h2{color:#000;font-size:16px;font-weight:300;line-height:22px;margin-bottom:0;}.vocable-page.menu-page .menu-holder .vocable-language-holder img{height:18px;margin-left:5px;margin-right:5px;}.vocable-page.menu-page .menu-holder .exercise-header-holder h1{color:#000;font-size:38px;}.vocable-page.menu-page .menu-holder .exercise-box-holder{display:flex;flex-flow:wrap;}.vocable-page.menu-page .menu-holder .exercise-box-holder .exercise-item-holder{background-color:#fff;border:1px solid #aaa;border-top:8px solid #5cadad;box-shadow:2px 5px 10px 0 rgba(0,0,0,.56);width:130px;height:150px;padding:12px 6px 6px;margin-right:12px;margin-bottom:10px;cursor:pointer;}.vocable-page.menu-page .menu-holder .exercise-box-holder .exercise-item-holder:hover{background-color:#f0f0f0;border-top:8px solid #388282;}.vocable-page.menu-page .menu-holder .exercise-box-holder .exercise-item-holder .image-holder{display:flex;justify-content:center;align-items:center;padding:8px;height:90px;width:100%;}.vocable-page.menu-page .menu-holder .exercise-box-holder .exercise-item-holder .image-holder img{max-width:100%;max-height:100%;}.vocable-page.menu-page .menu-holder .exercise-box-holder .exercise-item-holder .label-holder{text-align:center;padding-top:6px;padding-bottom:6px;}.vocable-page.menu-page .menu-holder .exercise-box-holder .exercise-item-holder .label-holder span{display:block;color:#000;font-size:18px;}.vocable-page.menu-page .menu-holder .exercise-box-holder .print-holder{margin-left:auto;padding-top:4px;}.vocable-page.menu-page .menu-holder .exercise-box-holder .print-holder .print-item-holder{padding-bottom:8px;cursor:pointer;}.vocable-page.menu-page .menu-holder .exercise-box-holder .print-holder .print-item-holder a:hover{text-decoration:underline;}.vocable-page.menu-page .menu-holder .exercise-box-holder .print-holder .print-item-holder img{width:26px;margin-right:4px;vertical-align:top;}.vocable-page.menu-page .menu-holder .exercise-box-holder .print-holder .print-item-holder span{font-size:15px;line-height:24px;}.vocable-page.menu-page .menu-holder .select-exercise-vocable-holder{padding-top:10px;}.vocable-page.menu-page .menu-holder .select-exercise-vocable-holder input{background-color:initial;}.vocable-page.menu-page .menu-holder .select-exercise-vocable-holder .vocable-list{padding-top:6px;}.vocable-page.menu-page .menu-holder .select-exercise-vocable-holder .vocable-list .header-holder{background-color:#ff8000;color:#fff;font-weight:600;font-size:16px;padding:4px 8px;}.vocable-page.menu-page .menu-holder .select-exercise-vocable-holder .vocable-list .list-holder{border:2px solid #ff8000;padding:6px 12px 12px 12px;}