iframe { max-width: 100%; max-height: 400px auto; overflow: hidden; border-radius: 5px; }

	.copral { position: relative; width: 50%; }
	.image { display: block; width: 100%; height: auto; }
	.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; }
	.copral:hover .overlay { opacity: .8; }
	.text { color: #fff; cursor: pointer; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

	.one-search { width: 80%; margin-bottom: auto; margin-top: 20px; height: 50px; background-color: #fff; padding: 10px; border-radius: 5px }
	.one-search-input { color: #fff; border: 0; outline: 0; background: none; width: 0; margin-top: 5px; caret-color: transparent; line-height: 20px; transition: width 0.4s linear }
	.one-search .one-search-input { padding: 0 10px; width: 100%; caret-color: #536bf6; font-size: 19px; font-weight: 300; color: #000; transition: width 0.4s linear }
	.one-search-icon { height: 34px; width: 34px; float: right; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #536bf6; font-size: 10px; bottom: 30px; position: relative; border-radius: 5px; border: none; outline: none; }
	.one-search-icon:hover, .one-search-icon:focus { color: #fff !important; outline: none; border: none; }
	a:link { text-decoration: none; }

	.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px; }
	.btn-light-success { background-color: #23ce6b; color: #fff; }
	.btn-light-success:hover { background-color: #23ce5b; color: #fff; }
	.user-avatar { width: 50px; height: 50px; }
	.nice-video { width: 100%; }
	.conatainer { position: relative; margin: 0 auto; }
	.conatainer video { vertical-align: middle; }
	.conatainer .content { position: absolute; top: 1px;/* background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5);*/ width: 100%; padding: 15px; }
	.palette { height: 35px; line-height: 35px; text-align: right; padding-right: .75rem; border-radius: 10px; }
	.palette-set { margin-bottom: 15px; }
	.palette span { display: none; font-size: 12px; }
	.palette:hover span { display: block; }
	.embed { width: 10px; height: 5px; border: none; color: #fff; display: inline-flex; }
	.embed:focus { box-shadow: none; border: none; background-color: #fff; color: #fff; outline: none; }
	.palette-box h4 { position: absolute; left: 1.25rem; font-size: 12px; display: block; }
	#shaker { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #28a745; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 80%; bottom: 30px; font-size: 17px; }
	#shaker.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }
	@keyframes fadein { from { bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1; } }
	@keyframes fadeout { from { bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0; } }
	@-webkit-keyframes fadein { from {bottom: 0; opacity: 0;}  to {bottom: 30px; opacity: 1; } }
	@-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;}  to {bottom: 0; opacity: 0; } }
	::-moz-selection { background: #b3d4fc; text-shadow: none; }
	::selection { background: #b3d4fc; text-shadow: none; }
	/*.title-text { display: none; }*/
	/*.user-avatar .title-text:hover { display: block; }*/
	@media (max-width:360px) { .user-avatar { width: 25px; height: 25px; } .icon-btn { padding: 0 8px 1px 1px; border-radius: 50px; background: transparent;/* display: none;*/ }/* .icon-btn:hover { display: block; }*/ }
	@media (max-width:600px) { .user-avatar { width: 30px; height: 30px; } .icon-btn { padding: 0 10px 1px 1px; border-radius: 50px; background: transparent;/* display: none;*/ }/* .icon-btn:hover { display: block; }*/ }
	@media (max-width:768px) { .user-avatar { width: 35px; height: 35px; } .icon-btn { padding: 0 11px 2px 2px; border-radius: 50px; background: transparent;/* display: none;*/ }/* .icon-btn:hover { display: block; }*/ }
	@media (max-width:900px) { .user-avatar { width: 45px; height: 45px; } .icon-btn { padding: 0 12px 2px 2px; border-radius: 50px; background: transparent; } }
	@media (max-width:1200px) { .user-avatar { width: 45px; height: 45px; } .icon-btn { padding: 0 14px 3px 2px; border-radius: 50px; } }
	@media (max-width:15000px) { .user-avatar { width: 50px; height: 50px; } .icon-btn { padding: 1px 15px 3px 2px; border-radius: 50px; } }
	@media only screen and (max-width: 1200px) { .user-avatar { background: transparent; } }