body{font-family:'Play', sans-serif;!important}
.bgDiv {position:absolute;top:0;left:0;transition:opacity 1s ease;opacity:1;background-repeat:no-repeat;background-color:#666;background-size:cover;background-position:center;z-index:-999}
.bgHide {opacity:0}
.bgSub {position:absolute;bottom:0;right:0;background-repeat:no-repeat;width:100%;height:100%;background-size:cover;background-position:right;background-image:url('/assets/img/bg_sub.png');z-index:-998}
.main-menu {text-align:right}
.main-menu ul {margin:0;padding:0}
.main-menu ul li {list-style-type:none;display:inline-block;font-size:13px;margin-right:15px;margin-top:15px;position:relative}
.main-menu ul li a{color:#fff;position:relative}
.main-menu ul li a:hover {border-bottom:2px solid #fff;text-decoration:none;cursor:pointer}
.main-menu ul li a i {font-size:23px;position:absolute;top:-16px}
.main-menu ul li a i:hover{color:#c6d0db}
.all-projects {display:none;position:absolute;background:#fff;padding:10px 15px;width:290px;right:-60px;top:13px;-webkit-box-shadow:0px 0px 82px 6px rgba(51,51,51,0.34);-moz-box-shadow:0px 0px 82px 6px rgba(51,51,51,0.34);box-shadow: 0px 0px 82px 6px rgba(51,51,51,0.34);border-radius:5px;z-index:1}
.all-projects.showed{display:block}
.all-projects li a {color:#666!important;font-size:12px;text-align:center}
.all-projects li a:hover {text-decoration:underline}
.all-projects li {width:74px;margin:5px!important;text-align:center}
.all-projects li img {width:100%}
.search-box {position:absolute;margin:auto;top:20%;left:0;right:0;height:200px}
.app-logo {width:171px;height:108px;margin:15px auto;background:url('../img/app_logo.png') no-repeat}
.search-input {width:100%;height:83px;background-color:rgba(0, 0, 0, 0.25);border-radius:52px;padding:12px}
.search-input-tools{background:#fff;border-radius:52px;width:100%;height:100%;padding:5px}
.search-word {background:url('../img/ic_search.png') no-repeat 13px center;height:100%;border:none;outline:none;padding-left:45px}
.search-button {height:100%;margin:0 5px;background:#405366;color:#fff;border:none;border-radius:25px;padding:0 35px;text-transform:uppercase;outline:none;cursor:pointer}
.search-button:focus{outline:none}
.search-word:focus + .bgBackdrop{left:0;opacity:1}
.search-result {margin:0;padding:0;margin-top:5px;display:none}
.search-input-tools li {list-style-type:none;background:#fff;margin:0 35px 0 35px;padding:0 25px 5px;width:83%;cursor:pointer}
.search-input-tools li:hover{background:#f5f5f5}
.footer{position:absolute;width:100%;background:#333;color:#fff;bottom:0;text-align:center;color:#666}

.footer ul {margin:0;padding:0}
.footer ul li {list-style-type:none;display:inline-block;font-size:13px}
.footer ul li a{color:#666}
.footer ul li a:hover {color:#9a9a9a;cursor:pointer}

.bgBackdrop {position:fixed;left:-100%;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;z-index:-997;transition:opacity 0.6s ease}
.bgTips:hover .bgTipsText {display:blocks}
.bgTips {position:absolute;right:50px;bottom:40px}
.bgTipsText {display:none;background:rgba(51,51,51,0.7);width:200px;color:#fff;padding:5px;margin-bottom:10px;font-size:13px}
.txtHide{display:none!important}
.bgTips a {float:right;margin-right:5px}
.bgTips a:hover {color:#9a9a9a}
.bgTips a:hover + .bgBackdrop {left:0;opacity:1}
.bgTips a:before{display:inline-block;background:rgba(51,51,51,0.7);border-radius:2px;padding:11px 14px;font: normal normal normal 24px/1 FontAwesome;content:attr(data-icon);color:#666;cursor:pointer;z-index:99999}

/* SQ RESULT*/
h6 {color:#444!important;font-weight:bold!important}
.sq-left-box {background:#fdfdfd}
.sq-header {background:#f5f5f5;padding:15px}
.sq-logo {text-align:center;padding:15px 0 15px 10px!important}
.sq-logo img {width:100%}

.sq-search-box {position:relative;width:100%;height:100%;display:flex;align-items:center}
.sq-word {width:100%;border:1px solid #e8eff5;outline:none;height:45px;;background:url('../img/ic_search.png') no-repeat 13px center #fff;padding-left:45px;border-radius:52px;font-weight:bold}
.sq-button {position:absolute;right:0;top:0;bottom:0;border-radius:52px;border:none;color:#fff;text-transform:uppercase;height:38px;background:#405366;font-size:14px;font-weight:600;padding:0 30px;margin:auto 3px;outline:none}
.sq-ajax-list{position:absolute;border:1px solid #e8eff5;border-top:none;background:#fff;width:85%;padding:0;margin-left:15px;display:table;z-index:1}
.sq-ajax-list li {list-style-type:none;padding:5px 25px;cursor:pointer}
.sq-ajax-list li:hover{background:#f5f5f5}

.sq-wrap {background:#fdfdfd;padding:25px 35px}
.sq-count {color:#ababab}
.sq-count span {color:#4b4b4b}
.sq-result{padding:0!important;margin:0!important}
.sq-result ul {margin:0;padding:0}
.sq-result ul li {list-style-type:none;border-bottom:1px dashed #e9e9e9;padding:15px}
.sq-result h2 {color:#405366;font-size:16px;font-weight:700;text-transform:uppercase}
.sq-result h2.latyn {text-decoration:underline;font-size:14px}
.sq-result h2.latyn span {text-decoration:none}
.sq-hidden-text {display:none}
.sq-more {color:#405366;font-weight:700;border-bottom:1px dotted #405366;cursor:pointer;font-size:13px}
.sq-more:hover{border-bottom:none}
.sq-source span {color:#8ea9cb}
.sq-more-items {text-align:center;margin:25px 0}
.sq-more-items a{background:#f7f7f7;padding:15px 45px;border-radius:25px;color:#b6b6b6!important;font-weight:bold;cursor:pointer}
.sq-more-items a:hover{background:#c6d0db;color:#fff!important}
.sq-main-menu {height:70px;display:flex;align-items:center}
.sq-main-menu {text-align:left}
.sq-main-menu ul {margin:0;padding:0}
.sq-main-menu ul li {list-style-type:none;display:inline-block;font-size:14px;margin-right:15px;margin-top:15px}
.sq-main-menu ul li a{color:#405366}
.sq-main-menu ul li a:hover {border-bottom:2px solid #405366;text-decoration:none;cursor:pointer}
.sq-stats{margin-top:80px}
.sq-stats ul, ol {}
.sq-stats ul li {text-decoration:underline}
.sq-stats {color:#666;font-weight:bold}
.sq-stats a{color:#7d92ab;font-weight:normal}
.sq-stats a:hover{color:#7d92ab}
.sq-play {width:24px;height:24px;display:block;background-image:url('../img/play.png');background-size:cover;cursor:pointer}
.sq-play:hover{opacity:.7}

.alphabet-letters {margin:0 0 25px 0;padding:0;text-align:center}
.alphabet-letters li {margin:3px;padding:0!important;border:none!important;margin-bottom:3px!important;list-style-type:none;display:inline-block}
.alphabet-letters li a {color:#414550;background-color:#dfe4ea;border-color:#dfe4ea;margin:2px 0;padding:2px 8px;font-size:14px;line-height:1.5;border-radius:3px}
.alphabet-letters li a:hover, .alphabet-letters li a.active {color:#fff!important;background-color:#405366;border-color:#405366;text-decoration:none;cursor:pointer}

.sq-text {overflow:hidden;max-height:100px;margin:15px 0;position:relative}
.sq-text .more-background {position:absolute;height:35px;z-index:9999;top:70px;width:100%;background:url('../img/more_background.png') repeat-x;cursor:pointer}
.sq-result li:hover{background:#f5f5f5;cursor:pointer}
.sq-result li:hover .sq-text .more-background {background:url('../img/more_background_hover.png') repeat-x}
/* SQ RESULT */
.edit-tips {font-weight:normal;border-radius:5px;background:#e4f1fb;padding:10px;display:table}
.page-title {width:100%;text-align:right;color:#444}
@media (max-width: 576px) { 
	.sq-word{height:40px}
	.sq-button{font-size:12px;padding:0 20px;height:34px}
	.sq-logo img {width:70%}
	.sq-ajax-list{width:85%}
}

@media (max-width: 768px) {
	.sq-word{height:40px}
	.sq-button{font-size:12px;padding:0 20px;height:34px}
	.sq-ajax-list{width:85%}
}
@media (max-width: 992px) {
	.sq-word{height:40px}
	.sq-button{font-size:12px;padding:0 20px;height:34px}
	.sq-ajax-list{width:75%}
}
@media (min-width: 1200px) {
	.sq-word{height:45px}
	.sq-button {height:39px}
}
.sq-audio{padding:15px 0;}