/* CSS Document */
*,a:hover,a:focus{
	outline: none;
}

@font-face {
	font-family: 'Lato';
	src:url('../fonts/Lato-Regular.ttf');
	src:url('../fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'LatoMedium';
	src:url('../fonts/Lato-Medium.ttf');
	src:url('../fonts/Lato-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'LatoBold';
	src:url('../fonts/Lato-Bold.ttf');
	src:url('../fonts/Lato-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'LatoLight';
	src:url('../fonts/Lato-Light.ttf');
	src:url('../fonts/Lato-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'LatoThin';
	src:url('../fonts/Lato-Thin.ttf');
	src:url('../fonts/Lato-Thin.ttf') format('truetype');
}

body {
	font-family:Lato;
	background:#fff;
	color:#585858;
	}

a:hover,a:active,a:focus {
	text-decoration: none;
}

.container {
	/*width:960px;	*/
	}

.ellipsis {
	width:100%;
	text-overflow: ellipsis;

	/* Required for text-overflow to do anything */
	white-space: nowrap;
	overflow: hidden;
}

/*****Loađing******/
.spinner {
	margin: 10px auto;
	width: 32px;
	height: 32px;
	position: relative;
	text-align: center;
	border: 3px solid rgba(255,255,255,0.4);
	border-radius: 20px;
	-webkit-animation: sk-rotate 1.3s infinite linear;
	animation: sk-rotate 1.3s infinite linear;
}
.quarter {
	width: 16px;
	height: 16px;
	position: relative;
	margin-left: -3px;
	margin-top: -3px;
	overflow: hidden;
}
.circle {
	width: 32px;
	height: 32px;
	position: relative;
	text-align: center;
	border: 3px solid #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
 @-webkit-keyframes sk-rotate {
	100% {
	-webkit-transform: rotate(360deg)
	}
}
@keyframes sk-rotate {
	100% {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
	}
}



/***********Icon-font**************/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?dwqd1i');
  src:  url('../fonts/icomoon.eot?dwqd1i#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?dwqd1i') format('truetype'),
    url('../fonts/icomoon.woff?dwqd1i') format('woff'),
    url('../fonts/icomoon.svg?dwqd1i#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mobile:before {
  content: "\e91f";
}
.icon-gift:before {
  content: "\e91e";
}
.icon-user:before {
  content: "\e91d";
}
.icon-more:before {
  content: "\e91c";
}
.icon-volume-off:before {
  content: "\e90c";
}
.icon-volume:before {
  content: "\e90d";
}
.icon-shuffle:before {
  content: "\e90e";
}
.icon-share:before {
  content: "\e90f";
}
.icon-search2:before {
  content: "\e910";
}
.icon-ring-back-tone:before {
  content: "\e911";
}
.icon-previous:before {
  content: "\e912";
}
.icon-play2:before {
  content: "\e913";
}
.icon-pause2:before {
  content: "\e914";
}
.icon-next:before {
  content: "\e915";
}
.icon-like2:before {
  content: "\e916";
}
.icon-headphone:before {
  content: "\e917";
}
.icon-fullscreen-close:before {
  content: "\e918";
}
.icon-fullscreen:before {
  content: "\e919";
}
.icon-download:before {
  content: "\e91a";
}
.icon-add-playlist:before {
  content: "\e91b";
}
.icon-delete:before {
  content: "\e90a";
}
.icon-refresh:before {
  content: "\e90b";
}
.icon-arrow-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-bell:before {
  content: "\e902";
}
.icon-dot-three:before {
  content: "\e903";
}
.icon-eye:before {
  content: "\e904";
}
.icon-play:before {
  content: "\e905";
}
.icon-like:before {
  content: "\e906";
}
.icon-pause:before {
  content: "\e907";
}
.icon-search:before {
  content: "\e908";
}
.icon-send:before {
  content: "\e909";
}



/***********Icon-font**************/
@font-face {
  font-family: 'icomoon_3';
  src:  url('../fonts/icomoon_3.eot?b6s7ot');
  src:  url('../fonts/icomoon_3.eot?b6s7ot#iefix') format('embedded-opentype'),
    url('../fonts/icomoon_3.ttf?b6s7ot') format('truetype'),
    url('../fonts/icomoon_3.woff?b6s7ot') format('woff'),
    url('../fonts/icomoon_3.svg?b6s7ot#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon3-"], [class*=" icon3-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon_3' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon3-ringback:before {
  content: "\e914";
}
.icon3-dics:before {
  content: "\e912";
}
.icon3-ring:before {
  content: "\e913";
}
.icon3-binocular:before {
  content: "\e911";
  color: #ff7d00;
}
.icon3-music:before {
  content: "\e910";
  color: #00a99d;
}
.icon3-film:before {
  content: "\e90b";
  color: #00a99d;
}
.icon3-home:before {
  content: "\e90c";
  color: #f00;
}
.icon3-play:before {
  content: "\e90d";
  color: #00a99d;
}
.icon3-search:before {
  content: "\e90e";
  color: #3fa9f5;
}
.icon3-view:before {
  content: "\e90f";
  color: #00a99d;
}
.icon3-author-mybolero:before {
  content: "\e909";
  color: #fabe5a;
}
.icon3-micro-mybolero:before {
  content: "\e90a";
  color: #fabe5a;
}
.icon3-cart:before {
  content: "\e900";
  color: #f81414;
}
.icon3-gear:before {
  content: "\e901";
  color: #fff;
}
.icon3-account-5dmax:before {
  content: "\e902";
  color: #fff;
}
.icon3-episode-5dmax:before {
  content: "\e903";
  color: #fff;
}
.icon3-film-5dmax:before {
  content: "\e904";
  color: #fff;
}
.icon3-home-5dmax:before {
  content: "\e905";
  color: #fff;
}
.icon3-list-5dmax:before {
  content: "\e906";
  color: #fff;
}
.icon3-logout-5dmax:before {
  content: "\e907";
  color: #fff;
}
.icon3-package-5dmax:before {
  content: "\e908";
  color: #fff;
}
/**icomoon_v1**/
@font-face {
    font-family: 'icomoon_v1';
    src:  url('../fonts/icomoon_v1.eot?fgaeqh');
    src:  url('../fonts/icomoon_v1.eot?fgaeqh#iefix') format('embedded-opentype'),
    url('../fonts/icomoon_v1.ttf?fgaeqh') format('truetype'),
    url('../fonts/icomoon_v1.woff?fgaeqh') format('woff'),
    url('../fonts/icomoon_v1.svg?fgaeqh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="iconv1-"], [class*=" iconv1-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon_v1' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconv1-about:before {
    content: "\e900";
    color: #727272;
}
.iconv1-add:before {
    content: "\e901";
    color: #555;
}
.iconv1-addcircle:before {
    content: "\e902";
    color: #555;
}
.iconv1-addplaylist:before {
    content: "\e903";
    color: #555;
}
.iconv1-checker:before {
    content: "\e904";
    color: #003365;
}
.iconv1-copy:before {
    content: "\e905";
    color: #555;
}
.iconv1-delete:before {
    content: "\e906";
    color: #888;
}
.iconv1-dislike:before {
    content: "\e907";
    color: #555;
}
.iconv1-download:before {
    content: "\e908";
    color: #555;
}
.iconv1-fire:before {
    content: "\e909";
    color: #888;
}
.iconv1-follow:before {
    content: "\e90a";
}
.iconv1-group:before {
    content: "\e90b";
    color: #555;
}
.iconv1-hd:before {
    content: "\e90c";
}
.iconv1-heart:before {
    content: "\e90d";
    color: #555;
}
.iconv1-history:before {
    content: "\e90e";
    color: #888;
}
.iconv1-home:before {
    content: "\e90f";
    color: #003365;
}
.iconv1-hotline:before {
    content: "\e910";
    color: #555;
}
.iconv1-info:before {
    content: "\e911";
    color: #555;
}
.iconv1-like:before {
    content: "\e912";
    color: #555;
}
.iconv1-list-2:before {
    content: "\e913";
    color: #555;
}
.iconv1-list-3:before {
    content: "\e914";
}
.iconv1-live:before {
    content: "\e915";
}
.iconv1-locked:before {
    content: "\e916";
    color: #727272;
}
.iconv1-menu:before {
    content: "\e917";
    color: #555;
}
.iconv1-money:before {
    content: "\e918";
}
.iconv1-moon:before {
    content: "\e919";
}
.iconv1-notify:before {
    content: "\e91a";
    color: #555;
}
.iconv1-package:before {
    content: "\e91b";
    color: #727272;
}
.iconv1-playlist:before {
    content: "\e91c";
    color: #888;
}
.iconv1-plus:before {
    content: "\e91d";
    color: #555;
}
.iconv1-register:before {
    content: "\e91e";
    color: #888;
}
.iconv1-register-2:before {
    content: "\e91f";
    color: #555;
}
.iconv1-ringoff:before {
    content: "\e920";
    color: #555;
}
.iconv1-search:before {
    content: "\e921";
    color: #555;
}
.iconv1-share:before {
    content: "\e922";
    color: #555;
}
.iconv1-sort:before {
    content: "\e923";
    color: #888;
}
.iconv1-star:before {
    content: "\e924";
    color: #ddd;
}
.iconv1-upload:before {
    content: "\e925";
    color: #fff;
}
.iconv1-user:before {
    content: "\e926";
    color: #555;
}
.iconv1-user-2:before {
    content: "\e927";
    color: #555;
}
.iconv1-video:before {
    content: "\e928";
    color: #727272;
}
.iconv1-warning:before {
    content: "\e929";
    color: #888;
}
.iconv1-watch:before {
    content: "\e92a";
    color: #888;
}